Marius_BC said: you can't. You have to make two separate styles.Hello i have a question about override option, how can i include the dvd anime covers and manga covers in my style list but each one to work on anime respectivly manga page list, or at least to exclude the manga page list and to work only on anime page. I would very much appreciate if you can help me . |
         |
Marius_BC said: That ain’t possible either. Would be a thing to write on MAL's suggestion board, though I doubt it would be implemented any time soon.Oiomi-chan said: you can't. You have to make two separate styles. I have an anime style and a manga style, i am interested in override option from MAL. Unfortunately i can't select an override style for anime and one for manga, i am interested if i could at least exclude the override option on manga list pages |
|
BoyScouts1 said: that is because the files in question has been moved. Go to the square layout topic, Shishio has been puting some kind of solution together.BoyScouts1 said: Hi again, so recently I went on a vacation for about 2 weeks and my MAL anime layout was working fine, than I come back and see it completely messed up, do you know how to fix this? Anime List: http://myanimelist.net/animelist/BoyScouts1 My CSS Theme, its easiest to post it in this google drive: https://docs.google.com/document/d/1dVozb0vuPIzve0_YndvNxqQAo6k9kcsIBvptmtdvK6o/edit?usp=sharing My Layout used to look something like this: http://i.imgur.com/A6boI66.jpg Now it looks like this: http://i.imgur.com/YZk5a2Q.jpg Can you please show me a fix because i absolutely loved that Layout, and i would hat to let go of it. Can someone please help me... im desperate for my old layout. |
|
BoyScouts1 said: BoyScouts1 said: Hi again, so recently I went on a vacation for about 2 weeks and my MAL anime layout was working fine, than I come back and see it completely messed up, do you know how to fix this? Anime List: http://myanimelist.net/animelist/BoyScouts1 My CSS Theme, its easiest to post it in this google drive: https://docs.google.com/document/d/1dVozb0vuPIzve0_YndvNxqQAo6k9kcsIBvptmtdvK6o/edit?usp=sharing My Layout used to look something like this: http://i.imgur.com/A6boI66.jpg Now it looks like this: http://i.imgur.com/YZk5a2Q.jpg Can you please show me a fix because i absolutely loved that Layout, and i would hat to let go of it. Can someone please help me... im desperate for my old layout. http://myanimelist.net/forum/?topicid=1398354  |
Shishio-kunJun 24, 2015 2:52 PM
Codetester said: That would be the category buttons, like Completed and stuff.I'm currently trying to learn css and I'am really confused about the .status_selected a and .status_not_selected a. What does this code mean, i get body means the whole page, and list surround is the whole list but .status_selected a I don't get, can someone please explain it to me? Sorry for taking up your times guys! >.< |
|
| I have seen some lists with options to order the list by score or completion or type and such. I tried looking through the source code but I didn't exactly find how it was made. Could someone tell me how its done so I can try to add it to my list as well. |
 |
DesuTronic said: I have seen some lists with options to order the list by score or completion or type and such. I tried looking through the source code but I didn't exactly find how it was made. Could someone tell me how its done so I can try to add it to my list as well. Do you mean to sort the list by score? If it is you can just press the "score" button on your list so that it will sort as the score order. |
 Hi there! Nice to meet you. I'm Lycelra ~❤- Signature by Isa - |
Lycelra_ said: DesuTronic said: I have seen some lists with options to order the list by score or completion or type and such. I tried looking through the source code but I didn't exactly find how it was made. Could someone tell me how its done so I can try to add it to my list as well. Do you mean to sort the list by score? If it is you can just press the "score" button on your list so that it will sort as the score order. Yea I do mean that. Would there be an easy way to make duplicates of that? To have one on the header and the one of the sidebar for example. |
|
DesuTronic said: Probably not. There's only one direct link on the page and we can't make another link in the page. I can't really sure that so you need to wait another pro to answer the question for you. :DYea I do mean that. Would there be an easy way to make duplicates of that? To have one on the header and the one of the sidebar for example. |
Hi there! Nice to meet you. I'm Lycelra ~❤- Signature by Isa - |
| If you're just trying to make duplicates of a link, then you make copies with before and after codes. .table_header:nth-child(3) a:nth-child(1):before{ color: red !important; content: "Copy of score A" !important; position: fixed !important; top: 200px !important; left: 0 !important; height: 40px !important; width: 200px !important; display: block !important; background: blue !important; } You could remold this for the sidebar and make one more for the header like you want. You can make one more this way by replacing "before" with "after" in the code name. There are probably more ways to make duplicates but these are the easiest imo. Keep all the codes since you have to direct where it goes and how big it is or else it may not appear (you can adjust the numbers and colors tho). It still might share some properties with the original score buttons. |
| You also have an extra closing bracket at the bottom of your code so nothing added will work right below that, remove it looks like this: } |
| I'll see what I can do. Thank you so far. |
|
| Okay.. I tried to fix my manga list but it was worse than before.. someone can help me? :s |
Senior_Tybor said: Hard to tell. What's wrong?Okay.. I tried to fix my manga list but it was worse than before.. someone can help me? :s |
|
jakeranson said: Hello! I'm so close to wrapping up my list design, but I have a few nitpicks that I can't work out. The banners on my list at the top are randomly assigned, and I'd like the background to match the color of the banners. If I try to assign the background to be the same image as the banner, the character design is also displayed. Is there a way to only display the color of the banner's background as the list background? My Code: As far as I know, no. You could assign each category a different character (for example haku always being the header for currently watching, but you'd have to narrow it down to 5 characters/colours)... But maybe someone else has a solution for randomly assigned banners, as I'm not 100% sure about it being impossible. |
senator said: So I guess no one felt like PM'ing me to assist.. Guess I'll ask here then.. More details in Spoilers. 1. How can I fix that the numbers at later stages, when they are more wide, wouldn't run into the title of the show? 2. How can the overly long titles be shortened down in order to maintain the "symmetry" of the whole list? 3. And last but not least, how can I make it so, that the floating covers stuck to the bottom of the screen on any resolution? If Shishio, or anyone else would be so kind and help me out, then I'd be very grateful. Those little things have been troubling me for quite a while :I please use this Ask questions topic for replies and any more questions like this from now on. Its preferable to trying to use the club front page comments to answer ppl due to lack of editing and limited width there. also ppl can quote you here and your question won't be buried within a day, and you can even easily bump it later. 1. padding after numbers or before general title selectors, example (remove red after) .td1:nth-child(1), .td2:nth-child(1) { background-color: red; padding-right: 10px; } 2. You could rename the titles to do that with specific ones to make them what you want. The number is in the specific anime's url. remove red after its just to show where the change is .animetitle[href*="anime/23447/"] { font-size: 0; } .animetitle[href*="anime/23447/"]:after { background: red; font-size: 16px; content: "This is the new name"; } 3. Find the cover's positioning settings which are outlined in the code with notes under COVER AREA it seems. use bottom instead of top. set bottom to zero or close- cover starts at bottom on any screen res this way |
Shishio-kunJun 30, 2015 6:01 PM
| Help! For some reason, now when I go to other people's profiles, my list style shows up on there's, so I can't view other people's unless I go to an incog. window! Thanks! |
 |
TheExplorer said: Help! For some reason, now when I go to other people's profiles, my list style shows up on there's, so I can't view other people's unless I go to an incog. window! Thanks! Try going to list settings and see if Style Override is checked, uncheck them and save settings |
| Has anyone ever told you that you are a Kamisama? I forever bow in gratitude to the fortunes and blessing you bestow on me with your abyss of knowledge. (THANK YOUUUUUU~~~) |
|
| I don't know about fuzzy, but opacity is usually changed when you have the format of rbga (122, 122, 122, 0.7) instead of #00000 (These are all hypothetical #'s) If there is something you want to change the opacity of, change the last number of the four to change opacity (in the example, you would change 0.7 to maybe 0.5 for instance). And by looking at your list, I think the fuzziness may just be coming from either the background fooling up the font, or the font itself. Maybe change those. |
|
Thank you, I managed to fix those little things. But now 1 other thing is there, that I couldn't notice when the number column and the title were tightly together.. Picture The more narrow numbers seem to change how the title is positioned. Say it ends with a One , then the title is drawn more to the left as the number isn't wide enough for it to maintain the position. Thanks again :# -S |
 |
Senator said: Thank you, I managed to fix those little things. But now 1 other thing is there, that I couldn't notice when the number column and the title were tightly together.. Picture The more narrow numbers seem to change how the title is positioned. Say it ends with a One , then the title is drawn more to the left as the number isn't wide enough for it to maintain the position. Thanks again :# -S try to replace your old code with this, puts padding on the left of the titles instead /*COLUMN SPACING BETWEEN # AND TITLE*/ .td1:nth-child(2), .td2:nth-child(2) { padding-left: 10px; } |
Shishio-kun said: Senator said: Thank you, I managed to fix those little things. But now 1 other thing is there, that I couldn't notice when the number column and the title were tightly together.. Picture The more narrow numbers seem to change how the title is positioned. Say it ends with a One , then the title is drawn more to the left as the number isn't wide enough for it to maintain the position. Thanks again :# -S try to replace your old code with this, puts padding on the left of the titles instead /*COLUMN SPACING BETWEEN # AND TITLE*/ .td1:nth-child(2), .td2:nth-child(2) { padding-left: 10px; } Tried that, didn't change anything and it appears the same as with the old code I think it needs like a buffer zone for certain numbers, not sure what I'm talking about tho, lol |
SenatorJul 1, 2015 1:52 PM
|
| OK are you saying that titles aren't 100% perfectly aligned (which is true) and you're trying to fix that? You can increase the width of the score part: .td1:nth-child(1), .td2:nth-child(1) { background: red; width: 40px !important; } .td1:nth-child(2), .td2:nth-child(2) { background: blue; } The colors can show you how aligned these two columns are and be removed after. With this everything aligns in a Firefox preview. You can lower the padding of the previous code now too if you want. Also if you're trying to realign the text's direction within the box try these optional codes (left can be replaced with right): .td1:nth-child(1), .td2:nth-child(1) { text-align: left; } .td1:nth-child(2), .td2:nth-child(2) { text-align: left; } If neither of those work for you then I'm not sure what you're asking for. You could you do a blueprint to show how it would look if it was "perfect". |
Shishio-kun said: Heyyo, nah that was exactly what I was after, that all stuff is properly aligned xD , everything's fixed now so thank you very much ^^ . Until next time, when I get pissy over something o/ *edit* Well I already found 1 other thing ... lol, didn't even take 5 minutes. Picture Is it possible to make the "hovering color" transition over the entire row? Not only the section, where mouse is placed, but the lot of it. On the picture the mouse is position over the title row and only highlights that. Also there's a special line for the color of that highlight, isn't there :I |
SenatorJul 1, 2015 3:51 PM
|
| replace the color #00000 or whatever the color is with the rgba format. Example: |
|
Senator said: Shishio-kun said: Heyyo, nah that was exactly what I was after, that all stuff is properly aligned xD , everything's fixed now so thank you very much ^^ . Until next time, when I get pissy over something o/ *edit* Well I already found 1 other thing ... lol, didn't even take 5 minutes. Picture Is it possible to make the "hovering color" transition over the entire row? Not only the section, where mouse is placed, but the lot of it. On the picture the mouse is position over the title row and only highlights that. Also there's a special line for the color of that highlight, isn't there :I instead of this: .category_totals:HOVER,
.td1:HOVER,
.td2:HOVER,
#grand_totals:HOVER,
#copyright:HOVER {background-color:rgba(12, 26, 171, 0.400);
border-width:0;
}use this: .category_totals:HOVER,
tr:HOVER td[class^="td"],
#grand_totals:HOVER,
#copyright:HOVER {background-color:rgba(12, 26, 171, 0.400);
border-width:0;
} |
filauria said: Senator said: [/spoiler][spoiler] Heyyo, nah that was exactly what I was after, that all stuff is properly aligned xD , everything's fixed now so thank you very much ^^ . Until next time, when I get pissy over something o/ *edit* Well I already found 1 other thing ... lol, didn't even take 5 minutes. Picture Is it possible to make the "hovering color" transition over the entire row? Not only the section, where mouse is placed, but the lot of it. On the picture the mouse is position over the title row and only highlights that. Also there's a special line for the color of that highlight, isn't there :I instead of this: .category_totals:HOVER,
.td1:HOVER,
.td2:HOVER,
#grand_totals:HOVER,
#copyright:HOVER {background-color:rgba(12, 26, 171, 0.400);
border-width:0;
}use this: .category_totals:HOVER,
tr:HOVER td[class^="td"],
#grand_totals:HOVER,
#copyright:HOVER {background-color:rgba(12, 26, 171, 0.400);
border-width:0;
}That worked out nicely. Thanks. I'm guessing the background color is the color for the highlight |
|
| Hello everyone, I tried to use the Pyscho-pass sliding menu from here , but when I hover over the button , it also shows the default category text (on top left) In the button text area the color is set to transparent, but it still appears ... Here is an image of how it looks Regards, Daniel |
DaNy3LLJul 3, 2015 9:52 AM
 |
DaNy3LL said: Hello everyone, I tried to use the Pyscho-pass sliding menu from here , but when I hover over the button , it also shows the default category text (on top left) In the button text area the color is set to transparent, but it still appears ... Here is an image of how it looks Regards, Daniel add td[class^="status"] a
{color: transparent !important;
font-size: 0 !important;}Senator said: [/spoiler]instead of this: .category_totals:HOVER,
.td1:HOVER,
.td2:HOVER,
#grand_totals:HOVER,
#copyright:HOVER {background-color:rgba(12, 26, 171, 0.400);
border-width:0;
}use this: .category_totals:HOVER,
tr:HOVER td[class^="td"],
#grand_totals:HOVER,
#copyright:HOVER {background-color:rgba(12, 26, 171, 0.400);
border-width:0;
}That worked out nicely. Thanks. I'm guessing the background color is the color for the highlight[/quote] yes, that's right ScottTheHuman said: Just tried .category_totals, .td1, .td2, #grand_totals, #copyright { background: rgba(48, 48, 48, 0.5) !important; } but nothing changed which seems really odd to me. it did change, but if it's the same colour it won't be visible. try picking a color then convert it from hex to rgb (http://www.javascripter.net/faq/hextorgb.htm) |
filauria said: DaNy3LL said: Hello everyone, I tried to use the Pyscho-pass sliding menu from here , but when I hover over the button , it also shows the default category text (on top left) In the button text area the color is set to transparent, but it still appears ... Here is an image of how it looks Regards, Daniel add td[class^="status"] a
{color: transparent !important;
font-size: 0 !important;}THANK YOU VERY MUCH ! |
|
| *Edit: I figured something out after I posted this so I changed the codes and picture* Hi, can someone help me out here? I was modifying my list and tried to add row highlights, but I already had the cover/mini-reviews set up. Well what ended up happening is that the mini-review area gets highlighted too, instead of staying the same color like it's supposed to. Here's a picture of it: Here's the code for the covers/mini-reviews: and here's what I have for the row highlights: And here's everything: And if anyone could help me get rid of my top bar that would be great... I don't see it when I'm logged in but everyone else does :/ |
laputiaJul 12, 2015 10:05 PM
 |
| They changed html /* LOGOUT */ #mal_cs_listinfo div:last-of-type a /* FAQ*/ #mal_cs_otherlinks div a[href$="/forum/"] /* SHARED ANIME-MANGA*/ #mal_cs_otherlinks div a[href*="shared"] |
 |
| This is FAQ when logged in #mal_cs_otherlinks div a[href$="/forum/"] and not logged in #mal_cs_otherlinks div a[href*="/forum/?"] |
|
| Hello! Randomly today I had this problem  It's not supposed to look like that xD The icons for Add/Home/Animelist/Mangalist are gone, though the links are still there and it seems a second line is being used for some reason and the the section seperator lines are longer than the bar. I am using a code for the bar from a list around here from when dropbox accounts kept getting suspended cause of traffic. Can anyone help please? |
   |
| My Layout Now let's say I want this Animated GIF to show up on my style sheet here: and that it keeps looping, how do I put the .gif in the code? Here's the code for this specific button: 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? |
KuronekoFanJul 22, 2015 11:20 PM
| Is there anyway to animate the more info div (with the class ".hide") when it appears? I don't like how it just appears and disappears without some sort of transition. Is there anyway to make this happen with CSS? Example: Before: After: |
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 |