New
Jul 23, 2015 12:04 AM
#2951
Lightless_Reaper said: that should be as a background.My Layout Now let's say I want this Animated GIF to show up on my style sheet here: Here's the code for this specific button: #list_surround .status_selected, #list_surround .status_not_selected { background-attachment:scroll; background-color:transparent; background-image:url(http://i.imgur.com/JXT9PGN.jpg); background-position:0 100%; background-repeat:no-repeat no-repeat; border:2px solid #CC0066 !important; border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:15px; border-top-right-radius:0; display:block; height:90px; padding:0; position:fixed; right:-178px; top:63px; width:320px; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { background-attachment:scroll; background-color:transparent; background-image:url(http://i.imgur.com/Xmm0j6a.jpg); background-repeat:no-repeat no-repeat; border-bottom-right-radius:0; border-top-left-radius:0; border-top-right-radius:0; top:155px; } Whenever I try to put a gif on the url the image goes completely invisible, it also happens no matter where I put it's URL; can anyone help me? |
Jul 23, 2015 11:15 AM
#2952
Oiomi-chan said: Lightless_Reaper said: that should be as a background.My Layout Now let's say I want this Animated GIF to show up on my style sheet here: Here's the code for this specific button: #list_surround .status_selected, #list_surround .status_not_selected { background-attachment:scroll; background-color:transparent; background-image:url(http://i.imgur.com/JXT9PGN.jpg); background-position:0 100%; background-repeat:no-repeat no-repeat; border:2px solid #CC0066 !important; border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:15px; border-top-right-radius:0; display:block; height:90px; padding:0; position:fixed; right:-178px; top:63px; width:320px; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { background-attachment:scroll; background-color:transparent; background-image:url(http://i.imgur.com/Xmm0j6a.jpg); background-repeat:no-repeat no-repeat; border-bottom-right-radius:0; border-top-left-radius:0; border-top-right-radius:0; top:155px; } Whenever I try to put a gif on the url the image goes completely invisible, it also happens no matter where I put it's URL; can anyone help me? Is there no way to have them on buttons or headers then? |
Jul 23, 2015 1:12 PM
#2953
Lightless_Reaper said: no you miss understand, it should be that you simply put it as a background to the button, exactly like the current pic.Oiomi-chan said: Lightless_Reaper said: My Layout Now let's say I want this Animated GIF to show up on my style sheet here: Here's the code for this specific button: #list_surround .status_selected, #list_surround .status_not_selected { background-attachment:scroll; background-color:transparent; background-image:url(http://i.imgur.com/JXT9PGN.jpg); background-position:0 100%; background-repeat:no-repeat no-repeat; border:2px solid #CC0066 !important; border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:15px; border-top-right-radius:0; display:block; height:90px; padding:0; position:fixed; right:-178px; top:63px; width:320px; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { background-attachment:scroll; background-color:transparent; background-image:url(http://i.imgur.com/Xmm0j6a.jpg); background-repeat:no-repeat no-repeat; border-bottom-right-radius:0; border-top-left-radius:0; border-top-right-radius:0; top:155px; } Whenever I try to put a gif on the url the image goes completely invisible, it also happens no matter where I put it's URL; can anyone help me? Is there no way to have them on buttons or headers then? |
Jul 23, 2015 3:16 PM
#2954
Oiomi-chan said: Lightless_Reaper said: no you miss understand, it should be that you simply put it as a background to the button, exactly like the current pic.Oiomi-chan said: Lightless_Reaper said: that should be as a background.My Layout Now let's say I want this Animated GIF to show up on my style sheet here: Here's the code for this specific button: #list_surround .status_selected, #list_surround .status_not_selected { background-attachment:scroll; background-color:transparent; background-image:url(http://i.imgur.com/JXT9PGN.jpg); background-position:0 100%; background-repeat:no-repeat no-repeat; border:2px solid #CC0066 !important; border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:15px; border-top-right-radius:0; display:block; height:90px; padding:0; position:fixed; right:-178px; top:63px; width:320px; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { background-attachment:scroll; background-color:transparent; background-image:url(http://i.imgur.com/Xmm0j6a.jpg); background-repeat:no-repeat no-repeat; border-bottom-right-radius:0; border-top-left-radius:0; border-top-right-radius:0; top:155px; } Whenever I try to put a gif on the url the image goes completely invisible, it also happens no matter where I put it's URL; can anyone help me? Is there no way to have them on buttons or headers then? When I do as you say, I get this: |
Jul 23, 2015 3:23 PM
#2955
Hello, I was just wondering (because I spent entire day playing in CSS but to no avail), how do I set tags as plain text instead of hyperlinks on this theme? Because commas appear invisible since they're used to separate tags. I tried using "pointer-events: none;" but all it does it makes hyperlinks unclickable, and commas are still invisible. I know it's possible because I've seen themes with similar(almost identical) design who have tags set as plain text, and I want the mini review section to look nice. TL;DR I just need tags to appear as plain text and not hyperlinks in the above mentioned theme. Please help! :) |
Jul 23, 2015 3:45 PM
#2956
pEuAsTsSy said: Hello, I was just wondering (because I spent entire day playing in CSS but to no avail), how do I set tags as plain text instead of hyperlinks on this theme? Because commas appear invisible since they're used to separate tags. I tried using "pointer-events: none;" but all it does it makes hyperlinks unclickable, and commas are still invisible. I know it's possible because I've seen themes with similar(almost identical) design who have tags set as plain text, and I want the mini review section to look nice. TL;DR I just need tags to appear as plain text and not hyperlinks in the above mentioned theme. Please help! :) Just link us to the list with the almost identical design that has the set up you want. I can rip the codes from it |
Jul 23, 2015 3:57 PM
#2957
Shishio-kun said: pEuAsTsSy said: Hello, I was just wondering (because I spent entire day playing in CSS but to no avail), how do I set tags as plain text instead of hyperlinks on this theme? Because commas appear invisible since they're used to separate tags. I tried using "pointer-events: none;" but all it does it makes hyperlinks unclickable, and commas are still invisible. I know it's possible because I've seen themes with similar(almost identical) design who have tags set as plain text, and I want the mini review section to look nice. TL;DR I just need tags to appear as plain text and not hyperlinks in the above mentioned theme. Please help! :) Just link us to the list with the almost identical design that has the set up you want. I can rip the codes from it Here's the entire ripped code. Basically I need the same design as your Madoka theme, but only to have hyperlinks appear as text instead of hyperlinks. I believe these two lines are what's needed, because I've made some progress while implementing them but it completely ruined the alignment. span[id*="tagRow"] { display:block !important; } span[id*="tagLinks"] { display:none !important; } |
pEuAsTsSyJul 23, 2015 4:01 PM
Jul 23, 2015 4:47 PM
#2958
Hello Shishio! First of all, thanks for your video on how to customize the profile. I have a little problem after following every step correctly. The cropped picture parts should fit perfectly next to each other, but now it looks like this: My settings looks like this: The pieces that should be next to each other, are next to each other, and the pieces that should be below, are as well. Is my image itself too big or what is the problem with it? Thank you in advance! |
Jul 24, 2015 1:43 AM
#2959
I have a question about the Transparent menus w/wide list, long covers and no banner. I just checked my anime list and all the anime pics are all mixed up and don't match. Do you know what is the problem? |
Jul 24, 2015 2:11 AM
#2960
Jul 24, 2015 2:32 AM
#2961
Oiomi-chan said: Blaze862 said: Everything looks in order to me.I have a question about the Transparent menus w/wide list, long covers and no banner. I just checked my anime list and all the anime pics are all mixed up and don't match. Do you know what is the problem? I don't know what happen but it's fixed now!! Thank You |
Jul 24, 2015 1:55 PM
#2962
FinalNwo said: Hello Shishio! First of all, thanks for your video on how to customize the profile. I have a little problem after following every step correctly. The cropped picture parts should fit perfectly next to each other, but now it looks like this: My settings looks like this: The pieces that should be next to each other, are next to each other, and the pieces that should be below, are as well. Is my image itself too big or what is the problem with it? Thank you in advance! I don't want to try to guess from those screenshots. Please post the graphic's BBcode here so I can quote it and look at it, that'd be much easier. |
Jul 24, 2015 2:12 PM
#2963
pEuAsTsSy said: Shishio-kun said: pEuAsTsSy said: Hello, I was just wondering (because I spent entire day playing in CSS but to no avail), how do I set tags as plain text instead of hyperlinks on this theme? Because commas appear invisible since they're used to separate tags. I tried using "pointer-events: none;" but all it does it makes hyperlinks unclickable, and commas are still invisible. I know it's possible because I've seen themes with similar(almost identical) design who have tags set as plain text, and I want the mini review section to look nice. TL;DR I just need tags to appear as plain text and not hyperlinks in the above mentioned theme. Please help! :) Just link us to the list with the almost identical design that has the set up you want. I can rip the codes from it Here's the entire ripped code. Basically I need the same design as your Madoka theme, but only to have hyperlinks appear as text instead of hyperlinks. I believe these two lines are what's needed, because I've made some progress while implementing them but it completely ruined the alignment. span[id*="tagRow"] { display:block !important; } span[id*="tagLinks"] { display:none !important; } Ok that ripped code is probably the older version of the layout which had a few problems you may run into later. But try this, its that layout with your background, topbar/cover imports and buttons instead: http://pasted.co/e3956e2b You may have to make color or position adjustments in some places so it matches the one you're using more, but those changes are much easier to do than what you were trying to do before and you can use the default layout for reference Its HolyPotato's Madoka theme btw not mine, I just made alot of alterations |
Jul 24, 2015 2:30 PM
#2964
Shishio-kun said: FinalNwo said: Hello Shishio! First of all, thanks for your video on how to customize the profile. I have a little problem after following every step correctly. The cropped picture parts should fit perfectly next to each other, but now it looks like this: My settings looks like this: The pieces that should be next to each other, are next to each other, and the pieces that should be below, are as well. Is my image itself too big or what is the problem with it? Thank you in advance! I don't want to try to guess from those screenshots. Please post the graphic's BBcode here so I can quote it and look at it, that'd be much easier. Sorry about that. This is how it's supposed to be. Since I can't post it here without the images already appearing, I created a pastebin. |
Jul 24, 2015 3:40 PM
#2965
FinalNwo said: Shishio-kun said: FinalNwo said: Hello Shishio! [spoiler] First of all, thanks for your video on how to customize the profile. I have a little problem after following every step correctly. The cropped picture parts should fit perfectly next to each other, but now it looks like this: My settings looks like this: The pieces that should be next to each other, are next to each other, and the pieces that should be below, are as well. Is my image itself too big or what is the problem with it? Thank you in advance! I don't want to try to guess from those screenshots. Please post the graphic's BBcode here so I can quote it and look at it, that'd be much easier. Sorry about that. This is how it's supposed to be. Since I can't post it here without the images already appearing, I created a pastebin.[/spoiler] Yes its way too big. In the video I think I said to keep it under 640px, which was the old profile width. I later added an annotation with the new size (700px or so maybe), but your graphic is nowhere near that size its like 1000px across btw you can post BBcode of any kind in the forum and ppl can simply quote it (use quote button at the bottom of each post), and you can see and copy the BBcode this way. This is why I asked you to post it here, as it would have also immediately cleared up that its too large [spoiler] |
Shishio-kunJul 24, 2015 3:43 PM
Jul 24, 2015 4:31 PM
#2966
Shishio-kun said: [/quote]FinalNwo said: Shishio-kun said: FinalNwo said: Hello Shishio! [spoiler] First of all, thanks for your video on how to customize the profile. I have a little problem after following every step correctly. The cropped picture parts should fit perfectly next to each other, but now it looks like this: My settings looks like this: The pieces that should be next to each other, are next to each other, and the pieces that should be below, are as well. Is my image itself too big or what is the problem with it? Thank you in advance! I don't want to try to guess from those screenshots. Please post the graphic's BBcode here so I can quote it and look at it, that'd be much easier. Sorry about that. This is how it's supposed to be. Since I can't post it here without the images already appearing, I created a pastebin.[/spoiler] Yes its way too big. In the video I think I said to keep it under 640px, which was the old profile width. I later added an annotation with the new size (700px or so maybe), but your graphic is nowhere near that size its like 1000px across btw you can post BBcode of any kind in the forum and ppl can simply quote it (use quote button at the bottom of each post), and you can see and copy the BBcode this way. This is why I asked you to post it here, as it would have also immediately cleared up that its too large [spoiler] Okay, it looks good now. I must have missed you mentioning it in the video. Sorry for the trouble and thank you very much! |
Jul 24, 2015 5:20 PM
#2967
Shishio-kun said: pEuAsTsSy said: Shishio-kun said: pEuAsTsSy said: Hello, I was just wondering (because I spent entire day playing in CSS but to no avail), how do I set tags as plain text instead of hyperlinks on this theme? Because commas appear invisible since they're used to separate tags. I tried using "pointer-events: none;" but all it does it makes hyperlinks unclickable, and commas are still invisible. I know it's possible because I've seen themes with similar(almost identical) design who have tags set as plain text, and I want the mini review section to look nice. TL;DR I just need tags to appear as plain text and not hyperlinks in the above mentioned theme. Please help! :) Just link us to the list with the almost identical design that has the set up you want. I can rip the codes from it Here's the entire ripped code. Basically I need the same design as your Madoka theme, but only to have hyperlinks appear as text instead of hyperlinks. I believe these two lines are what's needed, because I've made some progress while implementing them but it completely ruined the alignment. span[id*="tagRow"] { display:block !important; } span[id*="tagLinks"] { display:none !important; } Ok that ripped code is probably the older version of the layout which had a few problems you may run into later. But try this, its that layout with your background, topbar/cover imports and buttons instead: http://pasted.co/e3956e2b You may have to make color or position adjustments in some places so it matches the one you're using more, but those changes are much easier to do than what you were trying to do before and you can use the default layout for reference Its HolyPotato's Madoka theme btw not mine, I just made alot of alterations You're the best! Just what I needed, thanks! I can easily alter the positions and colors, but this problem has been driving me insane. Thanks again! |
Jul 26, 2015 8:19 AM
#2968
I would like to ask a question here. Does anyone know how to put a picture on your right on the layout like this? http://myanimelist.net/profile/Bear *This is an example profile layout I found on MAL. How do you do that? I tried with my own knowledge but the words always go above or bottom of the picture. Solved Thank you shishio! |
LycelraJul 26, 2015 3:09 PM
Hi there! Nice to meet you. I'm Lycelra ~❤- Signature by Isa - |
Jul 26, 2015 2:51 PM
#2969
Quote my post with the Quote link and the code will come up in your quick reply box. Copied from the member card index. Can do left img align too. These card topics are closed Limited Edition (LE) cards. Hopefully they can inspire new card makers. The topics linked might still have album links to find your old cards to if you lost them too. If you miss your chance, see Reprints above. |
Shishio-kunJul 29, 2015 1:55 PM
Jul 29, 2015 1:57 PM
#2970
Question moved here from requests M4XY said: Can somebody do a minor modification to my list? I want the characters on the Watching,Completed,On Hold,Dropped,PTW and ALL anime to be changed from Psycho pass characters to : Lelouch, Guts,Wu Geng (MC from Feng Shen Ji),Senjougahara ,Mito Ikumi and Akatsuki Ousawa. Code of my list: @import url(https://googledrive.com/host/0BxjwQr0BBXs-aDYxM2JlaFM2bnM); @import "http://dl.dropbox.com/u/49469857/MAL/premade/anime.css"; @import "https://dl.dropboxusercontent.com/u/144008148/Premade/Drzlink_request_Phantom_and_Darker_than_Black/Top_bar_without_menu_or_display.css"; body { background-attachment:fixed; background-clip:border-box; background-color:transparent; background-image:url(http://th04.deviantart.net/fs71/PRE/f/2010/308/3/1/the_baboon_king_by_wen_jr-d32599h.jpg); background-position:0 0%, 0 0; background-repeat:no-repeat no-repeat; background-size:cover; font-family:calibri; } #inlineContent { display:inline-block !important; height:1200px !important; left:0 !important; margin:auto !important; position:fixed !important; right:0 !important; top:0 !important; width:1200px !important; z-index:-1 !important; } #list_surround { /* background-color:transparent; font-size:100%; line-height:1; padding-bottom:10px; padding-top:0px; position:absolute; left:95px !important; padding-left:0px; width:800px; margin-top:-50px; */ top:0px; padding-left:0px; bottom:10px; left:-180px !important; margin:auto !important; position:absolute !important; right:0 !important; font-size:100%; line-height:1; width:800px; } a { color:#FFFFFF; text-decoration:none; text-shadow:none; } a:hover { color: snow !important; text-shadow: -1px -1px 3px deepskyblue, 1px 1px 3px deepskyblue; text-decoration:underline; } .table_header { background-color:rgba(255, 255, 255, 0.498039); } .table_header:first-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:6px; 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:6px; } .td1 { background-color:rgba(70, 70, 70, 0.498039); height:65px; } .td2 { background-color:rgba(50, 50, 50, 0.498039); 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.498039); border-bottom-left-radius:6px; border-bottom-right-radius:6px; 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:3px; border-bottom-right-radius:3px; border-top-left-radius:3px; border-top-right-radius:3px; 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:0; 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:-140px; 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-size:87%; height:0 !important; left:70px; line-height:16px !important; margin-top:16px; position:absolute; text-align:justify !important; width:720px; z-index:2; padding-top:10px; } .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_not_selected { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons1_zpsa6a1597a.png); background-position:0px 0px; background-repeat:repeat repeat; display:block; height:80px; right:-35px; padding:0; position:fixed; top:60px; width:250px; overflow:auto; } #list_surround .status_not_selected:hover, #list_surround .status_selected { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons2_zpsa4f0528c.png); background-position:0px 0px; background-repeat:repeat repeat; display:block; height:80px; right:-5px; padding:0; position:fixed; top:60px; width:250px; border:5px solid rgba(0,0,0,0.6); border-radius:11px; transition: right 0.25s ease-in-out 0s ; -o-transition: all 0.25s ease-in-out 0s ; -moz-transition: all 0.25s ease-in-out 0s ; -webkit-transition: all 0.25s ease-in-out 0s ; overflow:auto; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons1_zpsa6a1597a.png); background-position:0px -80px; background-repeat:repeat repeat; top:150px; } #list_surround .status_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected:hover { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons2_zpsa4f0528c.png); background-position:0px -80px; background-repeat:repeat repeat; top:150px; } #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_not_selected { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons1_zpsa6a1597a.png); background-position:0px -160px; background-repeat:repeat repeat; top:240px; } #list_surround .status_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected:hover { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons2_zpsa4f0528c.png); background-position:0px -160px; background-repeat:repeat repeat; top:240px; } #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_not_selected { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons1_zpsa6a1597a.png); background-position:0px -240px; background-repeat:repeat repeat; top:330px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected:hover, #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:hover { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons2_zpsa4f0528c.png); background-position:0px -240px; background-repeat:repeat repeat; top:330px; } #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_not_selected { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons1_zpsa6a1597a.png); background-position:0px -320px; background-repeat:repeat repeat; display:inline; top:420px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected:hover, #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:hover { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons2_zpsa4f0528c.png); background-position:0px -320px; background-repeat:repeat repeat; display:inline; top:420px; } #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_not_selected { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons1_zpsa6a1597a.png); background-position:0px -400px; background-repeat:no-repeat no-repeat; display:inline; top:510px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected:hover, #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:hover { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons2_zpsa4f0528c.png); background-position:0px -400px; background-repeat:no-repeat no-repeat; display:inline; top:510px; } .status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a { display:block; font-size:29px; padding-top:53px; color: transparent !important; text-shadow: none !important; width:250px important; text-decoration:none important; } .header_cw { background-color:transparent; background-image:url(http://i47.tinypic.com/jpgfi9.png); background-position:0 125px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_completed { background-color:transparent; background-image:url(http://i46.tinypic.com/op5hg1.png); background-position:0 125px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_onhold { background-color:transparent; background-image:url(http://i47.tinypic.com/25jv6h4.png); background-position:0 130px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_dropped { background-color:transparent; background-image:url(http://i47.tinypic.com/25yzx2g.png); background-position:0 125px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_ptw { background-color:transparent; background-image:url(http://i48.tinypic.com/2m3mjj8.png); background-position:0 130px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .status_selected { display:block; } .status_not_selected { display:block; } .status_not_selected { opacity:1; } .status_not_selected:hover { color:transparent; opacity:1; } * { -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; } .animetitle + small { color:dodgerBlue !important; font-size:75%; font-weight:bold; } Read more at http://myanimelist.net/forum/?topicid=393393&show=60#wyGVuFclMSjpbYaj.99 |
Jul 31, 2015 5:22 AM
#2971
I'm confused. Is everyone able to see my "Anime List" as the way how I designed it? I just changed my list's layout with advanced css thing,then i found that everyone's list's layout had turned into my layout. I tried to logout and checked my profile,it shows me a white background and blue anime title. did i missed some steps? (bad english sorry edited: solved :3 |
dangodonaldJul 31, 2015 5:08 PM
"Love does not hurt when you're loving the right person."- Tachibana Marika ~Anime List Ƹ̵̡Ӝ̵̨̄Ʒ My Profile~ |
Jul 31, 2015 7:15 AM
#2972
hi, in my list i can't see the "rated" (table header link) column how can i add it in to my list? thank you!. |
Mr_ObviousJul 31, 2015 7:55 AM
Jul 31, 2015 3:32 PM
#2973
Paladin001 said: hi, in my list i can't see the "rated" (table header link) column how can i add it in to my list? thank you!. Well you don't have it turned on so I guess thats the problem. Check the box for it on this page and save: http://myanimelist.net/editprofile.php?go=listpreferences |
Jul 31, 2015 3:36 PM
#2974
AikoClover said: I'm confused. Is everyone able to see my "Anime List" as the way how I designed it? I just changed my list's layout with advanced css thing,then i found that everyone's list's layout had turned into my layout. I tried to logout and checked my profile,it shows me a white background and blue anime title. did i missed some steps? (bad english sorry I see a Tokyo Ghoul layout. Make sure Style Oevrride is not checked here http://myanimelist.net/editprofile.php?go=listpreferences |
Aug 2, 2015 4:24 PM
#2975
Hello, the upper right corner of my headers are cut off: http://myanimelist.net/animelist/Zeroskye The actual pic of the header has that place that was cut off, so I was wondering what went wrong. Here's the code: @import url(https://googledrive.com/host/0BxjwQr0BBXs-aDYxM2JlaFM2bnM); @import "http://dl.dropbox.com/u/78340470/Icon%20Style%20Menu%20Bar/IconStyleCSSFixed.css"; @import "https://dl.dropboxusercontent.com/u/78340470/CSSforfoxgirls.css"; /* Ask questions and review common questions about this layout here: http://myanimelist.net/forum/?topicid=445485 MAIN BACKGROUND */ body { background-attachment: fixed; background-clip: border-box; background-color: #000000; background-image: url("http://media.animevice.com/uploads/4/43468/788989-mahouka_tatsuya_shiba.jpg"); background-origin: background-position: center bottom; background-repeat: no-repeat; background-size: cover; color: #FFEBCD; font-family: Tempus Sans ITC; font-size: 14px; } /* POSITION/SIZE OF ANIME POSTERS ON LIST Use margin left to move the posters to the left or right. */ .hide { background-position: left center; background-repeat: no-repeat; background-size: contain; display: inline-block !important; height: 110px; margin-left: 385px; margin-top: -118px; position: absolute; width: 85px !important; } /* POSITION AND SIZE OF ANIME POSTERS (with cursor on it) Use margin-left to change their position. */ .hide:hover{ background-color: transparent; background-repeat: no-repeat; background-size: auto auto; margin-left: 128px; padding-right: 251px; padding-top: 241px; position: absolute; } /* BACKGROUND RENDER AND LOGO The first backgroun image url is the Fate/Stay Night logo up at the upper left and the second is the background render (Saber by default). */ #inlineContent { background: url(https://upload.wikimedia.org/wikipedia/commons/8/8f/Mahouka-Koukou-no-Rettousei_title.png) 1% 5% fixed no-repeat, url(http://vignette1.wikia.nocookie.net/mahouka-koukou-no-rettousei/images/9/91/Redirect.png/revision/latest?cb=20140414140658) fixed 15% center no-repeat; background-size: auto, contain; bottom: 0; display: inline !important; height: 100%; margin-bottom: 0; position: fixed; right: 0; width: 100%; z-index: -2 !important; } /* LIST POSITION Use this to adjust the list position. Adding to right will move it more from the edge. Adding to margin-top will lower the list. */ div#list_surround { background-image: url("none"); background-repeat: no-repeat; margin-top: -10px; position: absolute; right: 39px; width: 730px; } /* LIST ROWS The list row colors, background graphics, and fonts. */ .td1 { background: url("http://i.imgur.com/XSVkN6w.png") repeat scroll 0 0 transparent; color: #FFEBCD; font-family: Tempus Sans ITC; font-size: 14px; height: 125px; padding: 5px; } .td2 { background: url("http://i.imgur.com/hy43iNu.png") repeat scroll 0 0 transparent; color: #FFEBCD; font-family: Tempus Sans ITC; font-size: 14px; height: 125px; padding: 5px; } /* HEADERS They say completed, dropped, etc. */ .header_cw { background-image: url("http://i.imgur.com/VDxuinH.png"); background-repeat: no-repeat; height: 130px; } .header_completed { background-image: url("http://i.imgur.com/47nhuHV.png"); background-repeat: no-repeat; height: 130px; } .header_onhold { background-image: url("http://i.imgur.com/TG5L8iZ.png"); background-repeat: no-repeat; height: 130px; } .header_dropped { background-image: url("http://i.imgur.com/qD55Dfa.png"); background-repeat: no-repeat; height: 130px; } .header_ptw { background-image: url("http://i.imgur.com/1glODEU.png"); background-repeat: no-repeat; height: 130px; } /* LEFT SIDE BUTTONS These codes control the buttons on the left side. You can replace these images as well for your own custom buttons! The first controls the Currently Watching panel, followed by Completed, On Hold, Dropped, Planned, and then All. You can replace the background image links of these buttons in parenthesis with your own images you upload to a image hosting site like Tinypic.com! If you don't know how, use Step 2 on in this tutorial: http://myanimelist.net/forum/?topicid=415315 */ #list_surround .status_selected, #list_surround .status_not_selected { background:url(http://i.imgur.com/Tb4E2iB.jpg) repeat scroll 0 0 transparent; display:block; height:130px; left:-284px; padding:0; position:absolute; top:140px; width:273px; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { background:url(http://i.imgur.com/wwYe2r3.jpg) repeat scroll 0 0 white; top:280px; } #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:url(http://i.imgur.com/ccfygJi.jpg) repeat scroll 0 0 transparent; top:420px; } #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:url(http://i.imgur.com/sZCO0Sm.jpg) repeat scroll 0 0 transparent; top:560px; } #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:url(http://i.imgur.com/fOK6cBX.jpg) repeat scroll 0 0 transparent; display:inline; top:700px; } #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:url(http://i.imgur.com/jtaqOUE.jpg) no-repeat scroll 0 0 transparent; display:inline; padding-bottom:30px; top:840px; } /* LINK COLORS */ .animetitle { color: white; } a { color: wheat; } a:hover{ color: blue; } .table_headerLink { color: #FFEBCD; } .table_headerLink:visited { color: #FFEBCD; } .table_headerLink:hover { color: #FFEBCD; } #list_surround .animetitle + small { color: #FFEBCD; font-family: Tempus Sans ITC; font-size: 11px; } /* PARTS, COPYRIGHT AND TOTALS */ .table_header { background: url("http://i.imgur.com/aDkizcU.png") repeat scroll 0 0 transparent; padding: 5px; } .table_header { background: url("http://i.imgur.com/aDkizcU.png") repeat scroll 0 0 transparent; color: #FFEBCD; font-family: Tempus Sans ITC; font-size: 12px; padding: 5px; } .category_totals { background-image: url("http://i.imgur.com/m0CyIfp.png"); color: #FFEBCD; height: 38px; text-align: center; background-repeat: no-repeat; padding-bottom: 244px; } #grand_totals { background: url("http://i.imgur.com/aDkizcU.png") no-repeat scroll 0 0 transparent; color: #FFEBCD; } #copyright { background: url() repeat scroll 0 0 transparent; color: #FFEBCD; font-family: verdana; font-size: 9px; font-weight: normal; height: 86px; left: 20px; padding: 5px; position: fixed; text-align: left; text-shadow: 0 0 15px #181818; top: 500px; width: 280px; } #copyright a{ text-decoration: none; } #copyright:after{ content: "The list is a Custom CSS, originally a Fate/Stay Night Layout, by Ayame_chan_ additions by Shishio-kun and Kyouhansha. #more generated by u531355. The category buttons are from Drize's Channel-style layout. Google Shishios Custom Lists for more info and designs."; } /* OTHER CODES Ask in the thread you got this layout from or my club for help on changing it. */ .header_title { display: none; } .status_selected { background-image: url("http://i.imgur.com/7QTYqeD.png"); color: #FFEBCD; font-family: Tempus Sans ITC; padding: 2px; text-decoration: underline; } .status_not_selected { background-image: url("http://i.imgur.com/Or2nAaL.png"); color: #FFEBCD; font-family: Tempus Sans ITC; padding: 2px; } #list_surround .header_title span { display: none; } #list_surround .status_not_selected a { background: none repeat scroll 0 0 transparent !important; opacity: 0; } #list_surround .status_selected a { background: none repeat scroll 0 0 transparent !important; opacity: 0; } #mal_cs_pic, #mal_cs_listinfo, #mal_cs_links { border-right: 0 none !important; } td:nth-of-type(2) { padding-right: 5px; } a:hover { text-decoration:underline; } #list_surround .status_selected a { color:#184900; display:block; font-size:1px; height:2px; padding:128px 0 0 243px; width:30px; } #list_surround .status_not_selected a { color:#184900; display:block; font-size:1px; height:2px; padding:128px 0 0 243px; width:30px; } #list_surround br { display:none; } #list_surround .header_title span { color:#000000; font-size:1px; } #list_surround .header_title .thickbox { display:none; } #list_surround .header_cw, #list_surround .header_completed, #list_surround .header_onhold, #list_surround .header_ptw, #list_surround .header_dropped { margin-left:-1px; padding:28px 5px 5px; width:586px; } #list_surround .animetitle + small { color:#00FF00; } #list_surround .category_totals { padding:5px; text-align:center; } #list_surround #grand_totals { display:none; } #mal_cs_listinfo a strong{ color: #FFFFFF; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; font-variant: normal; font-weight: normal; text-decoration: underline; text-transform: none;} #mal_cs_otherlinks strong{ color: #FFFFFF; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; font-variant: normal;} .borderRBL { color: cyan !important; } #list_surround .header_title span { display:none; } #list_surround .status_not_selected a { opacity:0; } #list_surround .status_selected a { opacity:0; } |
ZeroskyeAug 2, 2015 5:17 PM
Aug 3, 2015 6:42 AM
#2976
hey so I'm using one of your styles, and it looks mostly fine when I'm logged in and then messes up when I'm logged out? here're screenshots - logged in: https://36.media.tumblr.com/b70d6f170b91a163e851f9b68f53a7fc/tumblr_nsidstGwMF1qfpsxqo2_1280.png logged out: https://40.media.tumblr.com/b4a982b12756ecfa6551c16584bbdc2c/tumblr_nsidstGwMF1qfpsxqo1_1280.png any help would be appreciated! I've tried replacing/updating all the images in the css to no avail |
Aug 3, 2015 3:54 PM
#2977
hi Shishio-kun I Need donated manga lists can you tell me where to find ?? |
Aug 3, 2015 6:41 PM
#2978
Aug 5, 2015 4:08 PM
#2979
I see that too, just add at the end of your code:.logout { display: inline; } |
Aug 5, 2015 9:57 PM
#2980
uhh Hi! For this link http://myanimelist.net/forum/?topicid=318587 I wanted to do one of the premade layouts with covers It said the page was going through renovations so i'm not sure but does anyone have the link? |
Aug 6, 2015 9:23 AM
#2981
al_exs said: I see that too, just add at the end of your code: .logout { display: inline; } ohh my god thank you so much, quick question do you know how to fix the link buttons on the top aswell? as you can see they are missing too |
Aug 6, 2015 5:37 PM
#2982
The original image is down so replace:background-image: url("http://s001.radikal.ru/i194/1203/95/6168af5601c9.png") !important; with: background-image: url('http://i.imgur.com/PAEW4Q8.png') !important; |
Aug 7, 2015 4:08 PM
#2983
al_exs said: The original image is down so replace: background-image: url("http://s001.radikal.ru/i194/1203/95/6168af5601c9.png") !important; with: background-image: url('http://i.imgur.com/PAEW4Q8.png') !important; i just checked through the code, there is nowhere i can add that. it changed the entire background |
AsudragonAug 7, 2015 4:28 PM
Aug 7, 2015 7:47 PM
#2984
Oh, I see that you imported the code, so the correct code to put at the end is:#mal*_cs*_links a {background-image: url('http://i.imgur.com/PAEW4Q8.png') !important;} (replace the * with backslash, the forum doesn't allow to put that) |
Aug 8, 2015 3:21 AM
#2985
I have a question, sometimes words in the small-review section would randomly disappear: http://puu.sh/jtMKP.jpg The word "politic" has been cut off, some other short paragraphs are also lost a few sentences (mostly at the end). I just couldn't find the solution to tackle these problems. |
Aug 8, 2015 12:54 PM
#2986
al_exs said: Oh, I see that you imported the code, so the correct code to put at the end is: #mal*_cs*_links a {background-image: url('http://i.imgur.com/PAEW4Q8.png') !important;} (replace the * with backslash, the forum doesn't allow to put that) i..... love .... you .... so much |
Aug 11, 2015 10:12 AM
#2987
Hi, I have set acchi kocchi pre-made anime list layout today..Thanks TheHolyPotato for sharing great layouts !! http://myanimelist.net/forum/?topicid=1360433 CSS code : https://www.dropbox.com/sh/3yl08scofwmj94f/AACLirz0Ts6hZDeZByDxujRWa/N.%20ACCHI%20KOCCHI.css?dl=0 I have two small issues.. 1. I want table border for my anime list to separate each row and column in my anime list like standard MAL anime lists..It is hard to read tag column in current list style because there are no border lines present. 2. When i try to edit "Tags" column in anime list ,it just don't show any text in edit box (i assume may be due to white font).Please let me know how this issue can be solved. I have no knowledge of CSS ..Please assist in above issues.Thanks in advance.. |
Scarlet_angelAug 11, 2015 10:15 AM
Aug 11, 2015 8:30 PM
#2988
Takana_no_Hana said: The TAGS field has a very short limit. Use the Comments field (visible under "more" if you left that working on your list... checked, guess you didn't) for longer reviews.I have a question, sometimes words in the small-review section would randomly disappear: http://puu.sh/jtMKP.jpg The word "politic" has been cut off, some other short paragraphs are also lost a few sentences (mostly at the end). I just couldn't find the solution to tackle these problems. Scarlet_angel said: 1. I want table border for my anime list to separate each row and column in my anime list like standard MAL anime lists..It is hard to read tag column in current list style because there are no border lines present. .td1, .td2 { border: 1px dotted rgba(255, 255, 255, 0.5) !important; } 2. When i try to edit "Tags" column in anime list ,it just don't show any text in edit box (i assume may be due to white font).Please let me know how this issue can be solved. Probably:input{ color: #000000;} |
BurntJellyAug 11, 2015 8:39 PM
Aug 11, 2015 10:34 PM
#2989
BurntJelly said: Scarlet_angel said: 1. I want table border for my anime list to separate each row and column in my anime list like standard MAL anime lists..It is hard to read tag column in current list style because there are no border lines present. .td1, .td2 { border: 1px dotted rgba(255, 255, 255, 0.5) !important; } 2. When i try to edit "Tags" column in anime list ,it just don't show any text in edit box (i assume may be due to white font).Please let me know how this issue can be solved. Probably:input{ color: #000000;} Thanks BurntJelly for great help !!! Issue has been solved !!! Regarding black font ,i think i will stick with white color..Thanks once again !! |
Aug 12, 2015 3:22 PM
#2990
Aug 12, 2015 4:10 PM
#2991
Well, MAL change some things and that fix to the logout link doesn't work anymore, so let's hope that they add the class "logout" to the logout link to fix it again. but the code should look like this: That replaces the original URL of the image of the buttons in the bar to one that it's still online. |
Aug 12, 2015 6:57 PM
#2992
WOW, I actually used a forward slash instead of a backslash. The icons are showing now, thanks! al_exs said: Well, MAL change some things and that fix to the logout link doesn't work anymore, so let's hope that they add the class "logout" to the logout link to fix it again. Does that mean that the top bar will be forever slightly off? |
Aug 13, 2015 4:38 AM
#2993
al_exs said: Well, MAL change some things and that fix to the logout link doesn't work anymore, so let's hope that they add the class "logout" to the logout link to fix it again. That replaces the original URL of the image of the buttons in the bar to one that it's still online. That worked just fine, at least I know where to click now for sure, but my bar now is 3 lines long (now= the last couple days, not after putting the new code), instead of the 2 when the problem appeared. It's getting kind of ridiculous D: Is there any way to put everything back in the bar in 1 line instead of 3? |
Aug 13, 2015 4:03 PM
#2994
Hey, I'm not really an expert on this, but I have a question that should have a pretty simple answer. How do I lower the tags section on my anime list so the cover image isn't blocking it in the top left? http://myanimelist.net/animelist/Lagann_Taku |
HMS_HoodAug 13, 2015 4:35 PM
Aug 13, 2015 9:07 PM
#2995
Doomcat55 said: Does that mean that the top bar will be forever slightly off? Maffy said: That worked just fine, at least I know where to click now for sure, but my bar now is 3 lines long (now= the last couple days, not after putting the new code), instead of the 2 when the problem appeared. It's getting kind of ridiculous D: Is there any way to put everything back in the bar in 1 line instead of 3? It seems that they are not putting back the class in that form, so need to be addressed different. instead of: .logout { display: inline; } put this code: form[action*="logout"] { display: inline; } That should fix the 3 line issue of the top bar. |
Aug 15, 2015 1:25 PM
#2997
Aug 18, 2015 10:14 AM
#2998
Lagann_Taku said: Hey, I'm not really an expert on this, but I have a question that should have a pretty simple answer. How do I lower the tags section on my anime list so the cover image isn't blocking it in the top left? http://myanimelist.net/animelist/Lagann_Taku add this at the bottom. |
Aug 18, 2015 11:08 AM
#2999
al_exs said: Thank you so much ^_^That should fix the 3 line issue of the top bar. |
Aug 18, 2015 6:56 PM
#3000
filauria said: Lagann_Taku said: Hey, I'm not really an expert on this, but I have a question that should have a pretty simple answer. How do I lower the tags section on my anime list so the cover image isn't blocking it in the top left? http://myanimelist.net/animelist/Lagann_Taku add this at the bottom. Cool, that seems to have fixed it. Arigatou. |
More topics from this board
» theme helpthreat - Jul 5 |
5 |
by Zaryf
»»
Aug 21, 5:46 AM |
|
» [CSS - Modern] 🍰 Clarity by V.L ( 1 2 3 4 5 ... Last Page )Valerio_Lyndon - Apr 19, 2018 |
1261 |
by KiranaStarr
»»
Aug 16, 5:48 PM |
|
» [CSS] ⭐️ Customize your List Cursor + Cursor FixesShishio-kun - Mar 8, 2021 |
30 |
by Shishio-kun
»»
Jul 28, 3:17 AM |
|
» How To Have Different Banner/Cover image & Background Image For Manga & Anime ListsYasminaRegina - Jul 25 |
2 |
by YasminaRegina
»»
Jul 26, 1:02 AM |
|
Sticky: » 💚 [REPAIR STICKY] Repair/speed up layouts + Request layout fixes ( 1 2 )Shishio-kun - Nov 17, 2023 |
52 |
by LucaBalsa
»»
Jul 6, 2:02 PM |