| @Shishio-kun Yeah that's the code I need it in, would be greatly appreciated if you can find a fix and if not, don't worry about it, it's not essential, just useful to have. |
| @elvenYT OK try this version and let me know if its ok. The spacebar with stars is broken, so I had to fix it up but this is a version of your layout with the space bar with stars, seems ok overall. You can turn the 21165 to 21167 in the second line to remove teh stars @import "http://fonts.googleapis.com/css?family=Advent+Pro"; @import url(https://storage.live.com/items/4A07C1EEED420167%21165); * { text-decoration: none; } body { background-size: cover !important; background-attachment: fixed !important; background-color: transparent; background-image: url("http://i.imgur.com/WxYgSus.jpg"); background-repeat: no-repeat; font-family: pristina; } #background { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 0; } .stretch { width:100%; height:100%; } #list_surround { background-attachment: fixed; background-position: 24% 0; background-repeat: no-repeat no-repeat; font-size: 17px; margin-left: 15% !important; line-height: 1; margin: 0 auto; padding-bottom: 13px; padding-top: 35px; width: 830px; z-index: 0; } a { color: white; text-shadow: none; } tr:hover td.td1 a, tr:hover td.td1, tr:hover td.td2 a, tr:hover td.td2 { color: #DA0000; transition: all 0.6s ease 0s; } a:hover { color: #DA0000; text-shadow: 0 1px rgba(255, 0, 0, 0.0); } .table_header { } .table_header:first-of-type { border-radius: 20px 0 0 0; } .table_header:nth-of-type(2) { text-align: left; } .table_header:nth-of-type(5) { border-bottom-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 20px; } .category_totals { background-color: #000000; border: 0 none; opacity: 1; padding: 4px; text-align: center; vertical-align: top; } .td1, .td2 { background-image: url("http://i.imgur.com/F3fON31.jpg"); padding: 4px; opacity: 0.7; } .td1:nth-of-type(2), .td2:nth-of-type(2) { text-align: left; } .table_header:nth-of-type(6) { display: none; width: 0; } small { color: #DA0000; font-weight: bold; } .table_header, .td1, .td2, .category_totals { color: grey; } .borderRBL { line-height: normal !important; } [cellspacing="0"] { line-height: 16px; } .category_totals { background-color: black; border-radius: 0 0 12px 12px; text-align: center; } .category_totals:hover { background-color: #da007b; color: #ffffff; } [class^="header_"] * { background-repeat: no-repeat; font-size: 0; height: 80px; line-height: 80px; padding-bottom: 0px; text-align: right; vertical-align: bottom; } .header_title { border-radius: 4px 4px 4px 4px; color: #DA0000; display: inline-block; font-style: italic; height: auto; padding: 0 8px 0 0; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } #grand_totals { background-color: #00da69; border: 0 none; border-radius: 3px 3px 3px 3px; color: white; line-height: 20px; min-height: 20px; padding: 8px; text-align: center; vertical-align: middle; } .header_cw { background-color: transparent; background-image: url("http://i.imgur.com/faCge42.png"); background-position: 0% 0; background-repeat: no-repeat no-repeat; height: 30px; } .header_completed { background-color: transparent; background-image: url("http://i.imgur.com/Esghy96.png"); background-position: 0% 0; background-repeat: no-repeat no-repeat; height: 30px; } .header_onhold { background-color: transparent; background-image: url("http://i.imgur.com/pREJO1j.png"); background-position: 0% 0; background-repeat: no-repeat no-repeat; height: 30px; } .header_dropped { background-color: transparent; background-image: url("http://i.imgur.com/mM7OrOw.png"); background-position: 0% 0; background-repeat: no-repeat no-repeat; height: 30px; } .header_ptw { background-color: transparent; background-image: url("http://i.imgur.com/UfhU1SG.png"); background-position: 0% 0; background-repeat: no-repeat no-repeat; height: 30px; } .td1:nth-of-type(6), .td2:nth-of-type(6) { background-color: #DA0000 !important; border-color: white; border-radius: 25px 25px 25px 25px; border-style: solid; border-width: 1px; display: none; height: auto; left: 0; padding: 12px 17px 16px 23px; position: fixed; top: 462px; width: 184px; z-index: 1; } |
Shishio-kunFeb 25, 2017 8:56 PM
Himaripop said: Hi—is there any way to increase the width of the tag section in the modren layout (so that my list doesn't stretch too far vertically)? Thanks a ton! :-) .list-table .list-table-data .data.tags { word-wrap: break-word; width: 227px !important; } Try adding that, you can increase the px amount. Since your list is set to private, I cant tell you exactly what code you should add but that CSS is for a normal modern layout |
MsBloodySunday said: Hey guys just wanted to ask you for your opinion/help =) So I've been making a favorite list on my profile, but I can't figure out how to place the pictures right next to my text using as few space as possible. So it should look like this (all on the same height) Extended Favorite People List :
But when I try to add images on the right side next to the name it always takes at least 4 paragraphs. I even tried using small pictures like 128x64 it's just for identifying the character quickly. I also thought about making it something like NAME PIC NAME PIC centered in the middle Just wanted to ask if you know a better/easier way :P PS: I know it's not as fancy as yours sorry Have a nice day :=) Can you post the BBcode you tried that had the pictures in it? Maybe it can be reworked to do what you want, tho just telling you now I dont know how to work BBcode img align codes well |
| This is what I tried 1. pictures show when clicking the spoiler (meh too much space used)
2. center (too far on the right
3. img align right (way too far right)
4. img aline left (it's on the left who would've thought)
5. this one probably comes the closest, but the picture is too close to the text and the name is not on the correct height.
|
 |
| @MsBloodySunday Well for #5, if you add space before the image tags, then it won't be so close that it cuts off the sentence.
I'll mess around with some other set ups for a bit but I think this is the closest you will get without tailoring a whole graphic design to look how you want [list] [*]Ozawa, Ari [url=https://myanimelist.net/people/27395/Ari_Ozawa?q=ozawa%20a][img]http://i.imgur.com/wpbczDY.jpg[/img][/url] [*]Hayashibara, Megumi [url=https://myanimelist.net/people/27395/Ari_Ozawa?q=ozawa%20a][img]http://i.imgur.com/wpbczDY.jpg[/img][/url] [*]Imai, Asami [url=https://myanimelist.net/people/27395/Ari_Ozawa?q=ozawa%20a][img]http://i.imgur.com/wpbczDY.jpg[/img][/url] [*]ZAQ [url=https://myanimelist.net/people/27395/Ari_Ozawa?q=ozawa%20a][img]http://i.imgur.com/wpbczDY.jpg[/img][/url] [*]Inaba, Minori [url=https://myanimelist.net/people/27395/Ari_Ozawa?q=ozawa%20a][img]http://i.imgur.com/wpbczDY.jpg[/img][/url] [/list] This is the centering one you were talking about
[list] [center][*]Ozawa, Ari [url=https://myanimelist.net/people/27395/Ari_Ozawa?q=ozawa%20a] [img]http://i.imgur.com/wpbczDY.jpg[/img][/url] [*]Hayashibara, Megumi [url=https://myanimelist.net/people/27395/Ari_Ozawa?q=ozawa%20a][img]http://i.imgur.com/wpbczDY.jpg[/img][/url] [*]Imai, Asami [url=https://myanimelist.net/people/27395/Ari_Ozawa?q=ozawa%20a][img]http://i.imgur.com/wpbczDY.jpg[/img][/url] [*]ZAQ [url=https://myanimelist.net/people/27395/Ari_Ozawa?q=ozawa%20a][img]http://i.imgur.com/wpbczDY.jpg[/img][/url] [*]Inaba, Minori [url=https://myanimelist.net/people/27395/Ari_Ozawa?q=ozawa%20a][img]http://i.imgur.com/wpbczDY.jpg[/img][/url][/center] [/list] This is another set up
[list] [*]Ozawa, Ari [url=https://myanimelist.net/people/27395/Ari_Ozawa?q=ozawa%20a][img align=left]http://i.imgur.com/wpbczDY.jpg[/img][/url] [*]Ozawa, Ari [url=https://myanimelist.net/people/27395/Ari_Ozawa?q=ozawa%20a][img align=left]http://i.imgur.com/wpbczDY.jpg[/img][/url] [*]Ozawa, Ari [url=https://myanimelist.net/people/27395/Ari_Ozawa?q=ozawa%20a][img align=left]http://i.imgur.com/wpbczDY.jpg[/img][/url] [/list] |
Shishio-kunFeb 27, 2017 5:06 PM
| Thank you very much it works <3 |
|
| @Shishio-kun (Autocorrect thinks you are called pincushion :) First up, you are a legend for attempting to fix the problem and I love you for it. While this has fixed the top bar, it hasn't fixed the issue with the table header of all sections disappearing (look below the section titles, e.g. Completed). Is it also possible to stretch the stars across the width of the page (using the pixel x pixel value on the background-size property) and again the scaling for zoom like with background (with the background-position: fixed etc) and where would that go to modify the star attachment's properties? is it not background but image-size: etc. or whatnot? Original bars: https://gyazo.com/ad2c4d7139ef1b17cee330b7715ee691 Current fix: https://gyazo.com/2754914224eac1757be17057a7b958e5 |
ElvenYT said: @Shishio-kun (Autocorrect thinks you are called pincushion :) First up, you are a legend for attempting to fix the problem and I love you for it. While this has fixed the top bar, it hasn't fixed the issue with the table header of all sections disappearing (look below the section titles, e.g. Completed). Is it also possible to stretch the stars across the width of the page (using the pixel x pixel value on the background-size property) and again the scaling for zoom like with background (with the background-position: fixed etc) and where would that go to modify the star attachment's properties? is it not background but image-size: etc. or whatnot? Original bars: https://gyazo.com/ad2c4d7139ef1b17cee330b7715ee691 Current fix: https://gyazo.com/2754914224eac1757be17057a7b958e5 I don't see what you're trying to tell me with the Gyazo links. Can you leave the problem on your list so I can fix it there? With the version I posted, I don't see the headers disappearing. I don't follow what you're saying for: (using the pixel x pixel value on the background-size property) and again the scaling for zoom like with background (with the background-position: fixed etc) and where would that go to modify the star attachment's properties? is it not background but image-size: etc. or whatnot But maybe what you want is: #inlineContent:before { content: ""; background: url("http://i.imgur.com/sjKRI43.png") no-repeat scroll center 0px transparent; background-size: cover; width: 100% !important; } |
Shishio-kunMar 8, 2017 9:28 PM
| Hello, I would like to change my list's color, here's a screenshot https://gyazo.com/7862f34ddaaaef6ce128dbd25f128d37 as you can see, it's hardly readable, So I'd like to know if something can be done, and oubviously change the bar on the top and the "all anime" "currently watching" etc... thank you! I hope by postion this I ain't bothering someone. Thanks |
lendidi said: Hello, I would like to change my list's color, here's a screenshot https://gyazo.com/7862f34ddaaaef6ce128dbd25f128d37 as you can see, it's hardly readable, So I'd like to know if something can be done, and oubviously change the bar on the top and the "all anime" "currently watching" etc... thank you! I hope by postion this I ain't bothering someone. Thanks We have some ways but here's a simple solution that may work. You can change to one of the other default colors: https://myanimelist.net/ownlist/style Just click the bubbles under the color scheme you want and then click Save at the bottom. Does that solve the issue for you? |
Shishio-kun said: Hello again, I'd like to have a Pink but a bit lighter, so that won't work, sorry haha, if it's not to much of a bother fo you, I'll go with the hard way! thank youlendidi said: Hello, I would like to change my list's color, here's a screenshot https://gyazo.com/7862f34ddaaaef6ce128dbd25f128d37 as you can see, it's hardly readable, So I'd like to know if something can be done, and oubviously change the bar on the top and the "all anime" "currently watching" etc... thank you! I hope by postion this I ain't bothering someone. Thanks We have some ways but here's a simple solution that may work. You can change to one of the other default colors: https://myanimelist.net/ownlist/style Just click the bubbles under the color scheme you want and then click Save at the bottom. Does that solve the issue for you? |
lendidi said: Shishio-kun said: Hello again, I'd like to have a Pink but a bit lighter, so that won't work, sorry haha, if it's not to much of a bother fo you, I'll go with the hard way! thank youWe have some ways but here's a simple solution that may work. You can change to one of the other default colors: https://myanimelist.net/ownlist/style Just click the bubbles under the color scheme you want and then click Save at the bottom. Does that solve the issue for you? OK well we need to know what colors and text you want to change specifically. This should get you started. First you can go to your CSS page and add these to the custom CSS on that page https://myanimelist.net/ownlist/style .list-unit .list-status-title .text { color: red !important; } .list-unit .list-status-title { background-color: pink !important; } Change the red to the color you want for the header's text (All Anime etc) and the pink to the shade of pink for that big pink bar in the middle of the list. Then save when done. btw instead of using a color name, you can get color codes from here to replace the red, pink etc. https://www.w3schools.com/colors/colors_picker.asp If there's other colors you want to change you got to point out the text that needs to be changed, since they all have their own codes. |
| It's changed back to the style with issues. If you look at the top bar, the stars don't cover the page horizontally, they stop with gaps either side. I was hoping there was a simple fix to that rather than photoshopping the image and if that would create more problems and what would need to be changed then. The problem is the header bar, the black bar that usually sits Below the "Currently watching" Title and above the entries for the list itself. THIS: https://gyazo.com/999f7af58a47f68683a8b92882ab638c In the broken one that is currently set as my list, you can see they are absent. Just that and the stars not covering, but everything else works perfectly :) |
Shishio-kun said: Thank you very much, gonna try it now, thank you for your time manlendidi said: Hello again, I'd like to have a Pink but a bit lighter, so that won't work, sorry haha, if it's not to much of a bother fo you, I'll go with the hard way! thank you OK well we need to know what colors and text you want to change specifically. This should get you started. First you can go to your CSS page and add these to the custom CSS on that page https://myanimelist.net/ownlist/style .list-unit .list-status-title .text { color: red !important; } .list-unit .list-status-title { background-color: pink !important; } Change the red to the color you want for the header's text (All Anime etc) and the pink to the shade of pink for that big pink bar in the middle of the list. Then save when done. btw instead of using a color name, you can get color codes from here to replace the red, pink etc. https://www.w3schools.com/colors/colors_picker.asp If there's other colors you want to change you got to point out the text that needs to be changed, since they all have their own codes. |
Shishio-kun said: lendidi said: Hello again, I'd like to have a Pink but a bit lighter, so that won't work, sorry haha, if it's not to much of a bother fo you, I'll go with the hard way! thank you OK well we need to know what colors and text you want to change specifically. This should get you started. First you can go to your CSS page and add these to the custom CSS on that page https://myanimelist.net/ownlist/style .list-unit .list-status-title .text { color: red !important; } .list-unit .list-status-title { background-color: pink !important; } Change the red to the color you want for the header's text (All Anime etc) and the pink to the shade of pink for that big pink bar in the middle of the list. Then save when done. btw instead of using a color name, you can get color codes from here to replace the red, pink etc. https://www.w3schools.com/colors/colors_picker.asp If there's other colors you want to change you got to point out the text that needs to be changed, since they all have their own codes. Excuse me what did I do wrong? Only this changed: https://gyazo.com/a4593e467fdb803d72cbf6b6f0c6ae41 the code: https://gyazo.com/b5ad7ebddaf28c071e337c688af1285f I'd like to change the "all anime" "watching" etc... and the anime names/scores etc, if possible! thanks |
lendidi said: Shishio-kun said: OK well we need to know what colors and text you want to change specifically. This should get you started. First you can go to your CSS page and add these to the custom CSS on that page https://myanimelist.net/ownlist/style .list-unit .list-status-title .text { color: red !important; } .list-unit .list-status-title { background-color: pink !important; } Change the red to the color you want for the header's text (All Anime etc) and the pink to the shade of pink for that big pink bar in the middle of the list. Then save when done. btw instead of using a color name, you can get color codes from here to replace the red, pink etc. https://www.w3schools.com/colors/colors_picker.asp If there's other colors you want to change you got to point out the text that needs to be changed, since they all have their own codes. Excuse me what did I do wrong? Only this changed: https://gyazo.com/a4593e467fdb803d72cbf6b6f0c6ae41 the code: https://gyazo.com/b5ad7ebddaf28c071e337c688af1285f I'd like to change the "all anime" "watching" etc... and the anime names/scores etc, if possible! thanks idk what happened, without seeing the codes live on your list I can't really say idk what you mean by "etc". that can mean something completely different to you. Also there are two places where you see "All Anime watching etc" text. Try this, it changes many of the linked texts to red and you can change the word red to what you want. If there are any issues leave it in please .list-unit .list-status-title .text { color: red !important; } .list-unit .list-status-title { background-color: pink !important; } .list-table .list-table-data .data a{ color: red !important; } .list-table .list-table-header .header-title .link{ color: red !important; } .status-menu-container .status-menu .status-button.on{ color: red !important; } .status-menu-container .status-menu .status-button{ color: red !important; } They need to be added here  |
Shishio-kun said: Thank you it worked! here's my list if you want to see! thank you very much again for the time you spent helping me, I'm grateful!lendidi said: Excuse me what did I do wrong? Only this changed: https://gyazo.com/a4593e467fdb803d72cbf6b6f0c6ae41 the code: https://gyazo.com/b5ad7ebddaf28c071e337c688af1285f I'd like to change the "all anime" "watching" etc... and the anime names/scores etc, if possible! thanks idk what happened, without seeing the codes live on your list I can't really say idk what you mean by "etc". that can mean something completely different to you. Also there are two places where you see "All Anime watching etc" text. Try this, it changes many of the linked texts to red and you can change the word red to what you want. If there are any issues leave it in please .list-unit .list-status-title .text { color: red !important; } .list-unit .list-status-title { background-color: pink !important; } .list-table .list-table-data .data a{ color: red !important; } .list-table .list-table-header .header-title .link{ color: red !important; } .status-menu-container .status-menu .status-button.on{ color: red !important; } .status-menu-container .status-menu .status-button{ color: red !important; } They need to be added here https://myanimelist.net/animelist/lendidi |
| Hey guys. I had a .css file in Dropbox but since it stopped making files public, I was wondering where I could place the file in order to be read by my list. I've tried giving a link to the list but it doesn't do the trick. |
| Got a problem, or let's say two problems with my lists. They appeared a long time ago, but now I want to repair them. On the anime list I have "double" top line on PLANNED bar. The same problem is on the manga list. Also, on the manga list I can't use the shortcuts in the right-top corner of the screen. Anime List Code Manga List Code |
F_E_A_R said: Hey guys. I had a .css file in Dropbox but since it stopped making files public, I was wondering where I could place the file in order to be read by my list. I've tried giving a link to the list but it doesn't do the trick. What layout were you using? |
Hanler said: Got a problem, or let's say two problems with my lists. They appeared a long time ago, but now I want to repair them. On the anime list I have "double" top line on PLANNED bar. The same problem is on the manga list. Also, on the manga list I can't use the shortcuts in the right-top corner of the screen. Anime List Code Manga List Code Find and remove /*NO ALL ANIME CATEGORY*/ .status_selected a[href*="status=7"], .status_not_selected a[href*="status=7"]{ display: none !important; } |
| Hi! 1st to say that I've been watching for some hours all these designs and tutorials and its a great work, thanks for sharing your knowledge :D now the question: I've edited Shelter Style Layout V3 (https://myanimelist.net/forum/?topicid=1568061) to my own tastes, but I want to add the bar of "# Image Anime Title Score Type Progress" on top of the list, could you help me please? |
 |
Shishio-kun said: Hanler said: Got a problem, or let's say two problems with my lists. They appeared a long time ago, but now I want to repair them. On the anime list I have "double" top line on PLANNED bar. The same problem is on the manga list. Also, on the manga list I can't use the shortcuts in the right-top corner of the screen. Anime List Code Manga List Code Find and remove /*NO ALL ANIME CATEGORY*/ .status_selected a[href*="status=7"], .status_not_selected a[href*="status=7"]{ display: none !important; } Ok, it's good now with category bar, thank you! What's about the second problem with not working shortcuts on the manga list? I can't go to the anime list from the manga list in just one click. It's not big problem, but I was wondering, what should I add in the code. I think, I missed something. |
YainmaX said: Hi! 1st to say that I've been watching for some hours all these designs and tutorials and its a great work, thanks for sharing your knowledge :D now the question: I've edited Shelter Style Layout V3 (https://myanimelist.net/forum/?topicid=1568061) to my own tastes, but I want to add the bar of "# Image Anime Title Score Type Progress" on top of the list, could you help me please? It will involve a lot of changes to the base codes, you'd better not to touch them. |
Takana_no_Hana said: YainmaX said: Hi! 1st to say that I've been watching for some hours all these designs and tutorials and its a great work, thanks for sharing your knowledge :D now the question: I've edited Shelter Style Layout V3 (https://myanimelist.net/forum/?topicid=1568061) to my own tastes, but I want to add the bar of "# Image Anime Title Score Type Progress" on top of the list, could you help me please? It will involve a lot of changes to the base codes, you'd better not to touch them. oww, kk, tnx anyway ^^ |
|
I've spent some time customizing my list on my own but I've hit a wall. I've modified a theme made by someone else that has: score and Type in the top bar.  I would like to remove type since I don't want it and replace it with progress a.k.a. how many episodes I've seen out of that anime. I've spent some time on this forum and even found that color coded list but I couldn't manage to understand what to do to make that happen. Thank you in advance! |
rengar18 said: Hello Shishio-kun! I've discovered recently that my CSS was made by you (nice job, by the way), it's the Saber in the blue background one. Recently it got a little bugged (and I can't explain with terms because my English doesn't have advanced vocabulary). I was recommended to come here to ask for help, so here I am, I'd appreciate if you could take a look at it and tell me what to do for it to come back to normal. Thanks in advance! The source for the topbar is broken, have to wait for the uploader to repair it then you reupload it I don't know when or if he will ever do that. |
Dddsasul said: I've spent some time customizing my list on my own but I've hit a wall. I've modified a theme made by someone else that has: score and Type in the top bar. I would like to remove type since I don't want it and replace it with progress a.k.a. how many episodes I've seen out of that anime. I've spent some time on this forum and even found that color coded list but I couldn't manage to understand what to do to make that happen. Thank you in advance! Remove and change columns here https://myanimelist.net/editprofile.php?go=listpreferences |
KawaiiTrix said: Hi! I was wondering how I can keep the default style for MAL but add the bar at the bottom of my list that has the number of TV, OVA, Movie, etc that I've watched. An example of what I mean is: http://i68.tinypic.com/2ebcnk1.jpg , that bar. Not sure what you're asking. When you say- default do you mean the default Modern list style or the default Classic list style? Your pic isn't showing up for me (try Imgur or another site) so I dont know what bar you mean. I see a stats bar is on both default list styles, if that's what you mean. |
Hanler said: Shishio-kun said: Find and remove /*NO ALL ANIME CATEGORY*/ .status_selected a[href*="status=7"], .status_not_selected a[href*="status=7"]{ display: none !important; } Ok, it's good now with category bar, thank you! What's about the second problem with not working shortcuts on the manga list? I can't go to the anime list from the manga list in just one click. It's not big problem, but I was wondering, what should I add in the code. I think, I missed something. I don't have the same problem when viewing my list with your CSS so I don't know what to tell you; you could fiddle with codes that have #mal in the start and see if that changes anything |
rengar18 said: Shishio-kun said: The source for the topbar is broken, have to wait for the uploader to repair it then you reupload it I don't know when or if he will ever do that. And how can I know when it'll be repaired so I can reupload? Some similar problems happened other times, but got fixed without me doing nothing (same css). I mass message the club members when layouts are repaired, so you'd hear about it in one of those notifications. https://myanimelist.net/forum/?topicid=1599709 |
KawaiiTrix said: Shishio-kun said: Not sure what you're asking. When you say- default do you mean the default Modern list style or the default Classic list style? Your pic isn't showing up for me (try Imgur or another site) so I dont know what bar you mean. I see a stats bar is on both default list styles, if that's what you mean. Ah, sorry for not being specific enough! I meant the modern list style. And here's the picture I put, but on imgur: http://imgur.com/a/7eECc Well I guess you should just install the custom layout you want, and then post back and ask to have the status bar restored back to the default one if it's not already how you want it. |
| Hey, I need help with this part of my layout please This cyan is messing up my color scheme.  I want to change it to a different color but I can't figure out where in this code to go to change it. Here is the code /*CATEGORY */ .status_not_selected a, .status_selected a { position: fixed !important; display: block !important; margin-top: 98px; padding-right: 4px; font-family: 'Oswald', sans-serif; color: rgba(48, 46, 49, 1) !important; line-height: 30px; font-size: 18px; text-align: right; right: 0px; height: 32px; width: 175px; background-color: rgba(205, 183, 158, 0.4); z-index: 20; } /* Currently watching */ .status_not_selected > a[href*="status=1"], .status_not_selected > a[href*="status=1"]:hover, .status_not_selected > a[href*="status=1"]:active, .status_selected > a[href*="status=1"] { display: block; top: 0px; border-top: dashed 2px rgba(123, 78, 75, 1); border-left: dashed 2px rgba(123, 78, 75, 1); border-right: dashed 2px rgba(123, 78, 75, 1); border-top-left-radius: 20em; -o-border-top-left-radius: 20em; -moz-border-top-left-radius: 20em; -webkit-border-top-left-radius: 20em; transition: color .5s linear, border-color .5s linear; -o-transition: color .5s linear, border-color .5s linear; -moz-transition: color .5s linear, border-color .5s linear; -webkit-transition: color .5s linear, border-color .5s linear; } .status_not_selected > a[href*="status=1"]:hover, .status_not_selected > a[href*="status=1"]:active, .status_selected > a[href*="status=1"] { color: #40E0D0 !important; border-color: rgba(123, 78, 75, 1); background-color: rgba(205, 183, 158, 0.4); } /* Completed */ .status_not_selected > a[href*="status=2"], status_not_selected > a[href*="status=2"]:hover, .status_not_selected > a[href*="status=2"]:active, .status_selected > a[href*="status=2"] { position: absolute; display: block; top: 32px; border-left: dashed 2px rgba(123, 78, 75, 1); border-right: dashed 2px rgba(123, 78, 75, 1); transition: color .5s linear, border-color .5s linear; -o-transition: color .5s linear, border-color .5s linear; -moz-transition: color .5s linear, border-color .5s linear; -webkit-transition: color .5s linear, border-color .5s linear; } .status_not_selected > a[href*="status=2"]:hover, .status_not_selected > a[href*="status=2"]:active, .status_selected > a[href*="status=2"] { color: #40E0D0 !important; border-color: rgba(123, 78, 75, 1); background-color: rgba(205, 183, 158, 0.4); } /* On Hold */ .status_not_selected > a[href*="status=3"], .status_not_selected > a[href*="status=3"]:hover, .status_not_selected > a[href*="status=3"]:active, .status_selected > a[href*="status=3"] { position: absolute; display: block; top: 64px; border-left: dashed 2px rgba(123, 78, 75, 1); border-right: dashed 2px rgba(123, 78, 75, 1); transition: color .5s linear, border-color .5s linear; -o-transition: color .5s linear, border-color .5s linear; -moz-transition: color .5s linear, border-color .5s linear; -webkit-transition: color .5s linear, border-color .5s linear; } .status_not_selected > a[href*="status=3"]:hover, .status_not_selected > a[href*="status=3"]:active, .status_selected > a[href*="status=3"] { color: #40E0D0 !important; border-color: rgba(123, 78, 75, 1); background-color: rgba(205, 183, 158, 0.4); } /* Dropped */ .status_not_selected > a[href*="status=4"], .status_not_selected > a[href*="status=4"]:hover, .status_not_selected > a[href*="status=4"]:active, .status_selected > a[href*="status=4"] { position: absolute; display: block; top: 96px; border-left: dashed 2px rgba(123, 78, 75, 1); border-right: dashed 2px rgba(123, 78, 75, 1); transition: color .5s linear, border-color .5s linear; -o-transition: color .5s linear, border-color .5s linear; -moz-transition: color .5s linear, border-color .5s linear; -webkit-transition: color .5s linear, border-color .5s linear; } { color: #40E0D0 !important; border-color: rgba(123, 78, 75, 1); background-color: rgba(205, 183, 158, 0.4); } /* Planned */ .status_not_selected > a[href*="status=6"], .status_not_selected > a[href*="status=6"]:hover, .status_not_selected > a[href*="status=6"]:active, .status_selected > a[href*="status=6"] { position: absolute; display: block; top: 128px; border-left: dashed 2px rgba(123, 78, 75, 1); border-right: dashed 2px rgba(123, 78, 75, 1); transition: color .5s linear, border-color .5s linear; -o-transition: color .5s linear, border-color .5s linear; -moz-transition: color .5s linear, border-color .5s linear; -webkit-transition: color .5s linear, border-color .5s linear; } .status_not_selected > a[href*="status=6"]:hover, .status_not_selected > a[href*="status=6"]:active, .status_selected > a[href*="status=6"] { color: #40E0D0 !important; border-color: rgba(123, 78, 75, 1); background-color: rgba(205, 183, 158, 0.4); } /*All */ .status_not_selected > a[href*="status=7"], .status_not_selected > a[href*="status=7"]:hover, .status_not_selected > a[href*="status=7"]:active, .status_selected > a[href*="status=7"] { position: absolute; display: block; top: 160px; border-left: dashed 2px rgba(123, 78, 75, 1); border-right: dashed 2px rgba(123, 78, 75, 1); border-bottom: dashed 2px rgba(123, 78, 75, 1); border-bottom-left-radius: 20em; -o-border-bottom-left-radius: 20em; -moz-border-bottom-left-radius: 20em; -webkit-border-bottom-left-radius: 20em; transition: color .5s linear, border-color .5s linear; -o-transition: color .5s linear, border-color .5s linear; -moz-transition: color .5s linear, border-color .5s linear; -webkit-transition: color .5s linear, border-color .5s linear; } .status_not_selected > a[href*="status=7"]:hover, .status_not_selected > a[href*="status=7"]:active, .status_selected > a[href*="status=7"] { color: #000000 important!; border-color: rgba(123, 78, 75, 1); background-color: rgba(205, 183, 158, 0.4); } |
Shishio-kun said: Hanler said: Ok, it's good now with category bar, thank you! What's about the second problem with not working shortcuts on the manga list? I can't go to the anime list from the manga list in just one click. It's not big problem, but I was wondering, what should I add in the code. I think, I missed something. I don't have the same problem when viewing my list with your CSS so I don't know what to tell you; you could fiddle with codes that have #mal in the start and see if that changes anything I will try in my free time. Thank you! |
| @Ari_the_Lioness This part in your code, change the color .status_not_selected > a[href*="status=1"]:hover, .status_not_selected > a[href*="status=1"]:active, .status_selected > a[href*="status=1"] {
color: #40E0D0 !important;
border-color: rgba(123, 78, 75, 1);
background-color: rgba(205, 183, 158, 0.4);
}Tips: use inspect element like this  |
| @Takana_no_Hana Thank you so much! :) I don't know why I didn't think of doing that before. *facepalms* |
Shishio-kun said: Dddsasul said: I've spent some time customizing my list on my own but I've hit a wall. I've modified a theme made by someone else that has: score and Type in the top bar. I would like to remove type since I don't want it and replace it with progress a.k.a. how many episodes I've seen out of that anime. I've spent some time on this forum and even found that color coded list but I couldn't manage to understand what to do to make that happen. Thank you in advance! Remove and change columns here https://myanimelist.net/editprofile.php?go=listpreferences I've removed the type from there but the episodes box is ticked and thney don't show  i've had them before using the theme, that means that the theme has the episodes thiny on diplay: none; could you give me the id or the class to remove it from the style? |
| I've been searching for a while but can't find the help I need. I am trying to figure out how to get the faint grey lines/boxes in the about-me section like in the below profile page. I see this in signatures a lot too but not sure what bbcode does this and the convert html to bbcode technique seems to ignore whatever table code that does this too. I want it to go all the way across under a png's transparency. If this requires different align code than found elsewhere to have text next to the large photo, any help with that would be much appreciated as well! https://myanimelist.net/profile/Damanks |
AholePony said: I've been searching for a while but can't find the help I need. I am trying to figure out how to get the faint grey lines/boxes in the about-me section like in the below profile page. I see this in signatures a lot too but not sure what bbcode does this and the convert html to bbcode technique seems to ignore whatever table code that does this too. I want it to go all the way across under a png's transparency. If this requires different align code than found elsewhere to have text next to the large photo, any help with that would be much appreciated as well! https://myanimelist.net/profile/Damanks They're using quote boxes containing an image align I think. I have an example here Layout Credits  Club Pic by HahaidoMain Menu Icons by Yorium Youtube Menu by Hahaido Esdeath Menu by Yorium/Hahaido/Shishio-kun Member Card Display by EMPERATRIX, Half_Bl00d, SylakentH, Yorium Akeno Menu by Hahaido Leaderboard bars by Yorium/Meomix/Shishio-kun the BBcode [b][size=130]Layout Credits[/size][/b][quote][url=http://myanimelist.net/clubs.php?cid=70797][img align=right]http://i.imgur.com/XDRgeWm.png[/img][/url][u]Club Pic[/u] by Hahaido [u]Main Menu Icons[/u] by Yorium [u]Youtube Menu[/u] by Hahaido [u]Esdeath Menu[/u] by Yorium/Hahaido/Shishio-kun [u]Member Card Display[/u] by EMPERATRIX, Half_Bl00d, SylakentH, Yorium [u]Akeno Menu[/u] by Hahaido [u]Leaderboard bars[/u] by Yorium/Meomix/Shishio-kun [/quote] |
Shishio-kun said: They're using quote boxes containing an image align I think. I have an example here Awesome, thanks Shishio. I didn't even think about that possibility. That sample you provided will be a big help to me as well. |
| Is it possible to have different backgrounds for each category (ie: Watching page would have a different background than the dropped page) in Modern CSS layouts? |
| This is a signature. It is used to hold images and words. However, I am using it to store these lines your reading right now! |
Butterstroke said: Is it possible to have different backgrounds for each category (ie: Watching page would have a different background than the dropped page) in Modern CSS layouts? Yes, it's possible. |
| Is there a thread or some themes specifically for themes that have tag sections? I like to write my opinion or some thoughts in the tag section, but many themes are not made for it and then everything looks messy. |
hiabara said: Is there a thread or some themes specifically for themes that have tag sections? I like to write my opinion or some thoughts in the tag section, but many themes are not made for it and then everything looks messy. I think there used to be but I stopped updating it since I was managing like hundreds of other threads. There's a few layouts under Layouts for Reviewers on the main premade layouts page, and you if you look under the Layouts with Covers you can see some with mini-reviews in the thumbnails. Many of the layouts that have built in cover support have some built in tag support too. https://myanimelist.net/forum/?topicid=318587 There's also a topic on adding the mini-review hover to any layout |
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
»»
Sep 13, 10:56 AM |
|
» 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 |