New
Jul 3, 2014 3:47 PM
#2051
DaxHim said: Ok, i give up. I've tried everything i can to delete this table, but with no result. How do I do this?s OMG how I hate this little table, why couldn't they add a class to it? I had a lot of problems with it, in the end I've just hidden it under another object. It's probably impossible to remove it since it's exactly the same as anime tables. Yeah that's really an issue. I've ended up by hiding it. I thought that maybe it can be selected because elements around are not the same (no .hide after this table). |
I speak the google translate English so please excuse me. |
Jul 3, 2014 5:26 PM
#2052
DaxHim said: DaxHim said: Ok, i give up. I've tried everything i can to delete this table, but with no result. How do I do this?s OMG how I hate this little table, why couldn't they add a class to it? I had a lot of problems with it, in the end I've just hidden it under another object. It's probably impossible to remove it since it's exactly the same as anime tables. Yeah that's really an issue. I've ended up by hiding it. I thought that maybe it can be selected because elements around are not the same (no .hide after this table). Oh wow, this table was something I wanted to have the option to remove when we first started to use n+4 back in the day for the "poster" style; the way we came up with killing the table on single category pages was to use #list_surround table:last-of-type { display: none; } This will work on removing it from the single categories pages since last table is always category totals spot. Works on your list too Daxhim with the same category pages (everything but All Anime/Manga). While thats a perfect solution imo for single category pages, it doesn't work on All Anime/Manga page, since last table isn't the same except on PTW since it on bottom of All. Personally I don't think poster styles should use All cuz there's other problems with using this category on All including this. Just fyi there is a (bad) but definite way to delete the tables on All, but it will require a lot of time and patience: You can use specific table selection codes #list_surround table:nth-of-type(#) { display: none; } And let the number correspond to the numbers of the tables on the All list. For example #list_surround table:nth-of-type(15) { display: none; } would delete the table from Currently Reading on your All Manga page Daxhim, since its the 15th table on that page atm. There's a number for completed and the rest too, you just have to count the tables... but why this method sucks is you would have to readjusted constantly everytime you add a title. Furthermore this won't always work on the single categories, since the table 15 may be the thing want to get rid of on current, but table 15 on others may be a title. And for that reason you'd only want these on All Anime/Manga. But theres a way to put these codes only on All Anime/Manga, requiring even more busywork lol. You use a PHP script to apply the CSS for removing tables by number on All only to the All page. iirc dzikibambus gave me this script originally <?php header("Content-type: text/css"); $host = $_SERVER['HTTP_REFERER']; if($host == 'http://myanimelist.net/mangalist/DaxHim&status=7') {echo("@import url();");} ?> In parenthesis, you put the link to import with those # codes for All page. You can host PHP at http://zymic.com/zcp/ if you really want to go through all that. But I think the method you've came up with for hiding it with category totals:before is nearly perfect tho as an alternative for All page; good work btw! Combined with #list_surround table:last-of-type { display: none; } I think its the closest you can come to solving most your problem easily as possible. |
Shishio-kunJul 3, 2014 5:30 PM
Jul 3, 2014 8:58 PM
#2053
@Shishio-kun Thanks for all this explanations! I thought of that nth-of-type solution very early, and left it in the same time, definitely too complicated. I'll just add this #list_surround table:last-of-type , still better. |
I speak the google translate English so please excuse me. |
Jul 6, 2014 10:06 PM
#2054
Soo, I tried to add my own back ground image to a premade ttemplate I got from here: https://dl.dropboxusercontent.com/u/78340470/Club%20layouts/Featured/MMO.css I found this template in this club. I'm a total noob at CSS. My friend who is learning CSS helped me put in a code to insert the background I wanted. It shows up on my list, but then it goes back to the origianal background picure quickly. This is my anime list right now, te results of my failed attempts to put in the BG http://myanimelist.net/animelist/StardustNyako The image on Completed is the image I'm trying to upload as my BG. If I need something bigger, I can use this: https://lh5.googleusercontent.com/-3G489H5a_Ew/Uww1KYN4TQI/AAAAAAAAAfs/Sj7NrICGdaM/w1026-h577-no/%255B007nF%255D+Sakurasou+no+Pet+na+Kanojo+-+12+%2528BD+1920x1080+x264+10bits+AAC%2529%255B49BB0ACD%255D.mp4_snapshot_23.29_%255B2014.02.25_00.15.45%255D.jpg Also, here is the current code I have now for my current list, again, the result of me dicking around with the code. I'm so sorrry >.< /* CURRENTLY WATCHING RENDER AND BACKGROUND */ .header_cw:before { background-image: url(http://3.bp.blogspot.com/-bP1lkBrRh1I/Ulj9Hh95WCI/AAAAAAAAAZU/h8vjHusyiT4/s1600/litbus_thumb.jpg), url(http://3.bp.blogspot.com/-bP1lkBrRh1I/Ulj9Hh95WCI/AAAAAAAAAZU/h8vjHusyiT4/s1600/litbus_thumb.jpg); } /* COMPLETED RENDER AND BACKGROUND */ .header_completed:before { background-image: url(http://i43.tinypic.com/acaa79.jpg), url(http://i42.tinypic.com/28a4z5u.jpg); } /* ON-HOLD RENDER AND BACKGROUND */ .header_onhold:before { background-image: url(http://i.imgur.com/mMRQYLZ.png), url(http://i39.tinypic.com/2vlwe89.jpg); } /* DROPPED RENDER AND BACKGROUND */ .header_dropped:before { background-image: url(http://i41.tinypic.com/11uvjwp.jpg), url(http://i.imgur.com/rakgap8.jpg); } /* PLANNED RENDER AND BACKGROUND */ .header_ptw:before { background-image: url(http://i.imgur.com/M0aKo9V.png), url(http://i.imgur.com/1rZJXuo.jpg); } /* CURRENT RENDER AND BACKGROUND SETTINGS*/ .header_cw:before { position: fixed; display: block; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: left top, center top; background-size: contain, cover; z-index: -1; } /* COMPLETED RENDER AND BACKGROUND SETTINGS*/ .header_completed:before { position: fixed; display: block; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: -17% top, center top; background-size: contain, cover; z-index: -1; } /* ON-HOLD RENDER AND BACKGROUND SETTINGS */ .header_onhold:before { position: fixed; display: block; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: left top, center top; background-size: contain, cover; z-index: -1; } /* DROPPED RENDER AND BACKGROUND SETTINGS */ .header_dropped:before { position: fixed; display: block; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: left top, center top; background-size: contain, cover; z-index: -1; } /* PLANNED RENDER AND BACKGROUND SETTINGS */ .header_ptw:before { position: fixed; display: block; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: left top, center center; background-size: contain, cover; z-index: -1; } /* LIST COLOR */ .table_header, .td1, .td2, .category_totals { background-color: rgba(255, 255, 255, 0.75) ; border: 0 none; padding: 3px; text-align: center; vertical-align: top; } .category_totals { background-color: rgba(255, 255, 255, 0.6); border: 2px solid white; border-radius: 0 0 12px 12px; text-align: center; } .category_totals:hover { background-color: rgba(196, 30, 14, 0.7); color: #FFFFFF; } /* LIST SETTINGS */ #list_surround { background-attachment: scroll; background-image: url("http://3.bp.blogspot.com/-bP1lkBrRh1I/Ulj9Hh95WCI/AAAAAAAAAZU/h8vjHusyiT4/s1600/litbus_thumb.jpg"); background-position: 6% 0; background-repeat: no-repeat no-repeat; background-size: 112% auto; font-size: 81.25%; height: 200px; left: 2%; line-height: 1; margin: 0 auto; padding-bottom: 10px; padding-top: 220px; position: absolute; top: 0; width: 650px; } /* LIST FONT COLOR */ a, .table_header, .td1, .td2, .category_totals { color: black; } /* BORDER COLORS */ .td1:nth-of-type(5), .td2:nth-of-type(5) { border-right: 2px solid white !important; } .td1:nth-of-type(1), .td2:nth-of-type(1) { border-left: 2px solid white !important; } .table_header:first-of-type { border-left: 2px solid white !important; border-radius: 20px 0 0 0; border-top: 2px solid white !important; } .table_header:nth-of-type(5) { border-right: 2px solid white !important; border-top: 2px solid white !important; } td.table_header:nth-of-type(2), td.table_header:nth-of-type(3), td.table_header:nth-of-type(4), td.table_header:nth-of-type(5) { background-image: url("http://3.bp.blogspot.com/-bP1lkBrRh1I/Ulj9Hh95WCI/AAAAAAAAAZU/h8vjHusyiT4/s1600/litbus_thumb.jpg"); border-top: 2px solid white; } body{ background: url("http://3.bp.blogspot.com/-bP1lkBrRh1I/Ulj9Hh95WCI/AAAAAAAAAZU/h8vjHusyiT4/s1600/litbus_thumb.jpg"); } /* HEADERS */ .header_cw { background-color: transparent; background-image: url("http://i44.tinypic.com/e6vdya.png"); background-position: -26% 59%; background-repeat: no-repeat no-repeat; background-size: 75% auto; height: 200px; margin-bottom: -44px; margin-top: -15px; } .header_completed { background-color: transparent; background-image: url("http://i41.tinypic.com/34njjw8.png"); background-repeat: no-repeat no-repeat; height: 200px; margin-bottom: -44px; margin-top: -15px; z-index: 0; } .header_onhold { background-color: transparent; background-image: url("http://i43.tinypic.com/fbz70y.png"); background-repeat: no-repeat no-repeat; height: 200px; margin-bottom: -44px; margin-top: -15px; } .header_dropped { background-color: transparent; background-image: url("http://i44.tinypic.com/357j192.png"); background-repeat: no-repeat no-repeat; height: 200px; margin-bottom: -44px; margin-top: -15px; } .header_ptw { background-color: transparent; background-image: url("http://i41.tinypic.com/345d25w.png"); background-repeat: no-repeat no-repeat; height: 200px; margin-bottom: -44px; margin-top: -15px; } body { background-attachment: fixed; background-clip: border-box; background-color: transparent; background-position: 0 50%; background-repeat: no-repeat no-repeat; background-size: cover; font-family: candara; } #inlineContent { background-repeat: no-repeat no-repeat; display: inline-block !important; height: 3000px !important; left: 0 !important; margin: auto !important; position: fixed; top: 0 !important; width: 3000px !important; z-index: -4 !important; } td[class^="td"]:nth-of-type(2) { width: 429px !important; } tr:hover .animetitle { color: #ACF6FF; font-weight: bold !important; text-shadow: 2px 1px black; transition: all 0.25s ease 0s; } tr:hover [class^="td"] { background-color: rgba(242, 166, 3, 0.9); transition: all 0.4s ease 0s; } a { text-shadow: none; } td:nth-of-type(3) { background-image: url("http://i42.tinypic.com/5mjv8.png"); background-position: 14px 2px; background-repeat: no-repeat; background-size: 21px 21px; padding-top: 3px; } tr:hover td:nth-of-type(3) { background-image: url("http://i40.tinypic.com/2me67gz.png"); background-size: 21px 21px; transition: all 0.4s ease 0s; } a:hover { color: red !important; font-weight: bold !important; text-shadow: 1px 1px black !important; } .table_header:nth-of-type(2) { text-align: left; } .table_header:nth-of-type(5) { border-bottom-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 20px; } .td1:nth-of-type(2), .td2:nth-of-type(2) { text-align: left; } .table_header:nth-of-type(6) { display: none; width: 0; } small { color: #B73C3F; font-weight: bold; } [cellspacing="0"] { line-height: 17px; } [class^="header_"] * { background-repeat: no-repeat no-repeat; font-size: 0; height: 200px; line-height: 24px; padding-bottom: 0; text-align: right; vertical-align: bottom; } .header_title { border-radius: 4px 4px 4px 4px; color: #FFFFFF; display: inline-block; font-style: italic; height: auto; padding: 0 8px 0 0; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } #grand_totals { background-color: rgba(255, 255, 255, 0.4); border: 0 none; border-radius: 3px 3px 3px 3px; color: #FFFFFF; line-height: 20px; min-height: 20px; padding: 8px; text-align: center; vertical-align: middle; } .status_not_selected { opacity: 0.8; right: -210px !important; transition: all 0.4s ease 0s; z-index: 0; } .status_not_selected:hover { color: transparent; opacity: 1 !important; right: 2% !important; transition: all 0.4s ease 0s; z-index: 2 !important; } .status_selected, .status_not_selected { display: block; } .status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a { color: transparent; display: block; height: 100px; opacity: 0; right: 4px; width: 300px; } #list_surround .status_selected, #list_surround .status_not_selected { background-attachment: scroll; background-color: transparent; background-image: url("http://3.bp.blogspot.com/-bP1lkBrRh1I/Ulj9Hh95WCI/AAAAAAAAAZU/h8vjHusyiT4/s1600/litbus_thumb.jpg"); background-position: 0 0; background-repeat: no-repeat no-repeat; display: block; height: 100px; padding: 0; position: fixed; right: 24px; top: 160px; width: 300px; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { background-attachment: scroll; background-color: transparent; background-image: url("http://i40.tinypic.com/2w33igk.png"); right: 24px; top: 260px; } #list_surround .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected { background-attachment: scroll; background-color: transparent; background-image: url("http://i43.tinypic.com/2ibyya1.png"); background-position: 0 0; background-size: 300px 100px !important; height: 100px !important; right: 24px; top: 360px; width: 300px !important; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background-attachment: scroll; background-color: transparent; background-image: url("http://i42.tinypic.com/2nla7h0.png"); right: 24px; top: 460px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background-attachment: scroll; background-color: transparent; background-image: url("http://3.bp.blogspot.com/-bP1lkBrRh1I/Ulj9Hh95WCI/AAAAAAAAAZU/h8vjHusyiT4/s1600/litbus_thumb.jpg"); right: 24px; top: 560px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { display: none; } :hover + .hide { background-color: rgba(255, 255, 255, 0.60); background-position: 50% 50% !important; background-repeat: no-repeat !important; background-size: auto auto !important; border-color: #FFFFFF; border-radius: 25px 25px 25px 25px; border-style: solid; border-width: 2px; display: block !important; height: 250px; padding: 39px 22px 9px 10px; position: fixed; width: 183px; } .td1:nth-of-type(6), .td2:nth-of-type(6) { background-color: rgba(255, 255, 255, 0.90) !important; border-color: #FFFFFF; border-radius: 15px 15px 15px 15px; border-style: solid; border-width: 2px; display: none; height: auto; padding: 10px; position: fixed; width: 198px; } #copyright, #copyright:hover { background-color: rgba(196, 30, 14, 0.7); border-radius: 5px 5px 5px 5px; bottom: 0; color: white; padding: 2px; width: 100%; } #copyright:hover { } #copyright:before { color: black; content: " Design by SylakentH_"; font-size: 12px; padding-right: 10px; } #copyright:after { color: gold; content: " "; padding-left: 20px; } #copyright a { } * { text-decoration: none; } a[href=""], [href=""] { background-attachment: scroll; background-color: transparent; background-image: url("http://3.bp.blogspot.com/-bP1lkBrRh1I/Ulj9Hh95WCI/AAAAAAAAAZU/h8vjHusyiT4/s1600/litbus_thumb.jpg"); background-position: left top; background-repeat: no-repeat; color: gold; font-size: 16px; font-weight: bold; padding-left: 23px; text-shadow: 2px 2px rgba(0, 0, 0, 0.8); } :hover + .hide { right: 9%; top: 12%; } .td1:nth-of-type(6), .td2:nth-of-type(6) { right: 9%; top: 71%; } @media all and (min-device-width: 1200px) { #list_surround { left: 21%; } :hover + .hide { left: 27px; top: 20%; } .td1:nth-of-type(6), .td2:nth-of-type(6) { left: 24px; top: 69%; } } @media all and (min-device-width: 1350px) { #list_surround { left: 27%; } :hover + .hide { left: 10%; top: 27%; } .td1:nth-of-type(6), .td2:nth-of-type(6) { left: 10%; top: 72%; } } @media all and (min-device-width: 1500px) { #list_surround { left: 32%; } :hover + .hide { left: 17%; top: 29%; } .td1:nth-of-type(6), .td2:nth-of-type(6) { left: 17%; top: 69%; } } @media all and (min-device-width: 1600px) { #list_surround { left: 40%; } :hover + .hide { left: 26%; top: 36%; } .td1:nth-of-type(6), .td2:nth-of-type(6) { left: 26%; top: 72%; } } @media all and (min-device-width: 1800px) { #list_surround { left: 50%; } :hover + .hide { left: 38%; top: 33%; } .td1:nth-of-type(6), .td2:nth-of-type(6) { left: 38%; top: 64%; } } I had the brilliant idea of getting rid of the 3 imports at the beginning of the code because I thought that'd get id of the origianal BG |
"Fuck this shit, fun things are fun!" |
Jul 6, 2014 10:36 PM
#2055
http://myanimelist.net/animelist/Sung-Hwan PLEASE help. I cannot get the I don't get it...getting really frustrating. A fix for this would be appreciated immensely. |
00002019Jul 6, 2014 10:44 PM
Jul 6, 2014 10:43 PM
#2056
StardustNyako said: Soo, I tried to add my own back ground image to a premade ttemplate I got from here: https://dl.dropboxusercontent.com/u/78340470/Club%20layouts/Featured/MMO.css I found this template in this club. I'm a total noob at CSS. My friend who is learning CSS helped me put in a code to insert the background I wanted. It shows up on my list, but then it goes back to the origianal background picure quickly. This is my anime list right now, te results of my failed attempts to put in the BG http://myanimelist.net/animelist/StardustNyako The image on Completed is the image I'm trying to upload as my BG. If I need something bigger, I can use this: https://lh5.googleusercontent.com/-3G489H5a_Ew/Uww1KYN4TQI/AAAAAAAAAfs/Sj7NrICGdaM/w1026-h577-no/%255B007nF%255D+Sakurasou+no+Pet+na+Kanojo+-+12+%2528BD+1920x1080+x264+10bits+AAC%2529%255B49BB0ACD%255D.mp4_snapshot_23.29_%255B2014.02.25_00.15.45%255D.jpg Also, here is the current code I have now for my current list, again, the result of me dicking around with the code. I'm so sorrry >.< /* CURRENTLY WATCHING RENDER AND BACKGROUND */ .header_cw:before { background-image: url(http://3.bp.blogspot.com/-bP1lkBrRh1I/Ulj9Hh95WCI/AAAAAAAAAZU/h8vjHusyiT4/s1600/litbus_thumb.jpg), url(http://3.bp.blogspot.com/-bP1lkBrRh1I/Ulj9Hh95WCI/AAAAAAAAAZU/h8vjHusyiT4/s1600/litbus_thumb.jpg); } /* COMPLETED RENDER AND BACKGROUND */ .header_completed:before { background-image: url(http://i43.tinypic.com/acaa79.jpg), url(http://i42.tinypic.com/28a4z5u.jpg); } /* ON-HOLD RENDER AND BACKGROUND */ .header_onhold:before { background-image: url(http://i.imgur.com/mMRQYLZ.png), url(http://i39.tinypic.com/2vlwe89.jpg); } /* DROPPED RENDER AND BACKGROUND */ .header_dropped:before { background-image: url(http://i41.tinypic.com/11uvjwp.jpg), url(http://i.imgur.com/rakgap8.jpg); } /* PLANNED RENDER AND BACKGROUND */ .header_ptw:before { background-image: url(http://i.imgur.com/M0aKo9V.png), url(http://i.imgur.com/1rZJXuo.jpg); } /* CURRENT RENDER AND BACKGROUND SETTINGS*/ .header_cw:before { position: fixed; display: block; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: left top, center top; background-size: contain, cover; z-index: -1; } /* COMPLETED RENDER AND BACKGROUND SETTINGS*/ .header_completed:before { position: fixed; display: block; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: -17% top, center top; background-size: contain, cover; z-index: -1; } /* ON-HOLD RENDER AND BACKGROUND SETTINGS */ .header_onhold:before { position: fixed; display: block; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: left top, center top; background-size: contain, cover; z-index: -1; } /* DROPPED RENDER AND BACKGROUND SETTINGS */ .header_dropped:before { position: fixed; display: block; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: left top, center top; background-size: contain, cover; z-index: -1; } /* PLANNED RENDER AND BACKGROUND SETTINGS */ .header_ptw:before { position: fixed; display: block; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: left top, center center; background-size: contain, cover; z-index: -1; } /* LIST COLOR */ .table_header, .td1, .td2, .category_totals { background-color: rgba(255, 255, 255, 0.75) ; border: 0 none; padding: 3px; text-align: center; vertical-align: top; } .category_totals { background-color: rgba(255, 255, 255, 0.6); border: 2px solid white; border-radius: 0 0 12px 12px; text-align: center; } .category_totals:hover { background-color: rgba(196, 30, 14, 0.7); color: #FFFFFF; } /* LIST SETTINGS */ #list_surround { background-attachment: scroll; background-image: url("http://3.bp.blogspot.com/-bP1lkBrRh1I/Ulj9Hh95WCI/AAAAAAAAAZU/h8vjHusyiT4/s1600/litbus_thumb.jpg"); background-position: 6% 0; background-repeat: no-repeat no-repeat; background-size: 112% auto; font-size: 81.25%; height: 200px; left: 2%; line-height: 1; margin: 0 auto; padding-bottom: 10px; padding-top: 220px; position: absolute; top: 0; width: 650px; } /* LIST FONT COLOR */ a, .table_header, .td1, .td2, .category_totals { color: black; } /* BORDER COLORS */ .td1:nth-of-type(5), .td2:nth-of-type(5) { border-right: 2px solid white !important; } .td1:nth-of-type(1), .td2:nth-of-type(1) { border-left: 2px solid white !important; } .table_header:first-of-type { border-left: 2px solid white !important; border-radius: 20px 0 0 0; border-top: 2px solid white !important; } .table_header:nth-of-type(5) { border-right: 2px solid white !important; border-top: 2px solid white !important; } td.table_header:nth-of-type(2), td.table_header:nth-of-type(3), td.table_header:nth-of-type(4), td.table_header:nth-of-type(5) { background-image: url("http://3.bp.blogspot.com/-bP1lkBrRh1I/Ulj9Hh95WCI/AAAAAAAAAZU/h8vjHusyiT4/s1600/litbus_thumb.jpg"); border-top: 2px solid white; } body{ background: url("http://3.bp.blogspot.com/-bP1lkBrRh1I/Ulj9Hh95WCI/AAAAAAAAAZU/h8vjHusyiT4/s1600/litbus_thumb.jpg"); } /* HEADERS */ .header_cw { background-color: transparent; background-image: url("http://i44.tinypic.com/e6vdya.png"); background-position: -26% 59%; background-repeat: no-repeat no-repeat; background-size: 75% auto; height: 200px; margin-bottom: -44px; margin-top: -15px; } .header_completed { background-color: transparent; background-image: url("http://i41.tinypic.com/34njjw8.png"); background-repeat: no-repeat no-repeat; height: 200px; margin-bottom: -44px; margin-top: -15px; z-index: 0; } .header_onhold { background-color: transparent; background-image: url("http://i43.tinypic.com/fbz70y.png"); background-repeat: no-repeat no-repeat; height: 200px; margin-bottom: -44px; margin-top: -15px; } .header_dropped { background-color: transparent; background-image: url("http://i44.tinypic.com/357j192.png"); background-repeat: no-repeat no-repeat; height: 200px; margin-bottom: -44px; margin-top: -15px; } .header_ptw { background-color: transparent; background-image: url("http://i41.tinypic.com/345d25w.png"); background-repeat: no-repeat no-repeat; height: 200px; margin-bottom: -44px; margin-top: -15px; } body { background-attachment: fixed; background-clip: border-box; background-color: transparent; background-position: 0 50%; background-repeat: no-repeat no-repeat; background-size: cover; font-family: candara; } #inlineContent { background-repeat: no-repeat no-repeat; display: inline-block !important; height: 3000px !important; left: 0 !important; margin: auto !important; position: fixed; top: 0 !important; width: 3000px !important; z-index: -4 !important; } td[class^="td"]:nth-of-type(2) { width: 429px !important; } tr:hover .animetitle { color: #ACF6FF; font-weight: bold !important; text-shadow: 2px 1px black; transition: all 0.25s ease 0s; } tr:hover [class^="td"] { background-color: rgba(242, 166, 3, 0.9); transition: all 0.4s ease 0s; } a { text-shadow: none; } td:nth-of-type(3) { background-image: url("http://i42.tinypic.com/5mjv8.png"); background-position: 14px 2px; background-repeat: no-repeat; background-size: 21px 21px; padding-top: 3px; } tr:hover td:nth-of-type(3) { background-image: url("http://i40.tinypic.com/2me67gz.png"); background-size: 21px 21px; transition: all 0.4s ease 0s; } a:hover { color: red !important; font-weight: bold !important; text-shadow: 1px 1px black !important; } .table_header:nth-of-type(2) { text-align: left; } .table_header:nth-of-type(5) { border-bottom-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 20px; } .td1:nth-of-type(2), .td2:nth-of-type(2) { text-align: left; } .table_header:nth-of-type(6) { display: none; width: 0; } small { color: #B73C3F; font-weight: bold; } [cellspacing="0"] { line-height: 17px; } [class^="header_"] * { background-repeat: no-repeat no-repeat; font-size: 0; height: 200px; line-height: 24px; padding-bottom: 0; text-align: right; vertical-align: bottom; } .header_title { border-radius: 4px 4px 4px 4px; color: #FFFFFF; display: inline-block; font-style: italic; height: auto; padding: 0 8px 0 0; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } #grand_totals { background-color: rgba(255, 255, 255, 0.4); border: 0 none; border-radius: 3px 3px 3px 3px; color: #FFFFFF; line-height: 20px; min-height: 20px; padding: 8px; text-align: center; vertical-align: middle; } .status_not_selected { opacity: 0.8; right: -210px !important; transition: all 0.4s ease 0s; z-index: 0; } .status_not_selected:hover { color: transparent; opacity: 1 !important; right: 2% !important; transition: all 0.4s ease 0s; z-index: 2 !important; } .status_selected, .status_not_selected { display: block; } .status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a { color: transparent; display: block; height: 100px; opacity: 0; right: 4px; width: 300px; } #list_surround .status_selected, #list_surround .status_not_selected { background-attachment: scroll; background-color: transparent; background-image: url("http://3.bp.blogspot.com/-bP1lkBrRh1I/Ulj9Hh95WCI/AAAAAAAAAZU/h8vjHusyiT4/s1600/litbus_thumb.jpg"); background-position: 0 0; background-repeat: no-repeat no-repeat; display: block; height: 100px; padding: 0; position: fixed; right: 24px; top: 160px; width: 300px; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { background-attachment: scroll; background-color: transparent; background-image: url("http://i40.tinypic.com/2w33igk.png"); right: 24px; top: 260px; } #list_surround .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected { background-attachment: scroll; background-color: transparent; background-image: url("http://i43.tinypic.com/2ibyya1.png"); background-position: 0 0; background-size: 300px 100px !important; height: 100px !important; right: 24px; top: 360px; width: 300px !important; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background-attachment: scroll; background-color: transparent; background-image: url("http://i42.tinypic.com/2nla7h0.png"); right: 24px; top: 460px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background-attachment: scroll; background-color: transparent; background-image: url("http://3.bp.blogspot.com/-bP1lkBrRh1I/Ulj9Hh95WCI/AAAAAAAAAZU/h8vjHusyiT4/s1600/litbus_thumb.jpg"); right: 24px; top: 560px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { display: none; } :hover + .hide { background-color: rgba(255, 255, 255, 0.60); background-position: 50% 50% !important; background-repeat: no-repeat !important; background-size: auto auto !important; border-color: #FFFFFF; border-radius: 25px 25px 25px 25px; border-style: solid; border-width: 2px; display: block !important; height: 250px; padding: 39px 22px 9px 10px; position: fixed; width: 183px; } .td1:nth-of-type(6), .td2:nth-of-type(6) { background-color: rgba(255, 255, 255, 0.90) !important; border-color: #FFFFFF; border-radius: 15px 15px 15px 15px; border-style: solid; border-width: 2px; display: none; height: auto; padding: 10px; position: fixed; width: 198px; } #copyright, #copyright:hover { background-color: rgba(196, 30, 14, 0.7); border-radius: 5px 5px 5px 5px; bottom: 0; color: white; padding: 2px; width: 100%; } #copyright:hover { } #copyright:before { color: black; content: " Design by SylakentH_"; font-size: 12px; padding-right: 10px; } #copyright:after { color: gold; content: " "; padding-left: 20px; } #copyright a { } * { text-decoration: none; } a[href=""], [href=""] { background-attachment: scroll; background-color: transparent; background-image: url("http://3.bp.blogspot.com/-bP1lkBrRh1I/Ulj9Hh95WCI/AAAAAAAAAZU/h8vjHusyiT4/s1600/litbus_thumb.jpg"); background-position: left top; background-repeat: no-repeat; color: gold; font-size: 16px; font-weight: bold; padding-left: 23px; text-shadow: 2px 2px rgba(0, 0, 0, 0.8); } :hover + .hide { right: 9%; top: 12%; } .td1:nth-of-type(6), .td2:nth-of-type(6) { right: 9%; top: 71%; } @media all and (min-device-width: 1200px) { #list_surround { left: 21%; } :hover + .hide { left: 27px; top: 20%; } .td1:nth-of-type(6), .td2:nth-of-type(6) { left: 24px; top: 69%; } } @media all and (min-device-width: 1350px) { #list_surround { left: 27%; } :hover + .hide { left: 10%; top: 27%; } .td1:nth-of-type(6), .td2:nth-of-type(6) { left: 10%; top: 72%; } } @media all and (min-device-width: 1500px) { #list_surround { left: 32%; } :hover + .hide { left: 17%; top: 29%; } .td1:nth-of-type(6), .td2:nth-of-type(6) { left: 17%; top: 69%; } } @media all and (min-device-width: 1600px) { #list_surround { left: 40%; } :hover + .hide { left: 26%; top: 36%; } .td1:nth-of-type(6), .td2:nth-of-type(6) { left: 26%; top: 72%; } } @media all and (min-device-width: 1800px) { #list_surround { left: 50%; } :hover + .hide { left: 38%; top: 33%; } .td1:nth-of-type(6), .td2:nth-of-type(6) { left: 38%; top: 64%; } } I had the brilliant idea of getting rid of the 3 imports at the beginning of the code because I thought that'd get id of the origianal BG http://myanimelist.net/forum/?topicid=662751 See topic. I said to start your list off on a page other than All Anime, fix that first. Otherwise the backgrounds get messed up. This list design isn't intended for All Anime. I also say where the backgrounds were. Under .header_completed:before { (near the top) you put in your completed page background codes. Your friend put the first one in above that code. So for that wallpaper you linked, your CSS would look like /* COMPLETED RENDER AND BACKGROUND */ .header_completed:before { background-image: url("https://lh5.googleusercontent.com/-3G489H5a_Ew/Uww1KYN4TQI/AAAAAAAAAfs/Sj7NrICGdaM/w1026-h577-no/%255B007nF%255D+Sakurasou+no+Pet+na+Kanojo+-+12+%2528BD+1920x1080+x264+10bits+AAC%2529%255B49BB0ACD%255D.mp4_snapshot_23.29_%255B2014.02.25_00.15.45%255D.jpg"), url(http://i42.tinypic.com/28a4z5u.jpg);} Just find /* COMPLETED RENDER AND BACKGROUND */ in your code and make it look like this above by replacing the link in the first parenthesis. You dont need to replace the tinypic link in the second parenthesis but you can if you want since you're not using renders. You do the same for the rest of those codes under- on hold, dropped, etc. btw when you save changes in the CSS edit box it takes you to a page where you see your old code again without the changes you just made. That may be why ur background is reverting. So everytime you save changes to your CSS edit box, you need to go back in your browser one page if you plan to make more edits to your box after saving. This was covered in the starter tutorial, if you didn't do that one you should. If the background doesn't cover your whole screen get bigger wallpapers or put background-size: cover; under each background image code. For example: .header_completed:before { background-image: url("https://lh5.googleusercontent.com/-3G489H5a_Ew/Uww1KYN4TQI/AAAAAAAAAfs/Sj7NrICGdaM/w1026-h577-no/%255B007nF%255D+Sakurasou+no+Pet+na+Kanojo+-+12+%2528BD+1920x1080+x264+10bits+AAC%2529%255B49BB0ACD%255D.mp4_snapshot_23.29_%255B2014.02.25_00.15.45%255D.jpg"), url(http://i42.tinypic.com/28a4z5u.jpg); background-size: cover; } You probably don't want to use such long image links either. it makes it harder to fix and sort through your codes late. If they start disappearing go to Imgur and upload them there. |
Jul 6, 2014 10:47 PM
#2057
Sung-Hwan said: http://myanimelist.net/animelist/Sung-Hwan PLEASE help. I cannot get the I don't get it...getting really frustrating. A fix for this would be appreciated immensely. I fixed your problem |
Jul 6, 2014 10:53 PM
#2058
Hahaido said: Sung-Hwan said: http://myanimelist.net/animelist/Sung-Hwan PLEASE help. I cannot get the I don't get it...getting really frustrating. A fix for this would be appreciated immensely. I fixed your problem thank you so much!! |
Jul 7, 2014 6:24 AM
#2059
dzikibambus said: codyrapol said: One more question, before I start uploading high quality covers and changing the URL's in the css file I made for my anime, does anyone know of a list that gets updated that has higher resolution than the standard one that is provided in the tutorials when adding covers to your list? I don't think anyone has a list with higher resolutions. DaxHim said: Ok, i give up. I've tried everything i can to delete this table, but with no result. How do I do this?s OMG how I hate this little table, why couldn't they add a class to it? I had a lot of problems with it, in the end I've just hidden it under another object. It's probably impossible to remove it since it's exactly the same as anime tables. Inevitabilis said: I'm working on my new design and I'm not quite sure if panel on the left looks allright to everyone else except me (especially "You are viewing..." section, I can't test it). Would be great if someone posts their screenshot of it. http://i.imgur.com/exwvUs9.png Well it doesn't look as it should. When I was working on this part I used someone else's list and edited it with firebug. I feel bad for not giving a single positive answer. Thank you |
Jul 7, 2014 8:23 AM
#2060
Shishio-kun said: StardustNyako said: Soo, I tried to add my own back ground image to a premade ttemplate I got from here: https://dl.dropboxusercontent.com/u/78340470/Club%20layouts/Featured/MMO.css I found this template in this club. I'm a total noob at CSS. My friend who is learning CSS helped me put in a code to insert the background I wanted. It shows up on my list, but then it goes back to the origianal background picure quickly. This is my anime list right now, te results of my failed attempts to put in the BG http://myanimelist.net/animelist/StardustNyako The image on Completed is the image I'm trying to upload as my BG. If I need something bigger, I can use this: https://lh5.googleusercontent.com/-3G489H5a_Ew/Uww1KYN4TQI/AAAAAAAAAfs/Sj7NrICGdaM/w1026-h577-no/%255B007nF%255D+Sakurasou+no+Pet+na+Kanojo+-+12+%2528BD+1920x1080+x264+10bits+AAC%2529%255B49BB0ACD%255D.mp4_snapshot_23.29_%255B2014.02.25_00.15.45%255D.jpg Also, here is the current code I have now for my current list, again, the result of me dicking around with the code. I'm so sorrry >.< /* CURRENTLY WATCHING RENDER AND BACKGROUND */ .header_cw:before { background-image: url(http://3.bp.blogspot.com/-bP1lkBrRh1I/Ulj9Hh95WCI/AAAAAAAAAZU/h8vjHusyiT4/s1600/litbus_thumb.jpg), url(http://3.bp.blogspot.com/-bP1lkBrRh1I/Ulj9Hh95WCI/AAAAAAAAAZU/h8vjHusyiT4/s1600/litbus_thumb.jpg); } /* COMPLETED RENDER AND BACKGROUND */ .header_completed:before { background-image: url(http://i43.tinypic.com/acaa79.jpg), url(http://i42.tinypic.com/28a4z5u.jpg); } /* ON-HOLD RENDER AND BACKGROUND */ .header_onhold:before { background-image: url(http://i.imgur.com/mMRQYLZ.png), url(http://i39.tinypic.com/2vlwe89.jpg); } /* DROPPED RENDER AND BACKGROUND */ .header_dropped:before { background-image: url(http://i41.tinypic.com/11uvjwp.jpg), url(http://i.imgur.com/rakgap8.jpg); } /* PLANNED RENDER AND BACKGROUND */ .header_ptw:before { background-image: url(http://i.imgur.com/M0aKo9V.png), url(http://i.imgur.com/1rZJXuo.jpg); } /* CURRENT RENDER AND BACKGROUND SETTINGS*/ .header_cw:before { position: fixed; display: block; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: left top, center top; background-size: contain, cover; z-index: -1; } /* COMPLETED RENDER AND BACKGROUND SETTINGS*/ .header_completed:before { position: fixed; display: block; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: -17% top, center top; background-size: contain, cover; z-index: -1; } /* ON-HOLD RENDER AND BACKGROUND SETTINGS */ .header_onhold:before { position: fixed; display: block; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: left top, center top; background-size: contain, cover; z-index: -1; } /* DROPPED RENDER AND BACKGROUND SETTINGS */ .header_dropped:before { position: fixed; display: block; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: left top, center top; background-size: contain, cover; z-index: -1; } /* PLANNED RENDER AND BACKGROUND SETTINGS */ .header_ptw:before { position: fixed; display: block; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: left top, center center; background-size: contain, cover; z-index: -1; } /* LIST COLOR */ .table_header, .td1, .td2, .category_totals { background-color: rgba(255, 255, 255, 0.75) ; border: 0 none; padding: 3px; text-align: center; vertical-align: top; } .category_totals { background-color: rgba(255, 255, 255, 0.6); border: 2px solid white; border-radius: 0 0 12px 12px; text-align: center; } .category_totals:hover { background-color: rgba(196, 30, 14, 0.7); color: #FFFFFF; } /* LIST SETTINGS */ #list_surround { background-attachment: scroll; background-image: url("http://3.bp.blogspot.com/-bP1lkBrRh1I/Ulj9Hh95WCI/AAAAAAAAAZU/h8vjHusyiT4/s1600/litbus_thumb.jpg"); background-position: 6% 0; background-repeat: no-repeat no-repeat; background-size: 112% auto; font-size: 81.25%; height: 200px; left: 2%; line-height: 1; margin: 0 auto; padding-bottom: 10px; padding-top: 220px; position: absolute; top: 0; width: 650px; } /* LIST FONT COLOR */ a, .table_header, .td1, .td2, .category_totals { color: black; } /* BORDER COLORS */ .td1:nth-of-type(5), .td2:nth-of-type(5) { border-right: 2px solid white !important; } .td1:nth-of-type(1), .td2:nth-of-type(1) { border-left: 2px solid white !important; } .table_header:first-of-type { border-left: 2px solid white !important; border-radius: 20px 0 0 0; border-top: 2px solid white !important; } .table_header:nth-of-type(5) { border-right: 2px solid white !important; border-top: 2px solid white !important; } td.table_header:nth-of-type(2), td.table_header:nth-of-type(3), td.table_header:nth-of-type(4), td.table_header:nth-of-type(5) { background-image: url("http://3.bp.blogspot.com/-bP1lkBrRh1I/Ulj9Hh95WCI/AAAAAAAAAZU/h8vjHusyiT4/s1600/litbus_thumb.jpg"); border-top: 2px solid white; } body{ background: url("http://3.bp.blogspot.com/-bP1lkBrRh1I/Ulj9Hh95WCI/AAAAAAAAAZU/h8vjHusyiT4/s1600/litbus_thumb.jpg"); } /* HEADERS */ .header_cw { background-color: transparent; background-image: url("http://i44.tinypic.com/e6vdya.png"); background-position: -26% 59%; background-repeat: no-repeat no-repeat; background-size: 75% auto; height: 200px; margin-bottom: -44px; margin-top: -15px; } .header_completed { background-color: transparent; background-image: url("http://i41.tinypic.com/34njjw8.png"); background-repeat: no-repeat no-repeat; height: 200px; margin-bottom: -44px; margin-top: -15px; z-index: 0; } .header_onhold { background-color: transparent; background-image: url("http://i43.tinypic.com/fbz70y.png"); background-repeat: no-repeat no-repeat; height: 200px; margin-bottom: -44px; margin-top: -15px; } .header_dropped { background-color: transparent; background-image: url("http://i44.tinypic.com/357j192.png"); background-repeat: no-repeat no-repeat; height: 200px; margin-bottom: -44px; margin-top: -15px; } .header_ptw { background-color: transparent; background-image: url("http://i41.tinypic.com/345d25w.png"); background-repeat: no-repeat no-repeat; height: 200px; margin-bottom: -44px; margin-top: -15px; } body { background-attachment: fixed; background-clip: border-box; background-color: transparent; background-position: 0 50%; background-repeat: no-repeat no-repeat; background-size: cover; font-family: candara; } #inlineContent { background-repeat: no-repeat no-repeat; display: inline-block !important; height: 3000px !important; left: 0 !important; margin: auto !important; position: fixed; top: 0 !important; width: 3000px !important; z-index: -4 !important; } td[class^="td"]:nth-of-type(2) { width: 429px !important; } tr:hover .animetitle { color: #ACF6FF; font-weight: bold !important; text-shadow: 2px 1px black; transition: all 0.25s ease 0s; } tr:hover [class^="td"] { background-color: rgba(242, 166, 3, 0.9); transition: all 0.4s ease 0s; } a { text-shadow: none; } td:nth-of-type(3) { background-image: url("http://i42.tinypic.com/5mjv8.png"); background-position: 14px 2px; background-repeat: no-repeat; background-size: 21px 21px; padding-top: 3px; } tr:hover td:nth-of-type(3) { background-image: url("http://i40.tinypic.com/2me67gz.png"); background-size: 21px 21px; transition: all 0.4s ease 0s; } a:hover { color: red !important; font-weight: bold !important; text-shadow: 1px 1px black !important; } .table_header:nth-of-type(2) { text-align: left; } .table_header:nth-of-type(5) { border-bottom-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 20px; } .td1:nth-of-type(2), .td2:nth-of-type(2) { text-align: left; } .table_header:nth-of-type(6) { display: none; width: 0; } small { color: #B73C3F; font-weight: bold; } [cellspacing="0"] { line-height: 17px; } [class^="header_"] * { background-repeat: no-repeat no-repeat; font-size: 0; height: 200px; line-height: 24px; padding-bottom: 0; text-align: right; vertical-align: bottom; } .header_title { border-radius: 4px 4px 4px 4px; color: #FFFFFF; display: inline-block; font-style: italic; height: auto; padding: 0 8px 0 0; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } #grand_totals { background-color: rgba(255, 255, 255, 0.4); border: 0 none; border-radius: 3px 3px 3px 3px; color: #FFFFFF; line-height: 20px; min-height: 20px; padding: 8px; text-align: center; vertical-align: middle; } .status_not_selected { opacity: 0.8; right: -210px !important; transition: all 0.4s ease 0s; z-index: 0; } .status_not_selected:hover { color: transparent; opacity: 1 !important; right: 2% !important; transition: all 0.4s ease 0s; z-index: 2 !important; } .status_selected, .status_not_selected { display: block; } .status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a { color: transparent; display: block; height: 100px; opacity: 0; right: 4px; width: 300px; } #list_surround .status_selected, #list_surround .status_not_selected { background-attachment: scroll; background-color: transparent; background-image: url("http://3.bp.blogspot.com/-bP1lkBrRh1I/Ulj9Hh95WCI/AAAAAAAAAZU/h8vjHusyiT4/s1600/litbus_thumb.jpg"); background-position: 0 0; background-repeat: no-repeat no-repeat; display: block; height: 100px; padding: 0; position: fixed; right: 24px; top: 160px; width: 300px; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { background-attachment: scroll; background-color: transparent; background-image: url("http://i40.tinypic.com/2w33igk.png"); right: 24px; top: 260px; } #list_surround .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected { background-attachment: scroll; background-color: transparent; background-image: url("http://i43.tinypic.com/2ibyya1.png"); background-position: 0 0; background-size: 300px 100px !important; height: 100px !important; right: 24px; top: 360px; width: 300px !important; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background-attachment: scroll; background-color: transparent; background-image: url("http://i42.tinypic.com/2nla7h0.png"); right: 24px; top: 460px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background-attachment: scroll; background-color: transparent; background-image: url("http://3.bp.blogspot.com/-bP1lkBrRh1I/Ulj9Hh95WCI/AAAAAAAAAZU/h8vjHusyiT4/s1600/litbus_thumb.jpg"); right: 24px; top: 560px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { display: none; } :hover + .hide { background-color: rgba(255, 255, 255, 0.60); background-position: 50% 50% !important; background-repeat: no-repeat !important; background-size: auto auto !important; border-color: #FFFFFF; border-radius: 25px 25px 25px 25px; border-style: solid; border-width: 2px; display: block !important; height: 250px; padding: 39px 22px 9px 10px; position: fixed; width: 183px; } .td1:nth-of-type(6), .td2:nth-of-type(6) { background-color: rgba(255, 255, 255, 0.90) !important; border-color: #FFFFFF; border-radius: 15px 15px 15px 15px; border-style: solid; border-width: 2px; display: none; height: auto; padding: 10px; position: fixed; width: 198px; } #copyright, #copyright:hover { background-color: rgba(196, 30, 14, 0.7); border-radius: 5px 5px 5px 5px; bottom: 0; color: white; padding: 2px; width: 100%; } #copyright:hover { } #copyright:before { color: black; content: " Design by SylakentH_"; font-size: 12px; padding-right: 10px; } #copyright:after { color: gold; content: " "; padding-left: 20px; } #copyright a { } * { text-decoration: none; } a[href=""], [href=""] { background-attachment: scroll; background-color: transparent; background-image: url("http://3.bp.blogspot.com/-bP1lkBrRh1I/Ulj9Hh95WCI/AAAAAAAAAZU/h8vjHusyiT4/s1600/litbus_thumb.jpg"); background-position: left top; background-repeat: no-repeat; color: gold; font-size: 16px; font-weight: bold; padding-left: 23px; text-shadow: 2px 2px rgba(0, 0, 0, 0.8); } :hover + .hide { right: 9%; top: 12%; } .td1:nth-of-type(6), .td2:nth-of-type(6) { right: 9%; top: 71%; } @media all and (min-device-width: 1200px) { #list_surround { left: 21%; } :hover + .hide { left: 27px; top: 20%; } .td1:nth-of-type(6), .td2:nth-of-type(6) { left: 24px; top: 69%; } } @media all and (min-device-width: 1350px) { #list_surround { left: 27%; } :hover + .hide { left: 10%; top: 27%; } .td1:nth-of-type(6), .td2:nth-of-type(6) { left: 10%; top: 72%; } } @media all and (min-device-width: 1500px) { #list_surround { left: 32%; } :hover + .hide { left: 17%; top: 29%; } .td1:nth-of-type(6), .td2:nth-of-type(6) { left: 17%; top: 69%; } } @media all and (min-device-width: 1600px) { #list_surround { left: 40%; } :hover + .hide { left: 26%; top: 36%; } .td1:nth-of-type(6), .td2:nth-of-type(6) { left: 26%; top: 72%; } } @media all and (min-device-width: 1800px) { #list_surround { left: 50%; } :hover + .hide { left: 38%; top: 33%; } .td1:nth-of-type(6), .td2:nth-of-type(6) { left: 38%; top: 64%; } } I had the brilliant idea of getting rid of the 3 imports at the beginning of the code because I thought that'd get id of the origianal BG http://myanimelist.net/forum/?topicid=662751 See topic. I said to start your list off on a page other than All Anime, fix that first. Otherwise the backgrounds get messed up. This list design isn't intended for All Anime. I also say where the backgrounds were. Under .header_completed:before { (near the top) you put in your completed page background codes. Your friend put the first one in above that code. So for that wallpaper you linked, your CSS would look like /* COMPLETED RENDER AND BACKGROUND */ .header_completed:before { background-image: url("https://lh5.googleusercontent.com/-3G489H5a_Ew/Uww1KYN4TQI/AAAAAAAAAfs/Sj7NrICGdaM/w1026-h577-no/%255B007nF%255D+Sakurasou+no+Pet+na+Kanojo+-+12+%2528BD+1920x1080+x264+10bits+AAC%2529%255B49BB0ACD%255D.mp4_snapshot_23.29_%255B2014.02.25_00.15.45%255D.jpg"), url(http://i42.tinypic.com/28a4z5u.jpg);} Just find /* COMPLETED RENDER AND BACKGROUND */ in your code and make it look like this above by replacing the link in the first parenthesis. You dont need to replace the tinypic link in the second parenthesis but you can if you want since you're not using renders. You do the same for the rest of those codes under- on hold, dropped, etc. btw when you save changes in the CSS edit box it takes you to a page where you see your old code again without the changes you just made. That may be why ur background is reverting. So everytime you save changes to your CSS edit box, you need to go back in your browser one page if you plan to make more edits to your box after saving. This was covered in the starter tutorial, if you didn't do that one you should. If the background doesn't cover your whole screen get bigger wallpapers or put background-size: cover; under each background image code. For example: .header_completed:before { background-image: url("https://lh5.googleusercontent.com/-3G489H5a_Ew/Uww1KYN4TQI/AAAAAAAAAfs/Sj7NrICGdaM/w1026-h577-no/%255B007nF%255D+Sakurasou+no+Pet+na+Kanojo+-+12+%2528BD+1920x1080+x264+10bits+AAC%2529%255B49BB0ACD%255D.mp4_snapshot_23.29_%255B2014.02.25_00.15.45%255D.jpg"), url(http://i42.tinypic.com/28a4z5u.jpg); background-size: cover; } You probably don't want to use such long image links either. it makes it harder to fix and sort through your codes late. If they start disappearing go to Imgur and upload them there. Thank you so much!! Ths helped me a lot~ Right now I'm still working on putting images in here, but yeah, making way better progress than before XD Here you go |
"Fuck this shit, fun things are fun!" |
Jul 7, 2014 9:00 AM
#2061
Wow you really did bring cookies, but unfortunately I only like Macaroons and Oatmeal Raisin... |
Jul 9, 2014 12:17 PM
#2062
Hello,i need a bit of help with my manga style. I use Hahaido's Lineage,took me 10 minutes to figure out how to change the menus to manga ones(yea that's the degree about how noob i'm),but for some reason the score seems to be a bit off. T̶h̶e̶ ̶a̶n̶i̶m̶e̶ ̶l̶i̶s̶t̶ ̶d̶o̶e̶s̶n̶'̶t̶ ̶s̶e̶e̶m̶s̶ ̶t̶o̶ ̶h̶a̶v̶e̶ ̶t̶h̶i̶s̶ ̶p̶r̶o̶b̶l̶e̶m̶(Yep the same problem with this one as well),and using priority doesn't seems to be the reasons for this. Note:Also some of the anime/manga names start with an orange letter,doesn't really bother me.But doesn't hurts to ask how to fix it. http://myanimelist.net/animelist/-Okami http://myanimelist.net/mangalist/-Okami |
-OkamiJul 9, 2014 12:20 PM
Jul 10, 2014 12:32 AM
#2063
Question: Can I just commission someone to do my page for me? x.x In short, I'm kinda lazy right now.... Edit: It's been 2 days and no one has answered my question :-( |
GBreakdownJul 13, 2014 12:41 AM
Jul 10, 2014 2:27 PM
#2064
Here's the background of a user Lirina (http://i.imgur.com/EnR9pAU.png) and here's mine (http://i.imgur.com/laydlOP.png). Not using the same background pic right now but it still applies. Note that I zoomed out to about 60% on both. I was wondering how you make the background pick stagnant like that. You know, immune to the zoom function or able to fit any screen. Thank you. |
Jul 10, 2014 4:31 PM
#2065
Whalelala said: Here's the background of a user Lirina (http://i.imgur.com/EnR9pAU.png) and here's mine (http://i.imgur.com/laydlOP.png). Not using the same background pic right now but it still applies. Note that I zoomed out to about 60% on both. I was wondering how you make the background pick stagnant like that. You know, immune to the zoom function or able to fit any screen. Thank you. try background-size: cover; under body |
Jul 11, 2014 12:33 PM
#2066
kuronekodesu said: Whalelala said: Here's the background of a user Lirina (http://i.imgur.com/EnR9pAU.png) and here's mine (http://i.imgur.com/laydlOP.png). Not using the same background pic right now but it still applies. Note that I zoomed out to about 60% on both. I was wondering how you make the background pick stagnant like that. You know, immune to the zoom function or able to fit any screen. Thank you. try background-size: cover; under body Sadly it's already there. |
Jul 11, 2014 7:11 PM
#2067
Whalelala said: kuronekodesu said: Whalelala said: Here's the background of a user Lirina (http://i.imgur.com/EnR9pAU.png) and here's mine (http://i.imgur.com/laydlOP.png). Not using the same background pic right now but it still applies. Note that I zoomed out to about 60% on both. I was wondering how you make the background pick stagnant like that. You know, immune to the zoom function or able to fit any screen. Thank you. try background-size: cover; under body Sadly it's already there. Your list backgrounds are same view on all resolutions like you're asking, unless you are using a very old browser or another unusual view setup |
Jul 12, 2014 10:27 AM
#2068
Hello, I've been wanting to share my anime list (maybe my manga list too, but it's less conventional :P). I need to know the procedures before doing so. I am planning on putting the elements of coding that are modifiable (ex.: color, background url, header url, editable text on main header) on the outside of the dropbox .css folder, that way it's easier for new users to handle the list and change it themselves if needed. However, I originally took iSayChris' model as a template and made it into a very original creation (:D). I was just wondering if some steps need to be made before sharing my own customization of his list (for example, copyright; is it a real copyright or just an aesthetic? I sorta trolled with it a bit on the right corner of my list, lol). I all I need to do is share the code and that's all, then it'll be available in the topic designated for that shortly. =) PS: I tried contacting iSayChris, but I guess he doesn't read messages at all, so I don't know if I have authorization to do anything with his list. He should know that I adopted it since I commented on his wall, but yeah. |
_____________________________________________________________ Come visit the Rec club! Everyone gets confused as to what they want to watch or read next. :T Here is the Official Rec Club list of Recommendations! |
Jul 13, 2014 1:15 AM
#2069
blob said: Every design is shareable as long as you've made something yourself. No need to ask for permission as long as you did not steal the code, which you didn't since he has shared it by free will. Regarding the copyright, do whatever you want as long as the original part from crave is easily readable :-)Hello, I've been wanting to share my anime list (maybe my manga list too, but it's less conventional :P). I need to know the procedures before doing so. I am planning on putting the elements of coding that are modifiable (ex.: color, background url, header url, editable text on main header) on the outside of the dropbox .css folder, that way it's easier for new users to handle the list and change it themselves if needed. However, I originally took iSayChris' model as a template and made it into a very original creation (:D). I was just wondering if some steps need to be made before sharing my own customization of his list (for example, copyright; is it a real copyright or just an aesthetic? I sorta trolled with it a bit on the right corner of my list, lol). I all I need to do is share the code and that's all, then it'll be available in the topic designated for that shortly. =) PS: I tried contacting iSayChris, but I guess he doesn't read messages at all, so I don't know if I have authorization to do anything with his list. He should know that I adopted it since I commented on his wall, but yeah. Edit :as your copyright looks right now it does not follow the rules and in theory you could get banned for it. |
Jul 13, 2014 10:20 AM
#2070
Oiomi said: Edit :as your copyright looks right now it does not follow the rules and in theory you could get banned for it. O.O Where is that rule? I need to know how to fix it immediately! XD Thanks for the answer! |
_____________________________________________________________ Come visit the Rec club! Everyone gets confused as to what they want to watch or read next. :T Here is the Official Rec Club list of Recommendations! |
Jul 13, 2014 11:19 AM
#2071
blob said: Oiomi said: Edit :as your copyright looks right now it does not follow the rules and in theory you could get banned for it. O.O Where is that rule? I need to know how to fix it immediately! XD Thanks for the answer! @Oiomi Have you scrolled to the bottom of blob's list? The copyright is there, and it's visible at all times. :) @blob Don't worry, the copyright is visible at all times in your design and it does not interfere with rules. :) |
Jul 14, 2014 2:32 AM
#2072
kuronekodesu said: sorry! I wS on my phone andonly saw the thing he dud in the corner f(^_^;blob said: Oiomi said: Edit :as your copyright looks right now it does not follow the rules and in theory you could get banned for it. O.O Where is that rule? I need to know how to fix it immediately! XD Thanks for the answer! @Oiomi Have you scrolled to the bottom of blob's list? The copyright is there, and it's visible at all times. :) @blob Don't worry, the copyright is visible at all times in your design and it does not interfere with rules. :) |
Jul 15, 2014 12:12 PM
#2073
Hello! I would like to add to the category headers a hover like the one the category totals have in my manga list, is that possible? |
“We see what we want to see” |
Jul 15, 2014 2:18 PM
#2074
KuroMayKami said: Hello! I would like to add to the category headers a hover like the one the category totals have in my manga list, is that possible? if i understood your question: .category_totals:hover {background-color: pink;} just change the color to your liking :) |
Jul 15, 2014 6:34 PM
#2075
Hello I was wondering if it was possible to edit the contents of the buttondropdowns I currently have at the top of my anime list and how I would do that. I was also wondering if it was possible to remove one of the buttons altogether. |
I'm a quiet guy. |
Jul 16, 2014 9:58 AM
#2076
Hi there, I would love to have my tag box like Introverturtle has. The problem is that it doesn't work in my case, which is kind of weird. |
Jul 16, 2014 1:28 PM
#2077
kuronekodesu said: KuroMayKami said: Hello! I would like to add to the category headers a hover like the one the category totals have in my manga list, is that possible? if i understood your question: .category_totals:hover {background-color: pink;} just change the color to your liking :) That's what I meant but the code has no effect :/, perhaps it's not possible to add hover to the category headers' background with the layout I have? |
“We see what we want to see” |
Jul 17, 2014 6:11 AM
#2078
kishinra said: Hi there, I would love to have my tag box like Introverturtle has. The problem is that it doesn't work in my case, which is kind of weird. He has different list settings than you (you don't have numbers turned on). So codes like tr:hover td[class^='td']:nth-of-type(6) have to be set differently, the 6 needs to be 5 in your current case. All the codes like that need to be adjusted |
Jul 18, 2014 6:33 AM
#2079
hi Shishio! I was trying to make a birthday card(my first time), and was gonna use the image below. But it has a white background. So when I tried doing a render by colour, the white portions such as the teeth and shirt also got omitted. Is there a way possible to render much easily or will I have to rely on paths. Oh and I use GIMP, sorry for any trouble!! |
Jul 18, 2014 7:00 AM
#2080
cloud2313 said: hi Shishio! I was trying to make a birthday card(my first time), and was gonna use the image below. But it has a white background. So when I tried doing a render by colour, the white portions such as the teeth and shirt also got omitted. Is there a way possible to render much easily or will I have to rely on paths. Oh and I use GIMP, sorry for any trouble!! I'm low skilled in rendering so I'm not the person to ask, try Hahaidos render tutorial http://myanimelist.net/forum/?topicid=1209497 or the one linked in the renders topic, you can ask too for someone to render there too http://myanimelist.net/forum/?topicid=400287 or search online if no one else answers |
Jul 18, 2014 8:05 AM
#2081
@Shisio no problem, I started trying different things out and stuff just seemed to work out. ^^ I used a tool called fuzzy tool, which removed most of the background except a small lining on border of required area, which I can remove(time-consuming but easy). I will check out hose guides anyway. Thanks~ |
Jul 18, 2014 4:39 PM
#2082
Hello I am frequently on this page for designs and know how about MAL graphics and interfaces, i sometimes talk but not alot so i do this little recap for whatever reason anywho i have a question to ask, i am being asked and suggested to do cards but i dont have the pezzazz to do them, i mean i have: cooltext for font's anime image sites for graphic's google for backgrounds and patterns GIMP for editing and other interests i can search and gather however i dont have any sort of boarders or frame for cards and pictures? are there any sites or tricks in making a good boarder/frame? please PM if possible |
Mon-Love club: http://myanimelist.net/clubs.php?cid=39529 The Shape of happiness might resemble glass... Even though you don't usually notice it, it's still definitely there... You merely have to change your Point of View slightly... and that glass will sparkle when it reflects the light... |
Jul 18, 2014 9:57 PM
#2083
I just answered a similar question on the front page, so you can check that out |
Jul 21, 2014 10:47 AM
#2084
Shishio-kun said: kishinra said: Hi there, I would love to have my tag box like Introverturtle has. The problem is that it doesn't work in my case, which is kind of weird. He has different list settings than you (you don't have numbers turned on). So codes like tr:hover td[class^='td']:nth-of-type(6) have to be set differently, the 6 needs to be 5 in your current case. All the codes like that need to be adjusted I did that but see no box :/ In fact, nothing really happened. |
Jul 21, 2014 11:58 AM
#2085
Karazumi said: Shishio-kun said: kishinra said: Hi there, I would love to have my tag box like Introverturtle has. The problem is that it doesn't work in my case, which is kind of weird. He has different list settings than you (you don't have numbers turned on). So codes like tr:hover td[class^='td']:nth-of-type(6) have to be set differently, the 6 needs to be 5 in your current case. All the codes like that need to be adjusted I did that but see no box :/ In fact, nothing really happened. You don't have tags turned on. You also will need to set the right under td[class^="td"]:nth-of-type(5) to -170px since you have a different list position then him and the box needs to be moved to a better spot. So I think your code should be like: @import url(https://dl.dropboxusercontent.com/u/188037746/Syrosu-5cmps.css); #copyright {visibility: visible;} /* Tags */ td[class^='td']:nth-of-type(5):before { opacity: 0; position: absolute; display: block; margin-left: -64px; margin-top: -2px; content: ''; width: 0; height: 0; background: linear-gradient(left , rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, 0) 35%); background: -moz-linear-gradient(left , rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, 0) 35%); background: -webkit-gradient( linear, left bottom, right bottom, color-stop(0, rgba(0, 0, 0, .8)), color-stop(0.35, rgba(0, 0, 0, 0))); transition: opacity .5s linear; -moz-transition: opacity .5s linear; -webkit-transition: opacity .5s linear; } tr:hover td[class^='td']:nth-of-type(5):before { opacity: 1; } td[class^='td']:nth-of-type(5) { visibility: hidden; opacity: 0; position: absolute !important; left: -170px !important; width: 180px !important; height: 180px; font-size: 12px; line-height: 16px !important; color: transparent !important; padding: 2px; color: #FFFFFF !important; border: solid 1px rgba(250, 1, 7, .8); background-color: rgba(0, 0, 0, .8) !important; transition: opacity .5s linear; -moz-transition: opacity .5s linear; -webkit-transition: opacity .5s linear; } tr:hover td[class^='td']:nth-of-type(5) { visibility: visible; opacity: 1; } span[id*="tagLinks"] { pointer-events: none; opacity: 1; transition: opacity .5s linear; -moz-transition: opacity .5s linear; -webkit-transition: opacity .5s linear; } tr:hover td[class^='td']:nth-of-type(5) a { color: #FFFFFF !important; } /* Disable Tags in the Sort Options */ .table_header[width="125"] { display: none !important; } |
Jul 23, 2014 8:39 AM
#2086
erm hi! can anyone tell me the code for show spoiler and hide spoiler button? I went to google and use the code found but it doesn't show up in my profile :0 |
[center] Club I admin in : Animanga Card Empire ll Traditional Friends Card Club [TFCC] ll J-WoW (Just Wannabe Otakus Welcome!) |
Jul 23, 2014 10:09 AM
#2088
Why do my buttons disappear on my anime list The ones on the left that say watching completed on-hold etc. Some show up Idk if it's only for me |
Jul 23, 2014 11:16 AM
#2089
@oiomi : thank you very much~ ❤ ❤ ❤ |
[center] Club I admin in : Animanga Card Empire ll Traditional Friends Card Club [TFCC] ll J-WoW (Just Wannabe Otakus Welcome!) |
Jul 23, 2014 11:30 PM
#2090
Is there a way to give certain entries custom ratings? Like giving Highschool DXD an Ecchi/10 or K-On a cute/10 |
Jul 24, 2014 3:08 AM
#2091
Hi, I was hoping to get some help with my CSS. I don't know any CSS, and the few hours of tinkering that I've done haven't been enough. The row in question is the Overdrive anime. My MAL: http://myanimelist.net/animelist/osage&status=2&order=4 My CSS: https://www.dropbox.com/s/x1egmnt4jgty7sk/Saiyuki.css The basic problem is getting the height of my rows, and the accompanying bottom border, fitted to the mini-reviews I'd like to have. I use tags for shorter reviews, but I also use this piece of code td.td1 span#tagLinks2112:after, td.td2 span#tagLinks2112:after{ content: "";} for longer reviews. Altering the bottom doesn't work because it alters every row, which I don't want to do. .td1, .td2{ padding-top:4px; padding-bottom:14px; border-bottom:1px solid #dfd4cc; } I have however been able to use .hide { display: inline-block !important; } #more2112{ padding-top:0px; padding-bottom:15px; } To add space, but I'm unable to get the bottom border to adjust accordingly. It just stays in its original position.' Thanks in advance, I really appreciate it. I've spent the last 3 or 4 hours just trying to hack something together randomly without success. |
Jul 24, 2014 4:58 AM
#2092
Enjoy [quote] /* Tags */ td[class^='td']:nth-of-type(2) { position: absolute; left: 40px !important; width: 600px !important; } .table_header[width="125"], span[id*="tagLinks"], div[id*="tagChangeRow"] { display: none !important; } td[class^='td'][width="125"] { width: 0; } span[id*="tagRow"] { display: block !important; margin-left: -20px; margin-top: 18px; width: 580px; font-style: Italic; font-size: 12px; line-height: 12px; color: #7f745c; text-align: left; } @-moz-document url-prefix() { span[id*="tagRow"] { margin-left: -760px; } } body{ background: #f1edee url(http://i.imgur.com/fjWIIzf.png) top center scroll no-repeat; background-position:50% 20px; font-family: candara; font-size: 11pt; color:#3f343c; } .hide { display: inline-block !important; } td.td1 span#tagLinks2112:after, td.td2 span#tagLinks2112:after{ content: "Such a simple show, and not even an original creation. Yet compared to the detritus which is most other shows, a show focused on one race, its racers and their struggles, and a fair-handed dramatization of all things involved is such a refreshing reminder of what is at the basis of any good story."; font-family: candara; font-size:8pt !important; color:#7f745c; font-style:italic; font-weight:normal; } #more2112{ padding-top:0px; padding-bottom:15px; } #list_surround{ position:absolute; margin:auto; right:20px; left:0px; width:800px; margin-top:350px; } a, a:visited{ text-decoration:none; color: #3f343c; } a:hover{ color:#000; } .td1, .td2{ padding-top:4px; padding-bottom:14px; border-top:1px solid #dfd4cc; } .table_header{ padding-bottom:3px; font-size:8pt; } td:nth-of-type(2) small a{ position:relative; font-size:7pt; left:-30px; } td:nth-of-type(2) small{ color:transparent; } .borderRBL { background:transparent !important; text-align:left !important; position:relative!important; padding: 10px 0px 20px 40px !important; font-size:8pt; color:#7f646c !important; } .borderRBL a, .borderRBL a:visited{ color:#3f343c !important; } .borderRBL a:hover{ color:#000 !important; } .animetitle + small{ color:#7f745c !important; padding-left:10px; font-size:7pt; font-style:italic; } .animetitle + small:before{ content: " ~ "; } .animetitle + small:after{ content: " ~ "; } .table_header:first-child { display:none; } .td1:first-child, .td2:first-child { text-align:center; position:absolute; background: #dfd4cc; border-radius:0px 20px 0px 20px; height:5px !important; left: 0px!important; margin-top: -1px; z-index:10 !important; } .td1:nth-of-type(3), .td2:nth-of-type(3){ position:absolute; left: 612px!important; width:60px !important; text-align:center; z-index:10 !important; } .table_header:nth-of-type(3) { padding-right:14px; } .td1:nth-of-type(4), .td2:nth-of-type(4) { position:absolute; left: 672px!important; width:60px; padding-right:2px; padding-left:2px; text-align:center; z-index:10 !important; } .td1:nth-of-type(5), .td2:nth-of-type(5){ position:relative; left: 735px !important; width:60px; text-align:center; } .header_title{ font-size:11pt; font-weight:bold; padding-top:60px; padding-bottom:5px; } .category_totals{ font-size: 8pt; padding: 7px 0px 7px 0px; text-align:center; color:#7f646c; border-top:1px solid #dfd4cc; border-bottom:1px solid #dfd4cc; } #copyright, #grand_totals{ padding-top:5px; font-size: 8pt; text-align:center; color:#7f646c; } #copyright a, #copyright a:visited{ color:#7f646c; } .status_not_selected a, .status_not_selected a:visited { background: transparent; color: #3f343c; font-size: 8pt; z-index: 20; } .status_selected a, .status_selected a:visited { background: transparent; color: #3f343c; font-size:8pt; z-index: 30; } .status_selected a:hover, .status_not_selected a:hover{ color:#000000 !important; font-weight:bold; } .status_selected, .status_not_selected { display: inline-block !important; background:none; position: fixed; top: 3px; left:50%; margin-left:-395px; width:auto; z-index: 30; text-align:left; padding-bottom:3px; z-index:305; padding-right:10px; padding-left:10px; } .status_selected + .status_not_selected, .status_not_selected + .status_selected, .status_not_selected + .status_not_selected { left:50%; margin-left:-233px; } .status_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_selected, .status_not_selected + .status_not_selected + .status_not_selected { left:50%; margin-left:-91px; } .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { left:50%; margin-left:51px; } .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { left:50%; margin-left:183px; } .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { ; left:50%; margin-left:315px; } #inlineContent{ top: 0px !important; display: inline-block !important ; height: 20px !important ; left: 50% !important ; margin-left: -410px; position: fixed !important ; width: 800px !important; z-index:10; background: #f1edee; border-radius:0px 0px 10px 10px; border: 1px solid #333; border-top:none; } /* SECOND PART: "ADD TO LIST, HOME, ANIME LIST, MANGA LIST" The seond part only users logged in see. It looks the same to the owner of the list and to a user who's not the owner of the list but logged in. It won't appear to people not logged in. */ #mal_cs_links { background: transparent ; } #mal_cs_links div:first-of-type a:first-of-type{ font-size:0pt; } #mal_cs_links div:first-of-type a:last-of-type{ font-size:0pt; } #mal_cs_links div:last-of-type a:first-of-type{ font-size:0pt; } #mal_cs_links div:last-of-type a:last-of-type{ font-size:0pt; } /* THIRD PART OF BAR "YOU ARE VIEWING YOUR/USERNAME'S LIST" Appears very different depending on if you're logged in or not and if you're the owner of the list, but logged-out people see this part. But all the codes for those different views are included below. There are two parts in the codes below that say my user name "Shishio-kun"- you need to replace that with your own exact username. */ #mal_cs_otherlinks { background: transparent; } #mal_cs_otherlinks strong { font-size:0pt; } } #mal_cs_otherlinks a[href="http://myanimelist.net/history/_ayu_"]{ display:none; } #mal_cs_otherlinks a[href="http://myanimelist.net/forum/"]{ display:none; } #mal_cs_otherlinks a[href="http://myanimelist.net/panel.php?go=export"]{ display:none; } #mal_cs_otherlinks a { font-size:0pt !important; } #mal_cs_otherlinks div:last-of-type a:first-of-type{ font-size:0pt !important; } #mal_cs_otherlinks span{ font-size:0pt !important; } #mal_cs_otherlinks a[href="http://myanimelist.net/modules.php?go=faq"]{ color: white !important; background: blak !important; } /* FAR RIGHT-SIDE PANEL "POWERED BY MYANIMELIST.NET" Features search, looks the same to all users logged in or not. */ #mal_cs_powered { background:none!important; } #mal_cs_powered a { display:none !important; } #mal_cs_powered #search { background:transparent!important; position:absolute; top:475px; left:50%; margin-left:-1230px; z-index:50; width:150px !important; } #mal_cs_powered #search input{ background:transparent!important; position:absolute; top:0px; z-index:0; width:176px !important; border-radius:10px; } #searchListButton { background:transparent!important; display:none; } /*MAL LOGO "MYANIMELIST" This is only seen by people NOT logged in. Its on the left side. */ #mal_control_strip { background: transparent !important; } td#mal_cs_pic a img { background: silver !important; display:none; } #mal_cs_pic, #mal_cs_listinfo, #mal_cs_links { border-right: 0 none !important; } #mal_cs_otherlinks a[href="http://myanimelist.net/profile/"]:before{ content: "You're viewing " !important; } #mal_cs_otherlinks a[href="http://myanimelist.net/profile/"] { font-family: candara; font-size:8pt !important; color:#7f745c; position:absolute; top:432px; left:50%; margin-left:-410px; font-style:italic; font-weight:normal; text-decoration:none; z-index:50; } #mal_cs_otherlinks a[href="http://myanimelist.net/profile/"]:after{ content: "'s Anime List" !important; } [/qoute] |
Jul 24, 2014 5:46 AM
#2093
Thanks so much! You're a life saver. |
Jul 24, 2014 3:32 PM
#2094
Jul 25, 2014 3:53 AM
#2095
How can I change the color of the club comments and nothing else? Using this code: [*/center][*color=deepskyblue][*center][*/color] I can change the color of the club comments but it will also center the comments which I don't want to happen. Removing the center tag will make the color disappear and changing "center" to "left" will also make the color disappear. How do I keep the color without changing the position of the club comments? |
Jul 27, 2014 10:36 AM
#2096
Hey guys, I'm making my own version of the Sao Layout Lineage Style and I've got a little problem. I want to make the top left corner of the list rounded too, but I can't find the part of the code that would round it. :( Can someone pinpoint it for me please, I'd be in eternal gratitude. And maybe tell me how to add the "#" in that empty box too, above the numbers. :D If you check my list you can see the top left corner of the list being a little weird. |
Jul 27, 2014 11:10 AM
#2097
Sebulon said: Hey guys, I'm making my own version of the Sao Layout Lineage Style and I've got a little problem. I want to make the top left corner of the list rounded too, but I can't find the part of the code that would round it. :( Can someone pinpoint it for me please, I'd be in eternal gratitude. And maybe tell me how to add the "#" in that empty box too, above the numbers. :D If you check my list you can see the top left corner of the list being a little weird. ok delete .table_header span { display: none; } that find .table_header:first-child and change the content in brackets with: border: 2px solid #612c00 !important; border-right: 0px !important; border-top-left-radius: 16px; |
Jul 27, 2014 11:16 AM
#2098
Moderated said: Is there a way to give certain entries custom ratings? Like giving Highschool DXD an Ecchi/10 or K-On a cute/10 The only thing that comes to my mind right now is to add the text to the .animetitle and place it over the score. Something like this: .animetitle:after { position:relative; float:right; left:77px; color:#fff; width:46px; text-align:center; font-weight:normal; } .td1 .animetitle:after{background-color: #464646;} .td2 .animetitle:after{background-color: #5A5A5A;} .animetitle[href*="7791"]:after {content:'cute';} .animetitle[href*="12729"]:after {content:'lewd';} It's not a good solution, but it kinda works. Ophis said: How can I change the color of the club comments and nothing else? Using this code: [*/center][*color=deepskyblue][*center][*/color] I can change the color of the club comments but it will also center the comments which I don't want to happen. Removing the center tag will make the color disappear and changing "center" to "left" will also make the color disappear. How do I keep the color without changing the position of the club comments? [color=deepskyblue]this should work[/color] [/center][/center][color=deepskyblue]this could actually break some stuff[center][/color][center] [/center][/center][/center][/center]Well, yep, it breaks stuff[center][center][center][center] http://i.imgur.com/reF57pg.png |
dzikibambusJul 27, 2014 11:32 AM
Jul 27, 2014 12:06 PM
#2099
kuronekodesu said: Thank you, I owe you my body and soul, I hope you take good care of them~Sebulon said: Hey guys, I'm making my own version of the Sao Layout Lineage Style and I've got a little problem. I want to make the top left corner of the list rounded too, but I can't find the part of the code that would round it. :( Can someone pinpoint it for me please, I'd be in eternal gratitude. And maybe tell me how to add the "#" in that empty box too, above the numbers. :D If you check my list you can see the top left corner of the list being a little weird. ok delete .table_header span { display: none; } that find .table_header:first-child and change the content in brackets with: border: 2px solid #612c00 !important; border-right: 0px !important; border-top-left-radius: 16px; |
Jul 27, 2014 5:36 PM
#2100
dzikibambus said: Ophis said: How can I change the color of the club comments and nothing else? Using this code: [*/center][*color=deepskyblue][*center][*/color] I can change the color of the club comments but it will also center the comments which I don't want to happen. Removing the center tag will make the color disappear and changing "center" to "left" will also make the color disappear. How do I keep the color without changing the position of the club comments? [color=deepskyblue]this should work[/color] Yes but it doesn't. That's what I'm saying. [*color=deepskyblue][*/color] should change the color of the club comments but it doesn't. I have to use it with the center tag for the color to change but then it centers the comments which I don't want. I'm trying to change the color while keeping the club comments on the left side. Like how the comments in this club are purple but are not centered |
-Dizzy-Jul 27, 2014 5:49 PM
More topics from this board
» theme helpthreat - Jul 5 |
5 |
by Zaryf
»»
Aug 21, 5:46 AM |
|
» [CSS - Modern] 🍰 Clarity by V.L ( 1 2 3 4 5 ... Last Page )Valerio_Lyndon - Apr 19, 2018 |
1261 |
by KiranaStarr
»»
Aug 16, 5:48 PM |
|
» [CSS] ⭐️ Customize your List Cursor + Cursor FixesShishio-kun - Mar 8, 2021 |
30 |
by Shishio-kun
»»
Jul 28, 3:17 AM |
|
» How To Have Different Banner/Cover image & Background Image For Manga & Anime ListsYasminaRegina - Jul 25 |
2 |
by YasminaRegina
»»
Jul 26, 1:02 AM |
|
Sticky: » 💚 [REPAIR STICKY] Repair/speed up layouts + Request layout fixes ( 1 2 )Shishio-kun - Nov 17, 2023 |
52 |
by LucaBalsa
»»
Jul 6, 2:02 PM |