New
May 17, 2014 2:54 AM
#1951
Toarujisuru said: Well t o fux that You'll have to make your own.Oiomi said: Toarujisuru said: there's something wrong with the "right" manga import so you either have to make your own or find another one. I might be able to help you find it later.Quick question. For the DVD/MANGA cover hover css import on my animelist it is working fine, but on my mangalist a lot of the manga covers do not show up. How can I fix this? And yes I am using the correct css for the manga cover hover option. Edit: here it is http://dl.dropbox.com/u/49469857/MAL/premade/manga.css Ah, thank you. That one is better, but I'm still having the same problem with just a few series. Oh well no biggie. Just so long as most of 'em show up I'm happy. ^^ Thanks again. |
May 17, 2014 12:13 PM
#1952
Toarujisuru said: Oiomi said: Toarujisuru said: there's something wrong with the "right" manga import so you either have to make your own or find another one. I might be able to help you find it later.Quick question. For the DVD/MANGA cover hover css import on my animelist it is working fine, but on my mangalist a lot of the manga covers do not show up. How can I fix this? And yes I am using the correct css for the manga cover hover option. Edit: here it is http://dl.dropbox.com/u/49469857/MAL/premade/manga.css Ah, thank you. That one is better, but I'm still having the same problem with just a few series. Oh well no biggie. Just so long as most of 'em show up I'm happy. ^^ Thanks again. try this: @import url(http://dl.dropbox.com/u/49469857/MAL/premade/formats/covers/more" target="_blank">http://mal-fellow-writer.appspot.com/manga/Toarujisuru/?covers=http://dl.dropbox.com/u/49469857/MAL/premade/formats/covers/more); more info here: http://myanimelist.net/forum/?topicid=1163417 |
May 18, 2014 10:09 AM
#1953
lampshades120 said: Question! I have a tag box on the left side of my list, around the middle-bottom of the page. A few people are telling me that the tag box is cut off for them, and that they can only see the first 2 lines of the tag box. Is there any way I can fix this to where it's formatted properly for all viewers? Or do I just have to move the tag box even higher than it already is? o_O On lower resolutions your top settings on the tag box move it below the bottom of smaller screens. If you just zoom in your layout in your browser you'll see it (Google how). You can use a resolution specific fix so the tag box is moved to the bottom on smaller screens and kept in the usual place for mid to high resolutions. .td1:nth-of-type(6), .td2:nth-of-type(6) { bottom: 0 !important; top: auto !important; } @media all and (min-device-width:1350px){ .td1:nth-of-type(6), .td2:nth-of-type(6) { bottom: auto !important; top: 470px !important; } } The first code is a default settings that keeps it at bottom screen by default (for small screens). Next part on media is for mid to hi res so they see it where you wanted it to be originally 470px from top). In addition you could adjust the position and size of the pic with this too but thats not necessary |
May 22, 2014 12:56 PM
#1954
I use Gurren Lagann css, but since few days it lacks most pictures of Yoko. Only one is left. What happened, how to fix it? Thanx. |
May 25, 2014 2:05 AM
#1955
Hello! I have a question :) The wallpaper in my list is a mess --> http://i1037.photobucket.com/albums/a453/christianekaren/capture-20140525-150147_zps0f3156c6.png When I use this code: body { background-size: cover; } It works --> http://i1037.photobucket.com/albums/a453/christianekaren/capture-20140525-153410_zpsa62d7019.png but when I zoom in (Ctrl+ "+") it became like this --> http://i1037.photobucket.com/albums/a453/christianekaren/capture-20140525-154324_zps2413e227.png [I see in some people list, when I zoom in their list, it still the same] Is there a way to fix this problem? Thank you |
May 25, 2014 3:24 PM
#1956
Kumachi said: I can tell you what the problem is. When you use the cover property the computer will set the background size so that the pic just covers either the width or the hight depending on which needs most stretching and it gets cropped in the other direction. the background size will stay the same as long as the window size does, but when you zoom everything else gets bigger. Hence the misalignment. I can't find a solution for your code since the list is set to private.Hello! I have a question :) The wallpaper in my list is a mess --> http://i1037.photobucket.com/albums/a453/christianekaren/capture-20140525-150147_zps0f3156c6.png When I use this code: body { background-size: cover; } It works --> http://i1037.photobucket.com/albums/a453/christianekaren/capture-20140525-153410_zpsa62d7019.png but when I zoom in (Ctrl+ "+") it became like this --> http://i1037.photobucket.com/albums/a453/christianekaren/capture-20140525-154324_zps2413e227.png [I see in some people list, when I zoom in their list, it still the same] Is there a way to fix this problem? Thank you |
May 26, 2014 2:55 AM
#1957
Oiomi said: Kumachi said: I can tell you what the problem is. When you use the cover property the computer will set the background size so that the pic just covers either the width or the hight depending on which needs most stretching and it gets cropped in the other direction. the background size will stay the same as long as the window size does, but when you zoom everything else gets bigger. Hence the misalignment. I can't find a solution for your code since the list is set to private.Hello! I have a question :) The wallpaper in my list is a mess --> http://i1037.photobucket.com/albums/a453/christianekaren/capture-20140525-150147_zps0f3156c6.png When I use this code: body { background-size: cover; } It works --> http://i1037.photobucket.com/albums/a453/christianekaren/capture-20140525-153410_zpsa62d7019.png but when I zoom in (Ctrl+ "+") it became like this --> http://i1037.photobucket.com/albums/a453/christianekaren/capture-20140525-154324_zps2413e227.png [I see in some people list, when I zoom in their list, it still the same] Is there a way to fix this problem? Thank you Ah, sorry. I already set it to public Thank you for helping! :'D |
May 26, 2014 7:19 AM
#1958
Fixed :P
|
May 26, 2014 4:55 PM
#1959
Mjolnersson said: I use Gurren Lagann css, but since few days it lacks most pictures of Yoko. Only one is left. What happened, how to fix it? Thanx. Answered here http://myanimelist.net/forum/?topicid=410859#msg31120923 |
May 27, 2014 1:40 PM
#1960
This is the code of my layout @import "http://dl.dropbox.com/u/49469857/MAL/premade/anime.css"; @import "http://dl.dropbox.com/u/78340470/Icon%20Style%20Menu%20Bar/IconStyleCSSFixed.css"; /* HOW TO USE Use and COMPLETE this simple tutorial if you never installed CSS, it only takes a few minutes: http://myanimelist.net/forum/?topicid=200320 When you're done with the tutorial and can see the starter layout on your list, copy and paste this entire page of codes (including this part and the codes above and below) to your CSS edit box (the box titled Edit Advanced CSS File) replacing any other codes in the box. Save with the blue button at the bottom. It will put this premade layout on your list instead of the starter one from the tutorial! If the layout looks weird on your list after installing, you can try to alter your settings here. Common solutions are to set Default Status Settings to Watching or All Anime, check or uncheck tags (make sure you save afterwards): http://myanimelist.net/editprofile.php?go=listpreferences If your list still has problems you can ask us about it here, or other questions: http://myanimelist.net/forum/?topicid=200323 And you'll find further ways to customize your list here: http://myanimelist.net/forum/?topicid=419405 */ body { background-attachment:fixed; background-clip:border-box; background-color:transparent; background-image:url(http://i45.tinypic.com/3492ikw.jpg); background-position:0 50%, 0 0; background-repeat:no-repeat no-repeat; background-size:cover; font-family:calibri; } #inlineContent { display:inline-block !important; height:1080px !important; left:0 !important; margin:auto !important; position:fixed !important; right:0 !important; top:0 !important; width:1920px !important; z-index:-1 !important; } #list_surround { background-attachment:scroll; background-color:transparent; background-image:url(http://i49.tinypic.com/5ebckl.png); background-position:30px -40px; background-repeat:no-repeat no-repeat; font-size:100%; line-height:1; margin:0 auto; padding-bottom:10px; padding-top:320px; position:absolute; right:-4px !important; width:700px; } a { color:#FFFFFF; text-decoration:none; text-shadow:none; } a:hover { color:#fff; text-decoration:underline; } .table_header { background-color:rgba(255, 255, 255, 0.4); } .table_header:first-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:10px; border-top-right-radius:0; } .table_header:nth-of-type(2) { padding-left:35px; text-align:left; } .table_header:last-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:0; border-top-right-radius:10px; } .td1 { background-color:rgba(0, 0, 0, 0.4); height:65px; } .td2 { background-color:rgba(0, 0, 0, 0.4); height:65px; } .table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals { border:0 none; padding:4px; text-align:center; vertical-align:top; } .table_header, .td1, .td2, .category_totals { color:white; } .borderRBL { line-height:normal !important; } [cellspacing="0"] { line-height:17px; } .category_totals { background-color:rgba(255, 255, 255, 0.4); border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:0; border-top-right-radius:0; color:white; text-align:center; } [class^="header_"] * { background-repeat:no-repeat no-repeat; font-size:0; height:200px; line-height:24px; padding-bottom:4px; text-align:right; vertical-align:bottom; } .header_title { border-bottom-left-radius:4px; border-bottom-right-radius:4px; border-top-left-radius:4px; border-top-right-radius:4px; color:#FFFFFF; display:inline-block; font-style:italic; height:auto; padding:0 8px 0 0; text-shadow:rgba(0, 0, 0, 0.14902) 0 1px 1px; } #grand_totals { background-color:transparent; border:0 none; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; color:#FFFFFF; line-height:20px; min-height:20px; padding:8px; text-align:center; vertical-align:middle; } #copyright { background-color:rgba(180, 32, 48, 0.6); border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-top-left-radius:3px; border-top-right-radius:3px; color:#EEEEEE; line-height:17px; margin-top:10px; padding:8px; text-align:center; } #copyright::after { } .hide { background-color:rgba(248, 162, 200, 0.701961); background-position:50% 50%; background-repeat:no-repeat no-repeat; background-size:cover; border:1px solid #FFFFFF; border-bottom-left-radius:7px; border-bottom-right-radius:7px; border-top-left-radius:7px; border-top-right-radius:7px; display:inline-block !important; height:55px; margin-left:33px; margin-top:-65px; position:absolute; width:35px; } .hide:hover { background-color:transparent; background-repeat:no-repeat no-repeat; background-size:cover; border-bottom-left-radius:20px; border-bottom-right-radius:20px; border-top-left-radius:20px; border-top-right-radius:20px; box-shadow:rgba(63, 52, 60, 0.54902) 0 0 8px 8px; margin-left:-130px; padding-right:150px; padding-top:220px !important; position:absolute; z-index:1; } .td1:nth-of-type(2), .td2:nth-of-type(2) { padding-left:35px; text-align:left; } .td1:nth-of-type(6), .td2:nth-of-type(6) { background-attachment:scroll; background-color:transparent; background-image:none; background-position:0 0; background-repeat:repeat repeat; border-bottom-style:none !important; border-bottom-width:medium !important; display:inline-block; font-family:cursive; font-size:9pt; height:0 !important; left:70px; line-height:16px !important; margin-top:16px; position:absolute; text-align:justify !important; width:720px; z-index:2; } .table_header:nth-of-type(6) { display:none; } span[id*="tagRow"] { display:block !important; } span[id*="tagLinks"] { display:none !important; } a, .td1, .td2, .category_totals { -webkit-transition:all 0.25s ease-in-out 0s; transition:all 0.25s ease-in-out 0s; } #list_surround .status_selected, #list_surround .status_not_selected { -webkit-background-clip:padding-box !important; background-clip:padding-box !important; background-color:transparent; background-image:url(http://i48.tinypic.com/oa7wao.png); background-position:0 0; background-repeat:no-repeat no-repeat; background-size:contain; border:1px solid transparent; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; display:block; left:-300px; padding:0; position:absolute; top:20px; width:263px; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { background-image:url(http://i48.tinypic.com/qmx5qg.png); background-position:100% 0; top:140px; } #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-image:url(http://i46.tinypic.com/2h4iceo.png); background-position:0 0; top:260px; } #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-image:url(http://i50.tinypic.com/350t4x1.png); background-position:100% 0; top:380px; } #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-image:url(http://i46.tinypic.com/5zdyd5.png); background-position:0 0; top:500px; } #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 { background-image:url(http://i46.tinypic.com/wlp0zt.png); background-position:100% 0; top:620px; } .status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a { color:transparent; display:block; font-size:0; height:113px; width:263px; } .header_cw { background-color:transparent; background-image:url(http://i47.tinypic.com/1juk9s.png); background-position:50% 150px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-300px; } .header_completed { background-color:transparent; background-image:url(http://i49.tinypic.com/snmjia.png); background-position:50% 150px; background-repeat:no-repeat no-repeat; height:100px; margin-bottom:0; margin-top:-100px; } .header_onhold { background-color:transparent; background-image:url(http://i48.tinypic.com/2n8deth.png); background-position:50% 150px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_dropped { background-color:transparent; background-image:url(http://i50.tinypic.com/ehk8b7.jpg); background-position:50% 150px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_ptw { background-color:transparent; background-image:url(http://i50.tinypic.com/bimm44.png); background-position:50% 150px; background-repeat:no-repeat no-repeat; height:75px; margin-bottom:0; margin-top:-100px; } .status_selected { display:block; } .status_not_selected { display:block; } .status_not_selected { opacity:0.7; } .status_not_selected:hover { color:transparent; opacity:1; } #list_surround { left:0 !important; margin:auto !important; position:absolute !important; right:0 !important; } /*COLOR OF THE "AIRING EXT." TEXT*/ .animetitle + small { color:#CC33FF !important; font-weight:bold; } * { -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;} /*DVD COVER HOVER GLITCH FIX (Chrome/Safari/Firefox/Opera only)*/ .hide:hover:after { background: transparent; content: " "; height: 75px; left: 0; position: absolute; top: 0; width: 210px; z-index: 20; } |
Signature removed. Please follow the signature rules, as defined in the Site & Forum Guidelines. |
May 28, 2014 6:16 AM
#1961
Shishio-kun said: Mjolnersson said: I use Gurren Lagann css, but since few days it lacks most pictures of Yoko. Only one is left. What happened, how to fix it? Thanx. Answered here http://myanimelist.net/forum/?topicid=410859#msg31120923 Thank You very much, problem solved. And, yeah, imageshack is now sh!tty website. Imgur is now ten thousand times better. You are as awesome as always, thx ^_^ |
May 28, 2014 7:16 AM
#1962
NaTaSo0 said: This is the code of my layout @import "http://dl.dropbox.com/u/49469857/MAL/premade/anime.css"; @import "http://dl.dropbox.com/u/78340470/Icon%20Style%20Menu%20Bar/IconStyleCSSFixed.css"; /* HOW TO USE Use and COMPLETE this simple tutorial if you never installed CSS, it only takes a few minutes: http://myanimelist.net/forum/?topicid=200320 When you're done with the tutorial and can see the starter layout on your list, copy and paste this entire page of codes (including this part and the codes above and below) to your CSS edit box (the box titled Edit Advanced CSS File) replacing any other codes in the box. Save with the blue button at the bottom. It will put this premade layout on your list instead of the starter one from the tutorial! If the layout looks weird on your list after installing, you can try to alter your settings here. Common solutions are to set Default Status Settings to Watching or All Anime, check or uncheck tags (make sure you save afterwards): http://myanimelist.net/editprofile.php?go=listpreferences If your list still has problems you can ask us about it here, or other questions: http://myanimelist.net/forum/?topicid=200323 And you'll find further ways to customize your list here: http://myanimelist.net/forum/?topicid=419405 */ body { background-attachment:fixed; background-clip:border-box; background-color:transparent; background-image:url(http://i45.tinypic.com/3492ikw.jpg); background-position:0 50%, 0 0; background-repeat:no-repeat no-repeat; background-size:cover; font-family:calibri; } #inlineContent { display:inline-block !important; height:1080px !important; left:0 !important; margin:auto !important; position:fixed !important; right:0 !important; top:0 !important; width:1920px !important; z-index:-1 !important; } #list_surround { background-attachment:scroll; background-color:transparent; background-image:url(http://i49.tinypic.com/5ebckl.png); background-position:30px -40px; background-repeat:no-repeat no-repeat; font-size:100%; line-height:1; margin:0 auto; padding-bottom:10px; padding-top:320px; position:absolute; right:-4px !important; width:700px; } a { color:#FFFFFF; text-decoration:none; text-shadow:none; } a:hover { color:#fff; text-decoration:underline; } .table_header { background-color:rgba(255, 255, 255, 0.4); } .table_header:first-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:10px; border-top-right-radius:0; } .table_header:nth-of-type(2) { padding-left:35px; text-align:left; } .table_header:last-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:0; border-top-right-radius:10px; } .td1 { background-color:rgba(0, 0, 0, 0.4); height:65px; } .td2 { background-color:rgba(0, 0, 0, 0.4); height:65px; } .table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals { border:0 none; padding:4px; text-align:center; vertical-align:top; } .table_header, .td1, .td2, .category_totals { color:white; } .borderRBL { line-height:normal !important; } [cellspacing="0"] { line-height:17px; } .category_totals { background-color:rgba(255, 255, 255, 0.4); border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:0; border-top-right-radius:0; color:white; text-align:center; } [class^="header_"] * { background-repeat:no-repeat no-repeat; font-size:0; height:200px; line-height:24px; padding-bottom:4px; text-align:right; vertical-align:bottom; } .header_title { border-bottom-left-radius:4px; border-bottom-right-radius:4px; border-top-left-radius:4px; border-top-right-radius:4px; color:#FFFFFF; display:inline-block; font-style:italic; height:auto; padding:0 8px 0 0; text-shadow:rgba(0, 0, 0, 0.14902) 0 1px 1px; } #grand_totals { background-color:transparent; border:0 none; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; color:#FFFFFF; line-height:20px; min-height:20px; padding:8px; text-align:center; vertical-align:middle; } #copyright { background-color:rgba(180, 32, 48, 0.6); border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-top-left-radius:3px; border-top-right-radius:3px; color:#EEEEEE; line-height:17px; margin-top:10px; padding:8px; text-align:center; } #copyright::after { } .hide { background-color:rgba(248, 162, 200, 0.701961); background-position:50% 50%; background-repeat:no-repeat no-repeat; background-size:cover; border:1px solid #FFFFFF; border-bottom-left-radius:7px; border-bottom-right-radius:7px; border-top-left-radius:7px; border-top-right-radius:7px; display:inline-block !important; height:55px; margin-left:33px; margin-top:-65px; position:absolute; width:35px; } .hide:hover { background-color:transparent; background-repeat:no-repeat no-repeat; background-size:cover; border-bottom-left-radius:20px; border-bottom-right-radius:20px; border-top-left-radius:20px; border-top-right-radius:20px; box-shadow:rgba(63, 52, 60, 0.54902) 0 0 8px 8px; margin-left:-130px; padding-right:150px; padding-top:220px !important; position:absolute; z-index:1; } .td1:nth-of-type(2), .td2:nth-of-type(2) { padding-left:35px; text-align:left; } .td1:nth-of-type(6), .td2:nth-of-type(6) { background-attachment:scroll; background-color:transparent; background-image:none; background-position:0 0; background-repeat:repeat repeat; border-bottom-style:none !important; border-bottom-width:medium !important; display:inline-block; font-family:cursive; font-size:9pt; height:0 !important; left:70px; line-height:16px !important; margin-top:16px; position:absolute; text-align:justify !important; width:720px; z-index:2; } .table_header:nth-of-type(6) { display:none; } span[id*="tagRow"] { display:block !important; } span[id*="tagLinks"] { display:none !important; } a, .td1, .td2, .category_totals { -webkit-transition:all 0.25s ease-in-out 0s; transition:all 0.25s ease-in-out 0s; } #list_surround .status_selected, #list_surround .status_not_selected { -webkit-background-clip:padding-box !important; background-clip:padding-box !important; background-color:transparent; background-image:url(http://i48.tinypic.com/oa7wao.png); background-position:0 0; background-repeat:no-repeat no-repeat; background-size:contain; border:1px solid transparent; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; display:block; left:-300px; padding:0; position:absolute; top:20px; width:263px; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { background-image:url(http://i48.tinypic.com/qmx5qg.png); background-position:100% 0; top:140px; } #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-image:url(http://i46.tinypic.com/2h4iceo.png); background-position:0 0; top:260px; } #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-image:url(http://i50.tinypic.com/350t4x1.png); background-position:100% 0; top:380px; } #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-image:url(http://i46.tinypic.com/5zdyd5.png); background-position:0 0; top:500px; } #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 { background-image:url(http://i46.tinypic.com/wlp0zt.png); background-position:100% 0; top:620px; } .status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a { color:transparent; display:block; font-size:0; height:113px; width:263px; } .header_cw { background-color:transparent; background-image:url(http://i47.tinypic.com/1juk9s.png); background-position:50% 150px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-300px; } .header_completed { background-color:transparent; background-image:url(http://i49.tinypic.com/snmjia.png); background-position:50% 150px; background-repeat:no-repeat no-repeat; height:100px; margin-bottom:0; margin-top:-100px; } .header_onhold { background-color:transparent; background-image:url(http://i48.tinypic.com/2n8deth.png); background-position:50% 150px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_dropped { background-color:transparent; background-image:url(http://i50.tinypic.com/ehk8b7.jpg); background-position:50% 150px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_ptw { background-color:transparent; background-image:url(http://i50.tinypic.com/bimm44.png); background-position:50% 150px; background-repeat:no-repeat no-repeat; height:75px; margin-bottom:0; margin-top:-100px; } .status_selected { display:block; } .status_not_selected { display:block; } .status_not_selected { opacity:0.7; } .status_not_selected:hover { color:transparent; opacity:1; } #list_surround { left:0 !important; margin:auto !important; position:absolute !important; right:0 !important; } /*COLOR OF THE "AIRING EXT." TEXT*/ .animetitle + small { color:#CC33FF !important; font-weight:bold; } * { -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;} /*DVD COVER HOVER GLITCH FIX (Chrome/Safari/Firefox/Opera only)*/ .hide:hover:after { background: transparent; content: " "; height: 75px; left: 0; position: absolute; top: 0; width: 210px; z-index: 20; } Remove all .hide type codes in the CSS (there's like three) and top line. You could also try just adding .hide { display: none !important;} to the bottom to clear the thumbnails |
May 28, 2014 7:26 AM
#1963
Shishio-kun said: Thank you very much,they are removed,but the whole list has moved to the right side and the side buttons are gone.Is there a way to fix it?NaTaSo0 said: This is the code of my layout @import "http://dl.dropbox.com/u/49469857/MAL/premade/anime.css"; @import "http://dl.dropbox.com/u/78340470/Icon%20Style%20Menu%20Bar/IconStyleCSSFixed.css"; /* HOW TO USE Use and COMPLETE this simple tutorial if you never installed CSS, it only takes a few minutes: http://myanimelist.net/forum/?topicid=200320 When you're done with the tutorial and can see the starter layout on your list, copy and paste this entire page of codes (including this part and the codes above and below) to your CSS edit box (the box titled Edit Advanced CSS File) replacing any other codes in the box. Save with the blue button at the bottom. It will put this premade layout on your list instead of the starter one from the tutorial! If the layout looks weird on your list after installing, you can try to alter your settings here. Common solutions are to set Default Status Settings to Watching or All Anime, check or uncheck tags (make sure you save afterwards): http://myanimelist.net/editprofile.php?go=listpreferences If your list still has problems you can ask us about it here, or other questions: http://myanimelist.net/forum/?topicid=200323 And you'll find further ways to customize your list here: http://myanimelist.net/forum/?topicid=419405 */ body { background-attachment:fixed; background-clip:border-box; background-color:transparent; background-image:url(http://i45.tinypic.com/3492ikw.jpg); background-position:0 50%, 0 0; background-repeat:no-repeat no-repeat; background-size:cover; font-family:calibri; } #inlineContent { display:inline-block !important; height:1080px !important; left:0 !important; margin:auto !important; position:fixed !important; right:0 !important; top:0 !important; width:1920px !important; z-index:-1 !important; } #list_surround { background-attachment:scroll; background-color:transparent; background-image:url(http://i49.tinypic.com/5ebckl.png); background-position:30px -40px; background-repeat:no-repeat no-repeat; font-size:100%; line-height:1; margin:0 auto; padding-bottom:10px; padding-top:320px; position:absolute; right:-4px !important; width:700px; } a { color:#FFFFFF; text-decoration:none; text-shadow:none; } a:hover { color:#fff; text-decoration:underline; } .table_header { background-color:rgba(255, 255, 255, 0.4); } .table_header:first-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:10px; border-top-right-radius:0; } .table_header:nth-of-type(2) { padding-left:35px; text-align:left; } .table_header:last-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:0; border-top-right-radius:10px; } .td1 { background-color:rgba(0, 0, 0, 0.4); height:65px; } .td2 { background-color:rgba(0, 0, 0, 0.4); height:65px; } .table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals { border:0 none; padding:4px; text-align:center; vertical-align:top; } .table_header, .td1, .td2, .category_totals { color:white; } .borderRBL { line-height:normal !important; } [cellspacing="0"] { line-height:17px; } .category_totals { background-color:rgba(255, 255, 255, 0.4); border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:0; border-top-right-radius:0; color:white; text-align:center; } [class^="header_"] * { background-repeat:no-repeat no-repeat; font-size:0; height:200px; line-height:24px; padding-bottom:4px; text-align:right; vertical-align:bottom; } .header_title { border-bottom-left-radius:4px; border-bottom-right-radius:4px; border-top-left-radius:4px; border-top-right-radius:4px; color:#FFFFFF; display:inline-block; font-style:italic; height:auto; padding:0 8px 0 0; text-shadow:rgba(0, 0, 0, 0.14902) 0 1px 1px; } #grand_totals { background-color:transparent; border:0 none; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; color:#FFFFFF; line-height:20px; min-height:20px; padding:8px; text-align:center; vertical-align:middle; } #copyright { background-color:rgba(180, 32, 48, 0.6); border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-top-left-radius:3px; border-top-right-radius:3px; color:#EEEEEE; line-height:17px; margin-top:10px; padding:8px; text-align:center; } #copyright::after { } .hide { background-color:rgba(248, 162, 200, 0.701961); background-position:50% 50%; background-repeat:no-repeat no-repeat; background-size:cover; border:1px solid #FFFFFF; border-bottom-left-radius:7px; border-bottom-right-radius:7px; border-top-left-radius:7px; border-top-right-radius:7px; display:inline-block !important; height:55px; margin-left:33px; margin-top:-65px; position:absolute; width:35px; } .hide:hover { background-color:transparent; background-repeat:no-repeat no-repeat; background-size:cover; border-bottom-left-radius:20px; border-bottom-right-radius:20px; border-top-left-radius:20px; border-top-right-radius:20px; box-shadow:rgba(63, 52, 60, 0.54902) 0 0 8px 8px; margin-left:-130px; padding-right:150px; padding-top:220px !important; position:absolute; z-index:1; } .td1:nth-of-type(2), .td2:nth-of-type(2) { padding-left:35px; text-align:left; } .td1:nth-of-type(6), .td2:nth-of-type(6) { background-attachment:scroll; background-color:transparent; background-image:none; background-position:0 0; background-repeat:repeat repeat; border-bottom-style:none !important; border-bottom-width:medium !important; display:inline-block; font-family:cursive; font-size:9pt; height:0 !important; left:70px; line-height:16px !important; margin-top:16px; position:absolute; text-align:justify !important; width:720px; z-index:2; } .table_header:nth-of-type(6) { display:none; } span[id*="tagRow"] { display:block !important; } span[id*="tagLinks"] { display:none !important; } a, .td1, .td2, .category_totals { -webkit-transition:all 0.25s ease-in-out 0s; transition:all 0.25s ease-in-out 0s; } #list_surround .status_selected, #list_surround .status_not_selected { -webkit-background-clip:padding-box !important; background-clip:padding-box !important; background-color:transparent; background-image:url(http://i48.tinypic.com/oa7wao.png); background-position:0 0; background-repeat:no-repeat no-repeat; background-size:contain; border:1px solid transparent; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; display:block; left:-300px; padding:0; position:absolute; top:20px; width:263px; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { background-image:url(http://i48.tinypic.com/qmx5qg.png); background-position:100% 0; top:140px; } #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-image:url(http://i46.tinypic.com/2h4iceo.png); background-position:0 0; top:260px; } #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-image:url(http://i50.tinypic.com/350t4x1.png); background-position:100% 0; top:380px; } #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-image:url(http://i46.tinypic.com/5zdyd5.png); background-position:0 0; top:500px; } #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 { background-image:url(http://i46.tinypic.com/wlp0zt.png); background-position:100% 0; top:620px; } .status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a { color:transparent; display:block; font-size:0; height:113px; width:263px; } .header_cw { background-color:transparent; background-image:url(http://i47.tinypic.com/1juk9s.png); background-position:50% 150px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-300px; } .header_completed { background-color:transparent; background-image:url(http://i49.tinypic.com/snmjia.png); background-position:50% 150px; background-repeat:no-repeat no-repeat; height:100px; margin-bottom:0; margin-top:-100px; } .header_onhold { background-color:transparent; background-image:url(http://i48.tinypic.com/2n8deth.png); background-position:50% 150px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_dropped { background-color:transparent; background-image:url(http://i50.tinypic.com/ehk8b7.jpg); background-position:50% 150px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_ptw { background-color:transparent; background-image:url(http://i50.tinypic.com/bimm44.png); background-position:50% 150px; background-repeat:no-repeat no-repeat; height:75px; margin-bottom:0; margin-top:-100px; } .status_selected { display:block; } .status_not_selected { display:block; } .status_not_selected { opacity:0.7; } .status_not_selected:hover { color:transparent; opacity:1; } #list_surround { left:0 !important; margin:auto !important; position:absolute !important; right:0 !important; } /*COLOR OF THE "AIRING EXT." TEXT*/ .animetitle + small { color:#CC33FF !important; font-weight:bold; } * { -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;} /*DVD COVER HOVER GLITCH FIX (Chrome/Safari/Firefox/Opera only)*/ .hide:hover:after { background: transparent; content: " "; height: 75px; left: 0; position: absolute; top: 0; width: 210px; z-index: 20; } Remove all .hide type codes in the CSS (there's like three) and top line. You could also try just adding .hide { display: none !important;} to the bottom to clear the thumbnails |
Signature removed. Please follow the signature rules, as defined in the Site & Forum Guidelines. |
May 28, 2014 10:30 AM
#1964
NaTaSo0 said: Thank you very much,they are removed,but the whole list has moved to the right side and the side buttons are gone.Is there a way to fix it? You might have removed some things on accident, use this version instead it looks like what you're going for @import "http://dl.dropbox.com/u/78340470/Icon%20Style%20Menu%20Bar/IconStyleCSSFixed.css"; /* HOW TO USE Use and COMPLETE this simple tutorial if you never installed CSS, it only takes a few minutes: http://myanimelist.net/forum/?topicid=200320 When you're done with the tutorial and can see the starter layout on your list, copy and paste this entire page of codes (including this part and the codes above and below) to your CSS edit box (the box titled Edit Advanced CSS File) replacing any other codes in the box. Save with the blue button at the bottom. It will put this premade layout on your list instead of the starter one from the tutorial! If the layout looks weird on your list after installing, you can try to alter your settings here. Common solutions are to set Default Status Settings to Watching or All Anime, check or uncheck tags (make sure you save afterwards): http://myanimelist.net/editprofile.php?go=listpreferences If your list still has problems you can ask us about it here, or other questions: http://myanimelist.net/forum/?topicid=200323 And you'll find further ways to customize your list here: http://myanimelist.net/forum/?topicid=419405 */ body { background-attachment:fixed; background-clip:border-box; background-color:transparent; background-image:url(http://i45.tinypic.com/3492ikw.jpg); background-position:0 50%, 0 0; background-repeat:no-repeat no-repeat; background-size:cover; font-family:calibri; } #inlineContent { display:inline-block !important; height:1080px !important; left:0 !important; margin:auto !important; position:fixed !important; right:0 !important; top:0 !important; width:1920px !important; z-index:-1 !important; } #list_surround { background-attachment:scroll; background-color:transparent; background-image:url(http://i49.tinypic.com/5ebckl.png); background-position:30px -40px; background-repeat:no-repeat no-repeat; font-size:100%; line-height:1; margin:0 auto; padding-bottom:10px; padding-top:320px; position:absolute; right:-4px !important; width:700px; } a { color:#FFFFFF; text-decoration:none; text-shadow:none; } a:hover { color:#fff; text-decoration:underline; } .table_header { background-color:rgba(255, 255, 255, 0.4); } .table_header:first-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:10px; border-top-right-radius:0; } .table_header:nth-of-type(2) { padding-left:35px; text-align:left; } .table_header:last-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:0; border-top-right-radius:10px; } .td1 { background-color:rgba(0, 0, 0, 0.4); height:65px; } .td2 { background-color:rgba(0, 0, 0, 0.4); height:65px; } .table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals { border:0 none; padding:4px; text-align:center; vertical-align:top; } .table_header, .td1, .td2, .category_totals { color:white; } .borderRBL { line-height:normal !important; } [cellspacing="0"] { line-height:17px; } .category_totals { background-color:rgba(255, 255, 255, 0.4); border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:0; border-top-right-radius:0; color:white; text-align:center; } [class^="header_"] * { background-repeat:no-repeat no-repeat; font-size:0; height:200px; line-height:24px; padding-bottom:4px; text-align:right; vertical-align:bottom; } .header_title { border-bottom-left-radius:4px; border-bottom-right-radius:4px; border-top-left-radius:4px; border-top-right-radius:4px; color:#FFFFFF; display:inline-block; font-style:italic; height:auto; padding:0 8px 0 0; text-shadow:rgba(0, 0, 0, 0.14902) 0 1px 1px; } #grand_totals { background-color:transparent; border:0 none; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; color:#FFFFFF; line-height:20px; min-height:20px; padding:8px; text-align:center; vertical-align:middle; } #copyright { background-color:rgba(180, 32, 48, 0.6); border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-top-left-radius:3px; border-top-right-radius:3px; color:#EEEEEE; line-height:17px; margin-top:10px; padding:8px; text-align:center; } #copyright::after { } .td1:nth-of-type(2), .td2:nth-of-type(2) { padding-left:35px; text-align:left; } .td1:nth-of-type(6), .td2:nth-of-type(6) { background-attachment:scroll; background-color:transparent; background-image:none; background-position:0 0; background-repeat:repeat repeat; border-bottom-style:none !important; border-bottom-width:medium !important; display:inline-block; font-family:cursive; font-size:9pt; height:0 !important; left:70px; line-height:16px !important; margin-top:16px; position:absolute; text-align:justify !important; width:720px; z-index:2; } .table_header:nth-of-type(6) { display:none; } span[id*="tagRow"] { display:block !important; } span[id*="tagLinks"] { display:none !important; } a, .td1, .td2, .category_totals { -webkit-transition:all 0.25s ease-in-out 0s; transition:all 0.25s ease-in-out 0s; } #list_surround .status_selected, #list_surround .status_not_selected { -webkit-background-clip:padding-box !important; background-clip:padding-box !important; background-color:transparent; background-image:url(http://i48.tinypic.com/oa7wao.png); background-position:0 0; background-repeat:no-repeat no-repeat; background-size:contain; border:1px solid transparent; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; display:block; left:-300px; padding:0; position:absolute; top:20px; width:263px; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { background-image:url(http://i48.tinypic.com/qmx5qg.png); background-position:100% 0; top:140px; } #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-image:url(http://i46.tinypic.com/2h4iceo.png); background-position:0 0; top:260px; } #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-image:url(http://i50.tinypic.com/350t4x1.png); background-position:100% 0; top:380px; } #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-image:url(http://i46.tinypic.com/5zdyd5.png); background-position:0 0; top:500px; } #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 { background-image:url(http://i46.tinypic.com/wlp0zt.png); background-position:100% 0; top:620px; } .status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a { color:transparent; display:block; font-size:0; height:113px; width:263px; } .header_cw { background-color:transparent; background-image:url(http://i47.tinypic.com/1juk9s.png); background-position:50% 150px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-300px; } .header_completed { background-color:transparent; background-image:url(http://i49.tinypic.com/snmjia.png); background-position:50% 150px; background-repeat:no-repeat no-repeat; height:100px; margin-bottom:0; margin-top:-100px; } .header_onhold { background-color:transparent; background-image:url(http://i48.tinypic.com/2n8deth.png); background-position:50% 150px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_dropped { background-color:transparent; background-image:url(http://i50.tinypic.com/ehk8b7.jpg); background-position:50% 150px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_ptw { background-color:transparent; background-image:url(http://i50.tinypic.com/bimm44.png); background-position:50% 150px; background-repeat:no-repeat no-repeat; height:75px; margin-bottom:0; margin-top:-100px; } .status_selected { display:block; } .status_not_selected { display:block; } .status_not_selected { opacity:0.7; } .status_not_selected:hover { color:transparent; opacity:1; } #list_surround { left:0 !important; margin:auto !important; position:absolute !important; right:0 !important; } /*COLOR OF THE "AIRING EXT." TEXT*/ .animetitle + small { color:#CC33FF !important; font-weight:bold; } * { -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;} |
May 28, 2014 1:45 PM
#1965
Shishio-kun said: Thank you very much for the help!NaTaSo0 said: Thank you very much,they are removed,but the whole list has moved to the right side and the side buttons are gone.Is there a way to fix it? You might have removed some things on accident, use this version instead it looks like what you're going for @import "http://dl.dropbox.com/u/78340470/Icon%20Style%20Menu%20Bar/IconStyleCSSFixed.css"; /* HOW TO USE Use and COMPLETE this simple tutorial if you never installed CSS, it only takes a few minutes: http://myanimelist.net/forum/?topicid=200320 When you're done with the tutorial and can see the starter layout on your list, copy and paste this entire page of codes (including this part and the codes above and below) to your CSS edit box (the box titled Edit Advanced CSS File) replacing any other codes in the box. Save with the blue button at the bottom. It will put this premade layout on your list instead of the starter one from the tutorial! If the layout looks weird on your list after installing, you can try to alter your settings here. Common solutions are to set Default Status Settings to Watching or All Anime, check or uncheck tags (make sure you save afterwards): http://myanimelist.net/editprofile.php?go=listpreferences If your list still has problems you can ask us about it here, or other questions: http://myanimelist.net/forum/?topicid=200323 And you'll find further ways to customize your list here: http://myanimelist.net/forum/?topicid=419405 */ body { background-attachment:fixed; background-clip:border-box; background-color:transparent; background-image:url(http://i45.tinypic.com/3492ikw.jpg); background-position:0 50%, 0 0; background-repeat:no-repeat no-repeat; background-size:cover; font-family:calibri; } #inlineContent { display:inline-block !important; height:1080px !important; left:0 !important; margin:auto !important; position:fixed !important; right:0 !important; top:0 !important; width:1920px !important; z-index:-1 !important; } #list_surround { background-attachment:scroll; background-color:transparent; background-image:url(http://i49.tinypic.com/5ebckl.png); background-position:30px -40px; background-repeat:no-repeat no-repeat; font-size:100%; line-height:1; margin:0 auto; padding-bottom:10px; padding-top:320px; position:absolute; right:-4px !important; width:700px; } a { color:#FFFFFF; text-decoration:none; text-shadow:none; } a:hover { color:#fff; text-decoration:underline; } .table_header { background-color:rgba(255, 255, 255, 0.4); } .table_header:first-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:10px; border-top-right-radius:0; } .table_header:nth-of-type(2) { padding-left:35px; text-align:left; } .table_header:last-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:0; border-top-right-radius:10px; } .td1 { background-color:rgba(0, 0, 0, 0.4); height:65px; } .td2 { background-color:rgba(0, 0, 0, 0.4); height:65px; } .table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals { border:0 none; padding:4px; text-align:center; vertical-align:top; } .table_header, .td1, .td2, .category_totals { color:white; } .borderRBL { line-height:normal !important; } [cellspacing="0"] { line-height:17px; } .category_totals { background-color:rgba(255, 255, 255, 0.4); border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:0; border-top-right-radius:0; color:white; text-align:center; } [class^="header_"] * { background-repeat:no-repeat no-repeat; font-size:0; height:200px; line-height:24px; padding-bottom:4px; text-align:right; vertical-align:bottom; } .header_title { border-bottom-left-radius:4px; border-bottom-right-radius:4px; border-top-left-radius:4px; border-top-right-radius:4px; color:#FFFFFF; display:inline-block; font-style:italic; height:auto; padding:0 8px 0 0; text-shadow:rgba(0, 0, 0, 0.14902) 0 1px 1px; } #grand_totals { background-color:transparent; border:0 none; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; color:#FFFFFF; line-height:20px; min-height:20px; padding:8px; text-align:center; vertical-align:middle; } #copyright { background-color:rgba(180, 32, 48, 0.6); border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-top-left-radius:3px; border-top-right-radius:3px; color:#EEEEEE; line-height:17px; margin-top:10px; padding:8px; text-align:center; } #copyright::after { } .td1:nth-of-type(2), .td2:nth-of-type(2) { padding-left:35px; text-align:left; } .td1:nth-of-type(6), .td2:nth-of-type(6) { background-attachment:scroll; background-color:transparent; background-image:none; background-position:0 0; background-repeat:repeat repeat; border-bottom-style:none !important; border-bottom-width:medium !important; display:inline-block; font-family:cursive; font-size:9pt; height:0 !important; left:70px; line-height:16px !important; margin-top:16px; position:absolute; text-align:justify !important; width:720px; z-index:2; } .table_header:nth-of-type(6) { display:none; } span[id*="tagRow"] { display:block !important; } span[id*="tagLinks"] { display:none !important; } a, .td1, .td2, .category_totals { -webkit-transition:all 0.25s ease-in-out 0s; transition:all 0.25s ease-in-out 0s; } #list_surround .status_selected, #list_surround .status_not_selected { -webkit-background-clip:padding-box !important; background-clip:padding-box !important; background-color:transparent; background-image:url(http://i48.tinypic.com/oa7wao.png); background-position:0 0; background-repeat:no-repeat no-repeat; background-size:contain; border:1px solid transparent; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; display:block; left:-300px; padding:0; position:absolute; top:20px; width:263px; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { background-image:url(http://i48.tinypic.com/qmx5qg.png); background-position:100% 0; top:140px; } #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-image:url(http://i46.tinypic.com/2h4iceo.png); background-position:0 0; top:260px; } #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-image:url(http://i50.tinypic.com/350t4x1.png); background-position:100% 0; top:380px; } #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-image:url(http://i46.tinypic.com/5zdyd5.png); background-position:0 0; top:500px; } #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 { background-image:url(http://i46.tinypic.com/wlp0zt.png); background-position:100% 0; top:620px; } .status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a { color:transparent; display:block; font-size:0; height:113px; width:263px; } .header_cw { background-color:transparent; background-image:url(http://i47.tinypic.com/1juk9s.png); background-position:50% 150px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-300px; } .header_completed { background-color:transparent; background-image:url(http://i49.tinypic.com/snmjia.png); background-position:50% 150px; background-repeat:no-repeat no-repeat; height:100px; margin-bottom:0; margin-top:-100px; } .header_onhold { background-color:transparent; background-image:url(http://i48.tinypic.com/2n8deth.png); background-position:50% 150px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_dropped { background-color:transparent; background-image:url(http://i50.tinypic.com/ehk8b7.jpg); background-position:50% 150px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_ptw { background-color:transparent; background-image:url(http://i50.tinypic.com/bimm44.png); background-position:50% 150px; background-repeat:no-repeat no-repeat; height:75px; margin-bottom:0; margin-top:-100px; } .status_selected { display:block; } .status_not_selected { display:block; } .status_not_selected { opacity:0.7; } .status_not_selected:hover { color:transparent; opacity:1; } #list_surround { left:0 !important; margin:auto !important; position:absolute !important; right:0 !important; } /*COLOR OF THE "AIRING EXT." TEXT*/ .animetitle + small { color:#CC33FF !important; font-weight:bold; } * { -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;} |
Signature removed. Please follow the signature rules, as defined in the Site & Forum Guidelines. |
May 30, 2014 4:43 PM
#1966
Hey, I just joined and I was wondering how to fix this problem I have where two different pictures come up as my profile picture: One shows up on my profile whereas a different one shows up on my friends profile when I post there. If your confused take a look at this profile pic: http://myanimelist.net/profile/Azbel and this is the picture when I post on my friends profile: http://myanimelist.net/profile/Shole |
May 30, 2014 5:39 PM
#1967
Ayuda estoy buscando algo / Help'm looking for something http://3.bp.blogspot.com/-C8Z_HZAvW04/T6AZU6I40EI/AAAAAAAAApw/gADhMD-dS20/s1600/hotarubi30.jpg Conocen algún Anime que tenga una mascara similar a esta? no es hotarubi no mori e ,Era un Opening o Ending que tocaba un instrumento mientra caminaba. / Know any Anime that has a mask like this? is not no mori e hotarubi, It was an Opening or Ending an instrument that played WHILE walking. Gracias / thanks |
May 30, 2014 6:02 PM
#1968
Sakamoto2012 said: Ayuda estoy buscando algo / Help'm looking for something http://3.bp.blogspot.com/-C8Z_HZAvW04/T6AZU6I40EI/AAAAAAAAApw/gADhMD-dS20/s1600/hotarubi30.jpg Conocen algún Anime que tenga una mascara similar a esta? no es hotarubi no mori e ,Era un Opening o Ending que tocaba un instrumento mientra caminaba. / Know any Anime that has a mask like this? is not no mori e hotarubi, It was an Opening or Ending an instrument that played WHILE walking. Gracias / thanks Don't get what you mean by "while walking" (The character was walking?). Are you looking for an opening with no vocals too? Well you can use Google Image for that image to find things like that mask in other anime. Tons of anime have similar masks on characters when they focus on feudal Japan times, or traditional festivals on modern times. Naruto, Inuyasha, I think Rika wears animal masks like this in Higurashi opening even. Bleach masks aren't the same (skulls and spookyish stuff). Higurashi opening I was talking about https://www.youtube.com/watch?v=nRtsIJXrhqc btw you can post in just English, don't need both |
May 30, 2014 6:07 PM
#1969
Azbel said: Hey, I just joined and I was wondering how to fix this problem I have where two different pictures come up as my profile picture: One shows up on my profile whereas a different one shows up on my friends profile when I post there. If your confused take a look at this profile pic: http://myanimelist.net/profile/Azbel and this is the picture when I post on my friends profile: http://myanimelist.net/profile/Shole This is normal. iirc database or cache hasn't caught up. You can either clear your cache or wait until it catches up. I think you can easily clear your cache by a CTRL + F5 |
May 30, 2014 6:25 PM
#1970
Shishio-kun said: Sakamoto2012 said: Ayuda estoy buscando algo / Help'm looking for something http://3.bp.blogspot.com/-C8Z_HZAvW04/T6AZU6I40EI/AAAAAAAAApw/gADhMD-dS20/s1600/hotarubi30.jpg Conocen algún Anime que tenga una mascara similar a esta? no es hotarubi no mori e ,Era un Opening o Ending que tocaba un instrumento mientra caminaba. / Know any Anime that has a mask like this? is not no mori e hotarubi, It was an Opening or Ending an instrument that played WHILE walking. Gracias / thanks Don't get what you mean by "while walking" (The character was walking?). Are you looking for an opening with no vocals too? Well you can use Google Image for that image to find things like that mask in other anime. Tons of anime have similar masks on characters when they focus on feudal Japan times, or traditional festivals on modern times. Naruto, Inuyasha, I think Rika wears animal masks like this in Higurashi opening even. Bleach masks aren't the same (skulls and spookyish stuff). Higurashi opening I was talking about https://www.youtube.com/watch?v=nRtsIJXrhqc btw you can post in just English, don't need both You are as detailed as possible. starts with a yellow star. the guy plays this instrument http://upload.wikimedia.org/wikipedia/commons/1/17/Okarina1.jpg That after passing dancing with a girl giving a lap as a child always wearing that mask a thing of the past in a square and ends lying. |
May 30, 2014 6:53 PM
#1971
Shishio-kun said: This is normal. iirc database or cache hasn't caught up. You can either clear your cache or wait until it catches up. I think you can easily clear your cache by a CTRL + F5 Yeah i did clear history and cache before and it worked for a bit and then went back to being the way it was. Ah well, thanks man ill just wait and hope it changes soon. |
May 30, 2014 8:22 PM
#1972
Sakamoto2012 said: Shishio-kun said: Sakamoto2012 said: Ayuda estoy buscando algo / Help'm looking for something http://3.bp.blogspot.com/-C8Z_HZAvW04/T6AZU6I40EI/AAAAAAAAApw/gADhMD-dS20/s1600/hotarubi30.jpg Conocen algún Anime que tenga una mascara similar a esta? no es hotarubi no mori e ,Era un Opening o Ending que tocaba un instrumento mientra caminaba. / Know any Anime that has a mask like this? is not no mori e hotarubi, It was an Opening or Ending an instrument that played WHILE walking. Gracias / thanks Don't get what you mean by "while walking" (The character was walking?). Are you looking for an opening with no vocals too? Well you can use Google Image for that image to find things like that mask in other anime. Tons of anime have similar masks on characters when they focus on feudal Japan times, or traditional festivals on modern times. Naruto, Inuyasha, I think Rika wears animal masks like this in Higurashi opening even. Bleach masks aren't the same (skulls and spookyish stuff). Higurashi opening I was talking about https://www.youtube.com/watch?v=nRtsIJXrhqc btw you can post in just English, don't need both You are as detailed as possible. starts with a yellow star. the guy plays this instrument http://upload.wikimedia.org/wikipedia/commons/1/17/Okarina1.jpg That after passing dancing with a girl giving a lap as a child always wearing that mask a thing of the past in a square and ends lying. Ah ok so you're looking for an opening or music video that 1. begins with a yellow star 2. a guy playing ocarina next 3. has a girl dancing 4. has a child wearing the mask 5. has people lying down at the end (who exactly?) No idea what that could be but you should probably post in one of the regular MAL forums where you get access to more ppl, after all this is a page design-centered group. I think Anime Discussion would be best and you can title "What anime opening is this?". Someone will probably be able to help but they can be real assholes and trolls in the forum too just to let you know. |
Jun 4, 2014 7:18 AM
#1973
Hello! I made my own List design a while back which you helped me on, however recently it's started to get a bit buggy. Each section normally has a grey background underneath the orange bar containing #, anime title etc. however starting about a week ago this background will sometimes not appear which leaves the text almost unreadable in some places. Would appreciate any help! Thanks! The css i'm using currently: /* Got a question or want to learn more? Try this link: http://myanimelist.net/forum/?topicid=419405&show=0#post1 */ /* BACKGROUND IMAGE This is the main background image for the whole page. Change the image link to the background you want! If you're not seeing a background, make sure you are copied the entire CSS code or added any new background image codes correctly. Also your image link may be broken, try uploading a new background then! */ @import url(http://fonts.googleapis.com/css?family=Peralta); @import url(http://fonts.googleapis.com/css?family=Alegreya+Sans); @import "http://dl.dropbox.com/u/78340470/Icon%20Style%20Menu%20Bar/IconStyleCSSFixed.css"; body { background-image: url(http://i.imgur.com/nt5X6pE.jpg); background-attachment: fixed; } /* HEADER COLOR AND FONT These codes control the main headers' fonts and colors. Every header is above each part of your list (they say things like Currently Watching, Completed, Dropped, etc). if you don't want a solid color there, go to the line that starts with background-color and replace it the color type (blue for example) with the word "transparent" (no quotations). */ .header_title { color:#000000; font-family:Peralta; font-size:48px; } /* SUB-HEADERS BACKGROUND COLOR COLOR Below each main header is the sub-header which says Score, Episodes, Tags, etc. */ .table_header { background-color:orange; } /* ANIME/MANGA TITLE FONTS This is the type and color of the anime/manga titles on your list, like Bleach, Vampire Knight, etc. */ .animetitle, .animetitle:visited { color:white; font-family:Alegreya Sans; font-size:15px; } /* LIST FONTS This is the type and color for more of the numbers, links, and words on the list itself! */ .td1, .td2, a, a:visited, .category_totals, .table_header, #grand_totals, #copyright { color:white; font-family:Lucida Grande; } /* LIST WIDTH Use this to increase the width of your list! */ #list_surround { width:775px; } /* REPOSITION MAIN BACKGROUND Change the position your background starts on your screen from with the two properties after "background-position" below. You replace 'center' and '43%' with two other properties, they can be any of the following: left, top, bottom, right, or center. So if you want your background to start from the center of the screen, use "center center" after background-position in the code below, replacing "center 43%". If you want it to start from the top and left, use "top left" If you want it to start from the top and center, use "top center". If you want it to start from the right and top, use "right top" If you want it to start from the right and bottom, use "right bottom" and so forth... Additionally, you can change "left" to a % to determine how far left or right the background starts from. For example "30% top" will start the background from the top but 30% of the pic's width from the left of the layout. You can also change top to a % to change the amount you want to start it from the top or bottom. */ body{ background-position: center 43%;} /*OTHER CODES Important codes for the layout's setup. Don't mess with these unless you know exactly what you're doing. If you want to customize more on the page, use the link at the top of this CSS, or ask in my club! */ body { font-weight: light; background-repeat: no-repeat; background-color: black; } #list_surround { margin:auto; background-image:url(); } a { text-decoration:none; } a:visited { text-decoration:none; } a:hover, a:visited:hover { font-weight:bold; } .category_totals, .td1, .td2, #grand_totals, #copyright { background-image:url(http://img15.imageshack.us/img15/228/frame6518.png); border-width:0; padding:2px; } .category_totals:HOVER, .td1:HOVER, .td2:HOVER, #grand_totals:HOVER, #copyright:HOVER {background-color:black; border-width:0; padding:2px; } .status_selected { background-color:orange; padding:2px; color:black; text-decoration: blink; } .status_not_selected { background-color:orange; padding:2px; color:black; } .status_selected a{ color:black; } .status_not_selected a{ color:white; } .thickbox { color:cyan; font-family:fantasy; font-size:12px; } .header_title { height:52px; padding:2px; } .table_header { border-width:0; font-weight:bold; padding:2px; } .category_totals { height:30px; } #copyright, #grand_totals { text-align: center; margin:0 auto; } body { background-size: cover; } #copyright { bottom: 0; color: white; font-family: Trebuchet MS; font-size: 8px; height: 12px; margin: 0 auto; } #inlineContent { background: url(http://i.imgur.com/rbBlyT0.png) !important; display: inline-block !important; height: 281px !important; position: fixed !important; right: 0 !important; bottom: 0; width: 315px !important; z-index: -1 !important; } |
Jun 4, 2014 7:50 AM
#1974
Cursive27 said: Hello! I made my own List design a while back which you helped me on, however recently it's started to get a bit buggy. Each section normally has a grey background underneath the orange bar containing #, anime title etc. however starting about a week ago this background will sometimes not appear which leaves the text almost unreadable in some places. Would appreciate any help! Thanks! The css i'm using currently: /* Got a question or want to learn more? Try this link: http://myanimelist.net/forum/?topicid=419405&show=0#post1 */ /* BACKGROUND IMAGE This is the main background image for the whole page. Change the image link to the background you want! If you're not seeing a background, make sure you are copied the entire CSS code or added any new background image codes correctly. Also your image link may be broken, try uploading a new background then! */ @import url(http://fonts.googleapis.com/css?family=Peralta); @import url(http://fonts.googleapis.com/css?family=Alegreya+Sans); @import "http://dl.dropbox.com/u/78340470/Icon%20Style%20Menu%20Bar/IconStyleCSSFixed.css"; body { background-image: url(http://i.imgur.com/nt5X6pE.jpg); background-attachment: fixed; } /* HEADER COLOR AND FONT These codes control the main headers' fonts and colors. Every header is above each part of your list (they say things like Currently Watching, Completed, Dropped, etc). if you don't want a solid color there, go to the line that starts with background-color and replace it the color type (blue for example) with the word "transparent" (no quotations). */ .header_title { color:#000000; font-family:Peralta; font-size:48px; } /* SUB-HEADERS BACKGROUND COLOR COLOR Below each main header is the sub-header which says Score, Episodes, Tags, etc. */ .table_header { background-color:orange; } /* ANIME/MANGA TITLE FONTS This is the type and color of the anime/manga titles on your list, like Bleach, Vampire Knight, etc. */ .animetitle, .animetitle:visited { color:white; font-family:Alegreya Sans; font-size:15px; } /* LIST FONTS This is the type and color for more of the numbers, links, and words on the list itself! */ .td1, .td2, a, a:visited, .category_totals, .table_header, #grand_totals, #copyright { color:white; font-family:Lucida Grande; } /* LIST WIDTH Use this to increase the width of your list! */ #list_surround { width:775px; } /* REPOSITION MAIN BACKGROUND Change the position your background starts on your screen from with the two properties after "background-position" below. You replace 'center' and '43%' with two other properties, they can be any of the following: left, top, bottom, right, or center. So if you want your background to start from the center of the screen, use "center center" after background-position in the code below, replacing "center 43%". If you want it to start from the top and left, use "top left" If you want it to start from the top and center, use "top center". If you want it to start from the right and top, use "right top" If you want it to start from the right and bottom, use "right bottom" and so forth... Additionally, you can change "left" to a % to determine how far left or right the background starts from. For example "30% top" will start the background from the top but 30% of the pic's width from the left of the layout. You can also change top to a % to change the amount you want to start it from the top or bottom. */ body{ background-position: center 43%;} /*OTHER CODES Important codes for the layout's setup. Don't mess with these unless you know exactly what you're doing. If you want to customize more on the page, use the link at the top of this CSS, or ask in my club! */ body { font-weight: light; background-repeat: no-repeat; background-color: black; } #list_surround { margin:auto; background-image:url(); } a { text-decoration:none; } a:visited { text-decoration:none; } a:hover, a:visited:hover { font-weight:bold; } .category_totals, .td1, .td2, #grand_totals, #copyright { background-image:url(http://img15.imageshack.us/img15/228/frame6518.png); border-width:0; padding:2px; } .category_totals:HOVER, .td1:HOVER, .td2:HOVER, #grand_totals:HOVER, #copyright:HOVER {background-color:black; border-width:0; padding:2px; } .status_selected { background-color:orange; padding:2px; color:black; text-decoration: blink; } .status_not_selected { background-color:orange; padding:2px; color:black; } .status_selected a{ color:black; } .status_not_selected a{ color:white; } .thickbox { color:cyan; font-family:fantasy; font-size:12px; } .header_title { height:52px; padding:2px; } .table_header { border-width:0; font-weight:bold; padding:2px; } .category_totals { height:30px; } #copyright, #grand_totals { text-align: center; margin:0 auto; } body { background-size: cover; } #copyright { bottom: 0; color: white; font-family: Trebuchet MS; font-size: 8px; height: 12px; margin: 0 auto; } #inlineContent { background: url(http://i.imgur.com/rbBlyT0.png) !important; display: inline-block !important; height: 281px !important; position: fixed !important; right: 0 !important; bottom: 0; width: 315px !important; z-index: -1 !important; } As far as I can see there does not seem to be any code dictating any background for this part of your list. Or rathrr, there is one but it basically says "none". |
Jun 4, 2014 8:03 AM
#1975
Hello I want to change the background of my List but when I put the link for the new picture it doesn't change it even when it says that it's saved changes and I can clearly see that I've replaced the previous image in brackets for a new one and I definitely using the right image link :/ body { background-image: url(http://i61.tinypic.com/nyhj5c.jpg); background-attachment: fixed; } See I used the direct link and no matter what image I put it just doesn't change the damn pic that's already there! I click update CSS twice until it actually changes on the code, then I click when it says at the top: Don't forget to CHANGE YOUR LIST STYLE to this style's ID here. Then I click "Change List Styles". And then it has the audacity to tell me this LIE: Your Anime List style has been changed. I go to my list and it's the same picture THAT I JUST REMOVED!!! not the one that I've put in the brackets >.< What's going on here?! I've tried with 3 different pictures and it still doesn't work. I've tried logging out and back in to see if it's changed. Nope. Someone please help me :( This is my list look the background image won't change no matter what. http://myanimelist.net/animelist/rasenshiruken973 Also the background image is becoming too bright so I can't see the items on my list very well and when I hover on the different anime it's meant to be slightly transparent green colour and it's just solid colour now. But first i want to change the background pic then I want help with that. |
ittou_shuraJun 4, 2014 8:48 AM
Jun 4, 2014 9:10 AM
#1976
Oiomi said: Cursive27 said: Hello! I made my own List design a while back which you helped me on, however recently it's started to get a bit buggy. Each section normally has a grey background underneath the orange bar containing #, anime title etc. however starting about a week ago this background will sometimes not appear which leaves the text almost unreadable in some places. Would appreciate any help! Thanks! The css i'm using currently: /* Got a question or want to learn more? Try this link: http://myanimelist.net/forum/?topicid=419405&show=0#post1 */ /* BACKGROUND IMAGE This is the main background image for the whole page. Change the image link to the background you want! If you're not seeing a background, make sure you are copied the entire CSS code or added any new background image codes correctly. Also your image link may be broken, try uploading a new background then! */ @import url(http://fonts.googleapis.com/css?family=Peralta); @import url(http://fonts.googleapis.com/css?family=Alegreya+Sans); @import "http://dl.dropbox.com/u/78340470/Icon%20Style%20Menu%20Bar/IconStyleCSSFixed.css"; body { background-image: url(http://i.imgur.com/nt5X6pE.jpg); background-attachment: fixed; } /* HEADER COLOR AND FONT These codes control the main headers' fonts and colors. Every header is above each part of your list (they say things like Currently Watching, Completed, Dropped, etc). if you don't want a solid color there, go to the line that starts with background-color and replace it the color type (blue for example) with the word "transparent" (no quotations). */ .header_title { color:#000000; font-family:Peralta; font-size:48px; } /* SUB-HEADERS BACKGROUND COLOR COLOR Below each main header is the sub-header which says Score, Episodes, Tags, etc. */ .table_header { background-color:orange; } /* ANIME/MANGA TITLE FONTS This is the type and color of the anime/manga titles on your list, like Bleach, Vampire Knight, etc. */ .animetitle, .animetitle:visited { color:white; font-family:Alegreya Sans; font-size:15px; } /* LIST FONTS This is the type and color for more of the numbers, links, and words on the list itself! */ .td1, .td2, a, a:visited, .category_totals, .table_header, #grand_totals, #copyright { color:white; font-family:Lucida Grande; } /* LIST WIDTH Use this to increase the width of your list! */ #list_surround { width:775px; } /* REPOSITION MAIN BACKGROUND Change the position your background starts on your screen from with the two properties after "background-position" below. You replace 'center' and '43%' with two other properties, they can be any of the following: left, top, bottom, right, or center. So if you want your background to start from the center of the screen, use "center center" after background-position in the code below, replacing "center 43%". If you want it to start from the top and left, use "top left" If you want it to start from the top and center, use "top center". If you want it to start from the right and top, use "right top" If you want it to start from the right and bottom, use "right bottom" and so forth... Additionally, you can change "left" to a % to determine how far left or right the background starts from. For example "30% top" will start the background from the top but 30% of the pic's width from the left of the layout. You can also change top to a % to change the amount you want to start it from the top or bottom. */ body{ background-position: center 43%;} /*OTHER CODES Important codes for the layout's setup. Don't mess with these unless you know exactly what you're doing. If you want to customize more on the page, use the link at the top of this CSS, or ask in my club! */ body { font-weight: light; background-repeat: no-repeat; background-color: black; } #list_surround { margin:auto; background-image:url(); } a { text-decoration:none; } a:visited { text-decoration:none; } a:hover, a:visited:hover { font-weight:bold; } .category_totals, .td1, .td2, #grand_totals, #copyright { background-image:url(http://img15.imageshack.us/img15/228/frame6518.png); border-width:0; padding:2px; } .category_totals:HOVER, .td1:HOVER, .td2:HOVER, #grand_totals:HOVER, #copyright:HOVER {background-color:black; border-width:0; padding:2px; } .status_selected { background-color:orange; padding:2px; color:black; text-decoration: blink; } .status_not_selected { background-color:orange; padding:2px; color:black; } .status_selected a{ color:black; } .status_not_selected a{ color:white; } .thickbox { color:cyan; font-family:fantasy; font-size:12px; } .header_title { height:52px; padding:2px; } .table_header { border-width:0; font-weight:bold; padding:2px; } .category_totals { height:30px; } #copyright, #grand_totals { text-align: center; margin:0 auto; } body { background-size: cover; } #copyright { bottom: 0; color: white; font-family: Trebuchet MS; font-size: 8px; height: 12px; margin: 0 auto; } #inlineContent { background: url(http://i.imgur.com/rbBlyT0.png) !important; display: inline-block !important; height: 281px !important; position: fixed !important; right: 0 !important; bottom: 0; width: 315px !important; z-index: -1 !important; } As far as I can see there does not seem to be any code dictating any background for this part of your list. Or rathrr, there is one but it basically says "none". Hmm, thee thing is the grey background has been there since I created the list style. So why now would it be messing around saying there isn't anything? Do you know of anything I could add to ensure that the background appears? Thanks! |
Jun 4, 2014 11:18 AM
#1977
rasenshiruken973 said: Hello I want to change the background of my List but when I put the link for the new picture it doesn't change it even when it says that it's saved changes and I can clearly see that I've replaced the previous image in brackets for a new one and I definitely using the right image link :/ body { background-image: url(http://i61.tinypic.com/nyhj5c.jpg); background-attachment: fixed; } See I used the direct link and no matter what image I put it just doesn't change the damn pic that's already there! I click update CSS twice until it actually changes on the code, then I click when it says at the top: Don't forget to CHANGE YOUR LIST STYLE to this style's ID here. Then I click "Change List Styles". And then it has the audacity to tell me this LIE: Your Anime List style has been changed. I go to my list and it's the same picture THAT I JUST REMOVED!!! not the one that I've put in the brackets >.< What's going on here?! I've tried with 3 different pictures and it still doesn't work. I've tried logging out and back in to see if it's changed. Nope. Someone please help me :( This is my list look the background image won't change no matter what. http://myanimelist.net/animelist/rasenshiruken973 Also the background image is becoming too bright so I can't see the items on my list very well and when I hover on the different anime it's meant to be slightly transparent green colour and it's just solid colour now. But first i want to change the background pic then I want help with that. Its because you copied the entire layout twice to your edit box. You have the code you changed at the top. You have the original code with girl in blue in body at the bottom still. Bottom codes override top codes so you see no change. You can either delete it all so its one code again and edit it normally (recommended). Or you can delete the background image from body when it comes up the second time in your CSS, so your changes to the top version work. Or you add !important before the semicolon to the line of code you're trying to change at the top, example: background-image: url(http://i61.tinypic.com/nyhj5c.jpg) !important; so it overrides lower codes On the list color thing, the original image which made up the list background has been deleted so you need to replace it or use a color, you can just probably use: #list_surround { background-color: rgba(2, 2, 2, .2) !Important; } at the bottom of any CSS. You can adjust the numbers. More on all this here: http://myanimelist.net/forum/?topicid=440525 All of the images in the tutorial were deleted by Imageshack since they changed their policy, but the info still works. I just can't replace the images cuz IMG tag has been broken on MAL for over nine months now |
Shishio-kunJun 4, 2014 11:31 AM
Jun 4, 2014 11:32 AM
#1978
Cursive27 said: Oiomi said: Cursive27 said: Hello! I made my own List design a while back which you helped me on, however recently it's started to get a bit buggy. Each section normally has a grey background underneath the orange bar containing #, anime title etc. however starting about a week ago this background will sometimes not appear which leaves the text almost unreadable in some places. Would appreciate any help! Thanks! The css i'm using currently: /* Got a question or want to learn more? Try this link: http://myanimelist.net/forum/?topicid=419405&show=0#post1 */ /* BACKGROUND IMAGE This is the main background image for the whole page. Change the image link to the background you want! If you're not seeing a background, make sure you are copied the entire CSS code or added any new background image codes correctly. Also your image link may be broken, try uploading a new background then! */ @import url(http://fonts.googleapis.com/css?family=Peralta); @import url(http://fonts.googleapis.com/css?family=Alegreya+Sans); @import "http://dl.dropbox.com/u/78340470/Icon%20Style%20Menu%20Bar/IconStyleCSSFixed.css"; body { background-image: url(http://i.imgur.com/nt5X6pE.jpg); background-attachment: fixed; } /* HEADER COLOR AND FONT These codes control the main headers' fonts and colors. Every header is above each part of your list (they say things like Currently Watching, Completed, Dropped, etc). if you don't want a solid color there, go to the line that starts with background-color and replace it the color type (blue for example) with the word "transparent" (no quotations). */ .header_title { color:#000000; font-family:Peralta; font-size:48px; } /* SUB-HEADERS BACKGROUND COLOR COLOR Below each main header is the sub-header which says Score, Episodes, Tags, etc. */ .table_header { background-color:orange; } /* ANIME/MANGA TITLE FONTS This is the type and color of the anime/manga titles on your list, like Bleach, Vampire Knight, etc. */ .animetitle, .animetitle:visited { color:white; font-family:Alegreya Sans; font-size:15px; } /* LIST FONTS This is the type and color for more of the numbers, links, and words on the list itself! */ .td1, .td2, a, a:visited, .category_totals, .table_header, #grand_totals, #copyright { color:white; font-family:Lucida Grande; } /* LIST WIDTH Use this to increase the width of your list! */ #list_surround { width:775px; } /* REPOSITION MAIN BACKGROUND Change the position your background starts on your screen from with the two properties after "background-position" below. You replace 'center' and '43%' with two other properties, they can be any of the following: left, top, bottom, right, or center. So if you want your background to start from the center of the screen, use "center center" after background-position in the code below, replacing "center 43%". If you want it to start from the top and left, use "top left" If you want it to start from the top and center, use "top center". If you want it to start from the right and top, use "right top" If you want it to start from the right and bottom, use "right bottom" and so forth... Additionally, you can change "left" to a % to determine how far left or right the background starts from. For example "30% top" will start the background from the top but 30% of the pic's width from the left of the layout. You can also change top to a % to change the amount you want to start it from the top or bottom. */ body{ background-position: center 43%;} /*OTHER CODES Important codes for the layout's setup. Don't mess with these unless you know exactly what you're doing. If you want to customize more on the page, use the link at the top of this CSS, or ask in my club! */ body { font-weight: light; background-repeat: no-repeat; background-color: black; } #list_surround { margin:auto; background-image:url(); } a { text-decoration:none; } a:visited { text-decoration:none; } a:hover, a:visited:hover { font-weight:bold; } .category_totals, .td1, .td2, #grand_totals, #copyright { background-image:url(http://img15.imageshack.us/img15/228/frame6518.png); border-width:0; padding:2px; } .category_totals:HOVER, .td1:HOVER, .td2:HOVER, #grand_totals:HOVER, #copyright:HOVER {background-color:black; border-width:0; padding:2px; } .status_selected { background-color:orange; padding:2px; color:black; text-decoration: blink; } .status_not_selected { background-color:orange; padding:2px; color:black; } .status_selected a{ color:black; } .status_not_selected a{ color:white; } .thickbox { color:cyan; font-family:fantasy; font-size:12px; } .header_title { height:52px; padding:2px; } .table_header { border-width:0; font-weight:bold; padding:2px; } .category_totals { height:30px; } #copyright, #grand_totals { text-align: center; margin:0 auto; } body { background-size: cover; } #copyright { bottom: 0; color: white; font-family: Trebuchet MS; font-size: 8px; height: 12px; margin: 0 auto; } #inlineContent { background: url(http://i.imgur.com/rbBlyT0.png) !important; display: inline-block !important; height: 281px !important; position: fixed !important; right: 0 !important; bottom: 0; width: 315px !important; z-index: -1 !important; } As far as I can see there does not seem to be any code dictating any background for this part of your list. Or rathrr, there is one but it basically says "none". Hmm, thee thing is the grey background has been there since I created the list style. So why now would it be messing around saying there isn't anything? Do you know of anything I could add to ensure that the background appears? Thanks! Fixed it :P Look for the line that I marked in red if you want to change the colour. My first diagnose was wrong, the problem is that the background image that used to be there has been taken down from the host site.
|
Pico-tanJun 4, 2014 11:38 AM
Jun 4, 2014 11:51 AM
#1979
Wow 2000 legit posts |
Jun 4, 2014 12:25 PM
#1980
Oiomi said: Cursive27 said: Oiomi said: Cursive27 said: Hello! I made my own List design a while back which you helped me on, however recently it's started to get a bit buggy. Each section normally has a grey background underneath the orange bar containing #, anime title etc. however starting about a week ago this background will sometimes not appear which leaves the text almost unreadable in some places. Would appreciate any help! Thanks! The css i'm using currently: /* Got a question or want to learn more? Try this link: http://myanimelist.net/forum/?topicid=419405&show=0#post1 */ /* BACKGROUND IMAGE This is the main background image for the whole page. Change the image link to the background you want! If you're not seeing a background, make sure you are copied the entire CSS code or added any new background image codes correctly. Also your image link may be broken, try uploading a new background then! */ @import url(http://fonts.googleapis.com/css?family=Peralta); @import url(http://fonts.googleapis.com/css?family=Alegreya+Sans); @import "http://dl.dropbox.com/u/78340470/Icon%20Style%20Menu%20Bar/IconStyleCSSFixed.css"; body { background-image: url(http://i.imgur.com/nt5X6pE.jpg); background-attachment: fixed; } /* HEADER COLOR AND FONT These codes control the main headers' fonts and colors. Every header is above each part of your list (they say things like Currently Watching, Completed, Dropped, etc). if you don't want a solid color there, go to the line that starts with background-color and replace it the color type (blue for example) with the word "transparent" (no quotations). */ .header_title { color:#000000; font-family:Peralta; font-size:48px; } /* SUB-HEADERS BACKGROUND COLOR COLOR Below each main header is the sub-header which says Score, Episodes, Tags, etc. */ .table_header { background-color:orange; } /* ANIME/MANGA TITLE FONTS This is the type and color of the anime/manga titles on your list, like Bleach, Vampire Knight, etc. */ .animetitle, .animetitle:visited { color:white; font-family:Alegreya Sans; font-size:15px; } /* LIST FONTS This is the type and color for more of the numbers, links, and words on the list itself! */ .td1, .td2, a, a:visited, .category_totals, .table_header, #grand_totals, #copyright { color:white; font-family:Lucida Grande; } /* LIST WIDTH Use this to increase the width of your list! */ #list_surround { width:775px; } /* REPOSITION MAIN BACKGROUND Change the position your background starts on your screen from with the two properties after "background-position" below. You replace 'center' and '43%' with two other properties, they can be any of the following: left, top, bottom, right, or center. So if you want your background to start from the center of the screen, use "center center" after background-position in the code below, replacing "center 43%". If you want it to start from the top and left, use "top left" If you want it to start from the top and center, use "top center". If you want it to start from the right and top, use "right top" If you want it to start from the right and bottom, use "right bottom" and so forth... Additionally, you can change "left" to a % to determine how far left or right the background starts from. For example "30% top" will start the background from the top but 30% of the pic's width from the left of the layout. You can also change top to a % to change the amount you want to start it from the top or bottom. */ body{ background-position: center 43%;} /*OTHER CODES Important codes for the layout's setup. Don't mess with these unless you know exactly what you're doing. If you want to customize more on the page, use the link at the top of this CSS, or ask in my club! */ body { font-weight: light; background-repeat: no-repeat; background-color: black; } #list_surround { margin:auto; background-image:url(); } a { text-decoration:none; } a:visited { text-decoration:none; } a:hover, a:visited:hover { font-weight:bold; } .category_totals, .td1, .td2, #grand_totals, #copyright { background-image:url(http://img15.imageshack.us/img15/228/frame6518.png); border-width:0; padding:2px; } .category_totals:HOVER, .td1:HOVER, .td2:HOVER, #grand_totals:HOVER, #copyright:HOVER {background-color:black; border-width:0; padding:2px; } .status_selected { background-color:orange; padding:2px; color:black; text-decoration: blink; } .status_not_selected { background-color:orange; padding:2px; color:black; } .status_selected a{ color:black; } .status_not_selected a{ color:white; } .thickbox { color:cyan; font-family:fantasy; font-size:12px; } .header_title { height:52px; padding:2px; } .table_header { border-width:0; font-weight:bold; padding:2px; } .category_totals { height:30px; } #copyright, #grand_totals { text-align: center; margin:0 auto; } body { background-size: cover; } #copyright { bottom: 0; color: white; font-family: Trebuchet MS; font-size: 8px; height: 12px; margin: 0 auto; } #inlineContent { background: url(http://i.imgur.com/rbBlyT0.png) !important; display: inline-block !important; height: 281px !important; position: fixed !important; right: 0 !important; bottom: 0; width: 315px !important; z-index: -1 !important; } As far as I can see there does not seem to be any code dictating any background for this part of your list. Or rathrr, there is one but it basically says "none". Hmm, thee thing is the grey background has been there since I created the list style. So why now would it be messing around saying there isn't anything? Do you know of anything I could add to ensure that the background appears? Thanks! Fixed it :P Look for the line that I marked in red if you want to change the colour. My first diagnose was wrong, the problem is that the background image that used to be there has been taken down from the host site. <pre> Hmm, this isn't quite what I was looking for but I think it can work. Is there any way to make it alternate colours like the default list style and to make it slightly opaque? I'll try to get a screenshot of what it looks like normally and post back later! |
Jun 4, 2014 12:53 PM
#1981
Cursive27 said: Oiomi said: Cursive27 said: Oiomi said: Cursive27 said: Hello! I made my own List design a while back which you helped me on, however recently it's started to get a bit buggy. Each section normally has a grey background underneath the orange bar containing #, anime title etc. however starting about a week ago this background will sometimes not appear which leaves the text almost unreadable in some places. Would appreciate any help! Thanks! The css i'm using currently: /* Got a question or want to learn more? Try this link: http://myanimelist.net/forum/?topicid=419405&show=0#post1 */ /* BACKGROUND IMAGE This is the main background image for the whole page. Change the image link to the background you want! If you're not seeing a background, make sure you are copied the entire CSS code or added any new background image codes correctly. Also your image link may be broken, try uploading a new background then! */ @import url(http://fonts.googleapis.com/css?family=Peralta); @import url(http://fonts.googleapis.com/css?family=Alegreya+Sans); @import "http://dl.dropbox.com/u/78340470/Icon%20Style%20Menu%20Bar/IconStyleCSSFixed.css"; body { background-image: url(http://i.imgur.com/nt5X6pE.jpg); background-attachment: fixed; } /* HEADER COLOR AND FONT These codes control the main headers' fonts and colors. Every header is above each part of your list (they say things like Currently Watching, Completed, Dropped, etc). if you don't want a solid color there, go to the line that starts with background-color and replace it the color type (blue for example) with the word "transparent" (no quotations). */ .header_title { color:#000000; font-family:Peralta; font-size:48px; } /* SUB-HEADERS BACKGROUND COLOR COLOR Below each main header is the sub-header which says Score, Episodes, Tags, etc. */ .table_header { background-color:orange; } /* ANIME/MANGA TITLE FONTS This is the type and color of the anime/manga titles on your list, like Bleach, Vampire Knight, etc. */ .animetitle, .animetitle:visited { color:white; font-family:Alegreya Sans; font-size:15px; } /* LIST FONTS This is the type and color for more of the numbers, links, and words on the list itself! */ .td1, .td2, a, a:visited, .category_totals, .table_header, #grand_totals, #copyright { color:white; font-family:Lucida Grande; } /* LIST WIDTH Use this to increase the width of your list! */ #list_surround { width:775px; } /* REPOSITION MAIN BACKGROUND Change the position your background starts on your screen from with the two properties after "background-position" below. You replace 'center' and '43%' with two other properties, they can be any of the following: left, top, bottom, right, or center. So if you want your background to start from the center of the screen, use "center center" after background-position in the code below, replacing "center 43%". If you want it to start from the top and left, use "top left" If you want it to start from the top and center, use "top center". If you want it to start from the right and top, use "right top" If you want it to start from the right and bottom, use "right bottom" and so forth... Additionally, you can change "left" to a % to determine how far left or right the background starts from. For example "30% top" will start the background from the top but 30% of the pic's width from the left of the layout. You can also change top to a % to change the amount you want to start it from the top or bottom. */ body{ background-position: center 43%;} /*OTHER CODES Important codes for the layout's setup. Don't mess with these unless you know exactly what you're doing. If you want to customize more on the page, use the link at the top of this CSS, or ask in my club! */ body { font-weight: light; background-repeat: no-repeat; background-color: black; } #list_surround { margin:auto; background-image:url(); } a { text-decoration:none; } a:visited { text-decoration:none; } a:hover, a:visited:hover { font-weight:bold; } .category_totals, .td1, .td2, #grand_totals, #copyright { background-image:url(http://img15.imageshack.us/img15/228/frame6518.png); border-width:0; padding:2px; } .category_totals:HOVER, .td1:HOVER, .td2:HOVER, #grand_totals:HOVER, #copyright:HOVER {background-color:black; border-width:0; padding:2px; } .status_selected { background-color:orange; padding:2px; color:black; text-decoration: blink; } .status_not_selected { background-color:orange; padding:2px; color:black; } .status_selected a{ color:black; } .status_not_selected a{ color:white; } .thickbox { color:cyan; font-family:fantasy; font-size:12px; } .header_title { height:52px; padding:2px; } .table_header { border-width:0; font-weight:bold; padding:2px; } .category_totals { height:30px; } #copyright, #grand_totals { text-align: center; margin:0 auto; } body { background-size: cover; } #copyright { bottom: 0; color: white; font-family: Trebuchet MS; font-size: 8px; height: 12px; margin: 0 auto; } #inlineContent { background: url(http://i.imgur.com/rbBlyT0.png) !important; display: inline-block !important; height: 281px !important; position: fixed !important; right: 0 !important; bottom: 0; width: 315px !important; z-index: -1 !important; } As far as I can see there does not seem to be any code dictating any background for this part of your list. Or rathrr, there is one but it basically says "none". Hmm, thee thing is the grey background has been there since I created the list style. So why now would it be messing around saying there isn't anything? Do you know of anything I could add to ensure that the background appears? Thanks! Fixed it :P Look for the line that I marked in red if you want to change the colour. My first diagnose was wrong, the problem is that the background image that used to be there has been taken down from the host site. <pre><pre> Hmm, this isn't quite what I was looking for but I think it can work. Is there any way to make it alternate colours like the default list style and to make it slightly opaque? I'll try to get a screenshot of what it looks like normally and post back later! That is absolutely possible, as I said earlier just find the red marked line and change "grey" to something like "rgba(100,100,100,0.7)" without the ". Replace 100 with any number between 1 and 254 to change the nuance and 0.7 to anything between 0.1 and 0.9 to change transparency level. |
Jun 4, 2014 1:09 PM
#1982
Shishio-kun said: rasenshiruken973 said: Hello I want to change the background of my List but when I put the link for the new picture it doesn't change it even when it says that it's saved changes and I can clearly see that I've replaced the previous image in brackets for a new one and I definitely using the right image link :/ body { background-image: url(http://i61.tinypic.com/nyhj5c.jpg); background-attachment: fixed; } See I used the direct link and no matter what image I put it just doesn't change the damn pic that's already there! I click update CSS twice until it actually changes on the code, then I click when it says at the top: Don't forget to CHANGE YOUR LIST STYLE to this style's ID here. Then I click "Change List Styles". And then it has the audacity to tell me this LIE: Your Anime List style has been changed. I go to my list and it's the same picture THAT I JUST REMOVED!!! not the one that I've put in the brackets >.< What's going on here?! I've tried with 3 different pictures and it still doesn't work. I've tried logging out and back in to see if it's changed. Nope. Someone please help me :( This is my list look the background image won't change no matter what. http://myanimelist.net/animelist/rasenshiruken973 Also the background image is becoming too bright so I can't see the items on my list very well and when I hover on the different anime it's meant to be slightly transparent green colour and it's just solid colour now. But first i want to change the background pic then I want help with that. Its because you copied the entire layout twice to your edit box. You have the code you changed at the top. You have the original code with girl in blue in body at the bottom still. Bottom codes override top codes so you see no change. You can either delete it all so its one code again and edit it normally (recommended). Or you can delete the background image from body when it comes up the second time in your CSS, so your changes to the top version work. Or you add !important before the semicolon to the line of code you're trying to change at the top, example: background-image: url(http://i61.tinypic.com/nyhj5c.jpg) !important; so it overrides lower codes On the list color thing, the original image which made up the list background has been deleted so you need to replace it or use a color, you can just probably use: #list_surround { background-color: rgba(2, 2, 2, .2) !Important; } at the bottom of any CSS. You can adjust the numbers. More on all this here: http://myanimelist.net/forum/?topicid=440525 All of the images in the tutorial were deleted by Imageshack since they changed their policy, but the info still works. I just can't replace the images cuz IMG tag has been broken on MAL for over nine months now Thank you soooo much that !important is so useful!!! There's only one more thing now that is you see on my list: http://myanimelist.net/animelist/rasenshiruken973&status=7&order=0 how the blue hover thing when you don't hover on the actual anime title, so just next to it where there's nothing written, the text on the anime title is a really faded green and it's hardly visible. Can you please tell me which part of the code do I need for fixing that? Thanks. |
Jun 4, 2014 1:25 PM
#1983
rasenshiruken973 said: There's only one more thing now that is you see on my list: http://myanimelist.net/animelist/rasenshiruken973&status=7&order=0 how the blue hover thing when you don't hover on the actual anime title, so just next to it where there's nothing written, the text on the anime title is a really faded green and it's hardly visible. Can you please tell me which part of the code do I need for fixing that? Thanks. .category_totals:HOVER, .td1:HOVER, .td2:HOVER, #grand_totals:HOVER, #copyright:HOVER are the selectors for that hover overlay color, and if you want the animetitles color its pointed out in code notes |
Jun 4, 2014 6:04 PM
#1984
Please can someone help? I'm struggling with making a different background on my all-anime page. I have created all backgrounds but I can't seem to make use of the 5th one for the 'all anime' page. Earlier in your post, you mention something about changing the z-index value for each background image but that doesn't seem to be working for me. My anime page: http://myanimelist.net/animelist/cosmicalian&status=7&order=0 |
Jun 4, 2014 6:17 PM
#1985
Hello, I have finished making a customised list and I am just wondering whether it is possible to alter the status text colours in the list (Airing/Not Yet Aired) as currently mine is the same colour as the anime title text (Want to be able to change status text colour to easily distinguish) and I do not know where to go from this point on. I've tried comparing my code to that of another list where the text are different colours, but whilst there isn't a noticeable difference, I assume I have coded it in a different, more bizarre way. Example of what I mean: http://icap.me/i/4T1zLbnNLh.png My CSS Code: @import "https://dl.dropboxusercontent.com/u/78340470/Club%20layouts/Special/topbarreduxblack.css"; BODY { background-image: url("http://i.imgur.com/TFjJwFI.png"); background-attachment: fixed; background-position: right; background-repeat: no-repeat; background-size: cover; color: RGBA(255, 255, 255, 1); font-size: 11.00px; font-family: Verdana, Arial; background-color: RGBA(255, 255, 255, 1); } #list_surround { padding-top: 50px; margin-left: 20px; width: 900px; } a { color: RGBA(255, 255, 255, 1); text-decoration: none; } a:visited { color: RGBA(255, 255, 255, 1); text-decoration: none; } a:hover { color: RGBA(255, 255, 255, 1); text-shadow: 0 2px rgba(0, 0, 0, 0.5); } .td1 { color: RGBA(255, 255, 255, 1); border-width: 0px 1px 1px 0px; border-style: solid; border-color: RGBA(0, 0, 0, 1); padding: 3px; background-color: RGBA(90, 90, 90, 1); } .td2 { color: RGBA(255, 255, 255, 1); border-width: 0px 1px 1px 0px; border-style: solid; border-color: RGBA(0, 0, 0, 1); padding: 3px; background-color: RGBA(80, 80, 80, 1); } tr:hover [class^="td"] { background-color: RGBA(45, 45, 45, 0.9); } td:nth-of-type(6) { font-size: 9px; } .table_header { color: RGBA(255, 255, 255, 1); text-shadow: 0 2px RGBA(0, 0, 0, 0.9); border-width: 1px 1px 1px 0px; border-style: solid; border-color: RGBA(148, 0, 24, 1); background-color: RGBA(180, 32, 8, 0.9); padding: 3px; font-size: 11.00px !important; } .status_not_selected, .status_selected { border: 0 none !important; height: auto !important; padding: 0 8px; font-size: 11.00px !important; text-align: center !important; width: 16.667% !important; } .status_not_selected a, .status_selected a { background-color: RGBA(45, 45, 45, 0.9); border-color: RGBA(40, 40, 40, 0.9); border-radius: 2px 2px 2px 2px; border-style: solid; border-width: 1px; display: block !important; font-weight: bold; padding: 8px; text-shadow: 0 2px RGBA(0, 0, 0, 0.9); } .status_selected a { background-color: RGBA(180, 32, 8, 0.9); border-color: RGBA(148, 0, 24, 0.9); } .status_not_selected a:hover { background-color: RGBA(80, 80, 80, 0.9); border-color: RGBA(85, 85, 85, 0.9); box-shadow: 0 2px 2px RGBA(0, 0, 0, 0.9); text-shadow: 0 2px RGBA(0, 0, 0, 0.9); } .status_selected a:hover { background-color: RGBA(255, 2, 8, 0.9); border-color: RGBA(164, 16, 32, 0.9); box-shadow: 0 2px 2px RGBA(0, 0, 0, 0.9); text-shadow: 0 2px RGBA(0, 0, 0, 0.9); } .header_title { color: gray !important; color: transparent !important; font-size: 1px !important; font-size: 0px !important; font-size: 0 !important; font-size: 0pt !important; } .header_cw { background-image:url(http://i.imgur.com/y9bHkqx.png); height: 200px; margin-bottom: 0px; background-color: transparent; background-repeat: no-repeat; color:; font-family:; font-size:; } .header_completed { background-image:url(http://i.imgur.com/T8Kr7Gb.png); height: 200px; margin-bottom: 0px; background-color: transparent; background-repeat: no-repeat; color:; font-family:; font-size:; } .header_onhold { background-image:url(http://i.imgur.com/tCLKWuP.png); height: 200px; margin-bottom: 0px; background-color: transparent; background-repeat: no-repeat; color:; font-family:; font-size:; } .header_dropped { background-image:url(http://i.imgur.com/7NfFID6.png); height: 200px; margin-bottom: 0px; background-color: transparent; background-repeat: no-repeat; color:; font-family:; font-size:; } .header_ptw { background-image:url(http://i.imgur.com/rjLS25o.png); height: 200px; margin-bottom: 0px; background-color: transparent; background-repeat: no-repeat; color:; font-family:; font-size:; } .category_totals { background-color: RGBA(180, 32, 8, 0.5); border-color: RGBA(148, 0, 24, 0.5); box-shadow: 0 2px 2px RGBA(0, 0, 0, 0.5); color: RGBA(0, 0, 0, 1); padding: 5px; text-align: center; font-weight: bold; } #grand_totals { background-color: RGBA(45, 45, 45, 0.9); border-color: RGBA(40, 40, 40, 0.9); box-shadow: 0 2px 2px RGBA(0, 0, 0, 1); text-shadow: 0 2px RGBA(0, 0, 0, 1); border-radius: 2px 2px 2px 2px; color: RGBA(255, 255, 255, 1); line-height: 20px; min-height: 20px; padding: 8px; text-align: center; vertical-align: middle; } .header_al { font-weight: bold; font-size: 16px; } { font-weight: bold; } #copyright { background-color: RGBA(180, 32, 8, 0.5); border-color: RGBA(148, 0, 24, 0.5); box-shadow: 0 2px 2px RGBA(0, 0, 0, 0.5); border-radius: 2px 2px 2px 2px; padding-top: 5px; padding-bottom: 15px; text-align: center; width: px; } Direct Link To My List @kuronekodesu Many thanks! |
MortarJun 4, 2014 6:53 PM
Jun 4, 2014 6:28 PM
#1986
@aka_ben .animetitle + small {color: red;} change the color to whatever you want :) |
Jun 4, 2014 7:49 PM
#1987
Hi everyone. I am experiencing a problem with the header for my animelist. I've made the header I want and uploaded it to tinypic, but for some reason the header gets repeatedly shown like so -> ✘. I don't want to make the size large on purpose because then it'll be too big to fit. How can I work around this? Thanks. |
"Be the change you wish to see in the world." |
Jun 4, 2014 8:44 PM
#1988
@Toarujisuru: Add this to the end of your code. .header_cw, .header_completed, .header_onhold, .header_dropped, .header_ptw { background-repeat: no-repeat; } |
Jun 4, 2014 8:47 PM
#1989
Miketsukami-kun said: @Toarujisuru: Add this to the end of your code. .header_cw, .header_completed, .header_onhold, .header_dropped, .header_ptw { background-repeat: no-repeat; } Worked like a charm! Many thanks! ^^ |
"Be the change you wish to see in the world." |
Jun 4, 2014 10:45 PM
#1990
cosmicalian said: Please can someone help? I'm struggling with making a different background on my all-anime page. I have created all backgrounds but I can't seem to make use of the 5th one for the 'all anime' page. Earlier in your post, you mention something about changing the z-index value for each background image but that doesn't seem to be working for me. My anime page: http://myanimelist.net/animelist/cosmicalian&status=7&order=0 I don't think there is an all anime header, so the code for the last bg you're using is invalid. try instead .status_selected:nth-of-type(6) a:before btw this must go in front of the other bgs, which pop up on all anime page so set its z index to -1 and the header bgs to -2 |
Jun 5, 2014 11:34 AM
#1991
Shishio-kun said: cosmicalian said: Please can someone help? I'm struggling with making a different background on my all-anime page. I have created all backgrounds but I can't seem to make use of the 5th one for the 'all anime' page. Earlier in your post, you mention something about changing the z-index value for each background image but that doesn't seem to be working for me. My anime page: http://myanimelist.net/animelist/cosmicalian&status=7&order=0 I don't think there is an all anime header, so the code for the last bg you're using is invalid. try instead .status_selected:nth-of-type(6) a:before btw this must go in front of the other bgs, which pop up on all anime page so set its z index to -1 and the header bgs to -2 This is exactly what I needed! Now all 5 backgrounds are useable. You should update the information on http://myanimelist.net/forum/?topicid=544301 with this tip. Thanks for the help! |
Jun 5, 2014 2:09 PM
#1992
Okay, sadly, I'm back. I tried changing the font for my manga list as i did for my animelist and it works partially. There's no repetition and completed, on-hold, dropped show up fine, but in them is this small font over the actual header i made. I do not know how to remove it and any attempts to remove anything with "font" in the css code have been unsuccessful for me. I am also wondering why my currently reading and plan to read headers aren't appearing when in my css code they are shown as entered in. Here is the entire css is in my mangalist, in case i have made any bigger errors than i am able to see. @import "http://dl.dropbox.com/u/49469857/mal/premade/manga.css"; @import url(http://dl.dropbox.com/u/49469857/mal/premade/formats/covers/more" target="_blank">http://mal-fellow-writer.appspot.com/manga/toarujisuru/?covers=http://dl.dropbox.com/u/49469857/mal/premade/formats/covers/more); body { color: ; font-size: 10.00px; font-family: ; background-color: #ffffff; background-image: url(http://oi58.tinypic.com/anh2lx.jpg); background-repeat: repeat; background-position: top left } div#list_surround{width:1000px;padding-top:500px; margin: auto 0% auto auto; background-image: url(http://oi57.tinypic.com/2ptw1s5.jpg); background-position: top left; background-repeat: no-repeat; margin-left: 0px; margin-right:auto; margin-top: 0px; margin-bottom: 20px; width:1000px; position:absolute } a { color: #000000; text-decoration: none; } a:visited { color: #000000; text-decoration: none; } a:hover { color: #000000; text-decoration: line-through; } td {filter:alpha(opacity=0); -moz-opacity:.80; opacity:.80;} .td1 { color: #000000; border-width: 0px 0px 0px 0px; border-style: solid; border-color: #ffffff; padding: 2px; background-color: #ffffff; } .td2 { color: #000000; border-width: 0px 0px 0px 0px; border-style: solid; border-color: #ffffff; padding: 2px; background-color: #ffffff; } .table_header { color: #000000; border-width: 0px 0px 0px 0px; border-style: solid; border-color: #ffffff; background-color: #ffffff; padding: 2px; } .table_headerlink { color: ; } .table_headerlink:visited { color: ; } .table_headerlink:hover { color: ; } .form { border-width: 1px 1px 1px 1px; border-color: #ffffff; border-style: solid; color: #ffffff; padding: 0px; font-size: 11.00px; font-family: verdana, arial; } .status_selected { color: #000000; border-width: 0px 0px 0px 0px; border-style: solid; border-color: #ffffff; padding: 0px; background-color: white; } .status_not_selected { color: #ffffff; border-width: 0px 0px 0px 0px; border-style: solid; border-color: #ffffff; padding: 0px; background-color: #ffffff; } .header_cr{ background-image: url(http://oi59.tinypic.com/2pyuw6w.jpg); width:250px; height:43px; margin-left: 0px; margin-right:auto; margin-bottom: 5px; } .header_completed{ background-image: url(http://oi62.tinypic.com/bc020.jpg); width:250px; height:43px; margin-left: 0px; margin-right:auto; margin-bottom: 5px; } .header_onhold{ background-image: url(http://oi59.tinypic.com/241uux2.jpg); width:250px; height:43px; margin-left: 0px; margin-right:auto; margin-bottom: 5px; } .header_dropped{ background-image: url(http://oi60.tinypic.com/dc9bbl.jpg); width:250px; height:43px; margin-left: 0px; margin-right:auto; margin-bottom: 5px; } .header_ background-image: url(http://oi59.tinypic.com/25i1bmw.jpg); width:250px; height:43px; margin-left: 0px; margin-right:auto; margin-bottom: 5px; } .category_totals { color: #000000; } #grand_totals { text-align: left; color: #000000; } .header_al { font-weight: bold; font-size: 16px; } .header_al_links { } .animetitle { font-weight: bold; } /* copyright contains the "producted by garrett gyssler" text do not remove or hide this div if found to be removed, your list will be removed too */ #copyright { padding-top: 6px; text-align: left; margin: 0 auto; width: px; color: #000000; } /* cover area the surrounding area containing each cover pic which appears when you point to a row (requires #more css to see a dvd or manga cover). move the cover's location around with left and top. remove only the border-radius: 25px 25px 25px 25px; lines to take the rounded corners away. increase height and width to make the pics bigger. delete border-style: solid; to remove the border. for changing the original background color see the bottom of the original post: http://myanimelist.net/forum/?topicid=563993 */ :hover + .hide { background-size: cover; left: 1000px; top: 160px; height: 350px; width: 226px; padding-bottom: 0px; border-style: solid; border-color: white; border-top: 1px solid white;; border-left: 1px solid white; border-right: 1px solid white; border-bottom: 1px solid white; border-radius: 25px 25px 25px 25px; background-color: rgba(200, 5, 200, 0.75); background-position: center 50% !important; background-repeat: no-repeat !important; display: block !important; position: fixed; } /* preview msg above covers remove content: "preview"; to remove the preview text. change the text in quotations after content to what you want it to say above your cover pic. top and width controls the position of the text. */ .hide:before { background: transparent; content: ; padding-bottom: 5px; position: absolute; text-align: center; width: 225px; top: -25px; border-radius: 25px 25px 0 0; } .header_cr, .header_completed, .header_onhold, .header_dropped, .header_ptw { background-repeat: no-repeat; } |
"Be the change you wish to see in the world." |
Jun 5, 2014 2:40 PM
#1993
@Toarujisuru: Since you are using an image for the headers you can either set the font-size to zero with this: .header_cw, .header_completed, .header_onhold, .header_dropped, .header_ptw { font-size: 0px; } or make it transparent. .header_cw, .header_completed, .header_onhold, .header_dropped, .header_ptw { color: transparent !important; } Also the header for reading seems to be missing. |
Jun 5, 2014 3:05 PM
#1994
Thanks that definitely took care of the small text in front of the header. I did include the reading/plan to read headers + code which is odd, though. Even now when I have it all added, it won't show up. I've never seen this happen, lol. vv } .header_cw{ background-image: url(http://oi59.tinypic.com/2pyuw6w.jpg); width:250px; height:43px; margin-left: 0px; margin-right:auto; margin-bottom: 5px; } .header_completed{ background-image: url(http://oi62.tinypic.com/bc020.jpg); width:250px; height:43px; margin-left: 0px; margin-right:auto; margin-bottom: 5px; } .header_onhold{ background-image: url(http://oi59.tinypic.com/241uux2.jpg); width:250px; height:43px; margin-left: 0px; margin-right:auto; margin-bottom: 5px; } .header_dropped{ background-image: url(http://oi60.tinypic.com/dc9bbl.jpg); width:250px; height:43px; margin-left: 0px; margin-right:auto; margin-bottom: 5px; } .header_ptw background-image: url(http://oi59.tinypic.com/25i1bmw.jpg); width:250px; height:43px; margin-left: 0px; margin-right:auto; margin-bottom: 5px; } |
"Be the change you wish to see in the world." |
Jun 5, 2014 3:20 PM
#1995
Just checked the code on your mangalist and there seems to be two closing brackets } before .header_cw. where should be only one. Extra brackets or not closing and opened bracket can interfere with the code. |
Jun 5, 2014 4:41 PM
#1996
Miketsukami-kun said: Just checked the code on your mangalist and there seems to be two closing brackets } before .header_cw. where should be only one. Extra brackets or not closing and opened bracket can interfere with the code. That was exactly the problem. Thank you. :] |
"Be the change you wish to see in the world." |
Jun 5, 2014 5:23 PM
#1997
Okay I'm back. My list finally bugged back to how it should be and it looks like this (http://imgur.com/7JhPtVA) Could you possibly edit my current css (below) to reflect what the imgur link shows? Thanks for everything!! /* Got a question or want to learn more? Try this link: http://myanimelist.net/forum/?topicid=419405&show=0#post1 */ /* BACKGROUND IMAGE This is the main background image for the whole page. Change the image link to the background you want! If you're not seeing a background, make sure you are copied the entire CSS code or added any new background image codes correctly. Also your image link may be broken, try uploading a new background then! */ @import url(http://fonts.googleapis.com/css?family=Peralta); @import url(http://fonts.googleapis.com/css?family=Alegreya+Sans); @import "http://dl.dropbox.com/u/78340470/Icon%20Style%20Menu%20Bar/IconStyleCSSFixed.css"; body { background-image: url(http://i.imgur.com/nt5X6pE.jpg); background-attachment: fixed; } /* HEADER COLOR AND FONT These codes control the main headers' fonts and colors. Every header is above each part of your list (they say things like Currently Watching, Completed, Dropped, etc). if you don't want a solid color there, go to the line that starts with background-color and replace it the color type (blue for example) with the word "transparent" (no quotations). */ .header_title { color:#000000; font-family:Peralta; font-size:48px; } /* SUB-HEADERS BACKGROUND COLOR COLOR Below each main header is the sub-header which says Score, Episodes, Tags, etc. */ .table_header { background-color:orange; } /* ANIME/MANGA TITLE FONTS This is the type and color of the anime/manga titles on your list, like Bleach, Vampire Knight, etc. */ .animetitle, .animetitle:visited { color:white; font-family:Alegreya Sans; font-size:15px; } /* LIST FONTS This is the type and color for more of the numbers, links, and words on the list itself! */ .td1, .td2, a, a:visited, .category_totals, .table_header, #grand_totals, #copyright { color:white; font-family:Lucida Grande; } /* LIST WIDTH Use this to increase the width of your list! */ #list_surround { width:775px; } /* REPOSITION MAIN BACKGROUND Change the position your background starts on your screen from with the two properties after "background-position" below. You replace 'center' and '43%' with two other properties, they can be any of the following: left, top, bottom, right, or center. So if you want your background to start from the center of the screen, use "center center" after background-position in the code below, replacing "center 43%". If you want it to start from the top and left, use "top left" If you want it to start from the top and center, use "top center". If you want it to start from the right and top, use "right top" If you want it to start from the right and bottom, use "right bottom" and so forth... Additionally, you can change "left" to a % to determine how far left or right the background starts from. For example "30% top" will start the background from the top but 30% of the pic's width from the left of the layout. You can also change top to a % to change the amount you want to start it from the top or bottom. */ body{ background-position: center 43%;} /*OTHER CODES Important codes for the layout's setup. Don't mess with these unless you know exactly what you're doing. If you want to customize more on the page, use the link at the top of this CSS, or ask in my club! */ body { font-weight: light; background-repeat: no-repeat; background-color: black; } #list_surround { margin:auto; background-image:url(); } a { text-decoration:none; } a:visited { text-decoration:none; } a:hover, a:visited:hover { font-weight:bold; } .category_totals, .td1, .td2, #grand_totals, #copyright { background-image:url(http://img15.imageshack.us/img15/228/frame6518.png); border-width:0; padding:2px; } .category_totals:HOVER, .td1:HOVER, .td2:HOVER, #grand_totals:HOVER, #copyright:HOVER {background-color:black; border-width:0; padding:2px; } .status_selected { background-color:orange; padding:2px; color:black; text-decoration: blink; } .status_not_selected { background-color:orange; padding:2px; color:black; } .status_selected a{ color:black; } .status_not_selected a{ color:white; } .thickbox { color:cyan; font-family:fantasy; font-size:12px; } .header_title { height:52px; padding:2px; } .table_header { border-width:0; font-weight:bold; padding:2px; } .category_totals { height:30px; } #copyright, #grand_totals { text-align: center; margin:0 auto; } body { background-size: cover; } #copyright { bottom: 0; color: white; font-family: Trebuchet MS; font-size: 8px; height: 12px; margin: 0 auto; } #inlineContent { background: url(http://i.imgur.com/rbBlyT0.png) !important; display: inline-block !important; height: 281px !important; position: fixed !important; right: 0 !important; bottom: 0; width: 315px !important; z-index: -1 !important; } |
Jun 5, 2014 11:40 PM
#1998
Due the recent changes in Imageshack, a lot of images are down, one of my accounts have nothing but error messages, so I think the background that is missing in your list is down so that why it don't show anything. |
Jun 9, 2014 3:17 PM
#1999
Hi! This is my very first CSS design, and I got some problems I want to remove all underlines from the text, how do I do that? and I can't change Family font for some reason. -There is no text-decoration written in the CSS Can someone look what I did wrong? My CSS Code Direct Link to my list Please help me! (o_ _)o |
Jun 9, 2014 4:58 PM
#2000
Tsiox said: -There is no text-decoration written in the CSS That's the problem, if you don't define the text decoration for links, thay use the default behavior that is underlined. To fix that add at the end: a, a:hover, a:visited { text-decoration: none; } And for the font, you use: font-family:Press+Start+2P; and the right way to use it is: font-family: 'Press Start 2P'; |
More topics from this board
» [CSS - MODERN] ⚡️ Fully-Customizable Layouts (2024 updates!) ( 1 2 3 4 5 ... Last Page )Shishio-kun - Jul 21, 2017 |
381 |
by KabukiChouNights
»»
12 hours ago |
|
» 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 |