This layout is custom CSS. If you don't know how to install it, use the easy Beginner's Tutorial in this section: http://myanimelist.net/forum/?topicid=419405 The design has both anime and manga list styles. For more layouts check the full list of Premade Layouts: http://myanimelist.net/forum/?topicid=318587 Hello everyone! It's my first time posting a layout in my own so topic so be kind to me ;~; preview:  code for anime list: @import "https://dl.dropboxusercontent.com/s/poq7gspk9zxr3hf/01a.css"; code for manga list: @import "https://dl.dropboxusercontent.com/s/iozaeu4vnhcce1t/01m.css"; how to install~ copy the import and paste it to your css edit box and save; recommended settings~ go HERE and check: ☑ numbers ☑ score ☑ type ☑ episodes ☐ rating ☐ start/end dates ☐ total days watched ☐ storage ☐ tags ☐ priority [ or numbers, score, chapters, volumes for manga lists ] specs~ for both anime and manga lists; 1060px wide; not suitable for tags section (too narrow, I might work on add-ons); custom scrollbar (only in webkit based browsers); custom small cursor set (pointer and hand); resource credits~ background: subtlepatterns.com (edited by me); fonts: Uni 05_x (dafont), Arimo (google fonts); hatsune miku image: starry-yume@tumblr; further customization~ to change the sidebar image add THIS at the bottom in the css box; dimensions of the image are 150x178px; afterword~ this layout was tested in chrome, opera and firefox; no pets / wild animals / humans have been hurt during the creation of this layout ( though i can't guarantee for my sanity (~￣▽￣)~); if you're a pro with coding do not hate on my messy codes (;*△*;); thanks to VeriTi for suggesting another selector which isn't targeted by adblock!; enjoy the layout~ if you have any questions feel free to ask; [ i think that's it and i hope i'm not forgetting anything important orz ] |
Shishio-kunNov 1, 2018 6:14 PM
| uuh finally are you posting a layout :) Thanks for sharing hehe and glad that no one came to harm in the making |
| Good job on this; I've added it to the end of the featured premade layouts http://myanimelist.net/forum/?topicid=318587 |
| First of all, thank you! i love all of your layouts :D now, i tried to do the "further customization~" part but nothing changed. this is the code i put @import "http://dl.dropboxusercontent.com/u/188037746/01/01a.css"; {} #itxtexclude{background-image: url("http://i.imgur.com/46ESnGn.pngl");} |
juststaywithme said: First of all, thank you! i love all of your layouts :D now, i tried to do the "further customization~" part but nothing changed. this is the code i put @import "http://dl.dropboxusercontent.com/u/188037746/01/01a.css"; {} #itxtexclude{background-image: url("http://i.imgur.com/46ESnGn.pngl");} you have an extra l after .png ^^ @import "http://dl.dropboxusercontent.com/u/188037746/01/01a.css"; {} #itxtexclude{background-image: url("http://i.imgur.com/46ESnGn.png");} it should work like this ^_^ |
| oh god i didnt even notice ahah but it looks like this wasnt the problem oh, i just tried to open myanimelist with firefox and i can see it, looks like it has a problem with my chrome... thank you very much for your help :D oh it's adblock blocking the image |
juststaywithmeJul 20, 2014 7:53 AM
| When I click on the link for the layout I get this :/ |
Seriousti said: When I click on the link for the layout I get this :/ the actual link is this http://dl.dropboxusercontent.com/u/188037746/01/01a.css, I dont know why but the semicolon after the link was turned into the link. |
SylakentH_ said: Seriousti said: When I click on the link for the layout I get this :/ the actual link is this http://dl.dropboxusercontent.com/u/188037746/01/01a.css, I dont know why but the semicolon after the link was turned into the link. This has been happening lately, it started after MAL changed the coding for their forum post-IMG restoration. Many ppl don't notice the semi-colons invalidating their links. I think from now on to prevent this error codes we post in this way should use this import style: code for anime list: Seems like a good way to prevent this problem and fixing it for ourselves, rather than hoping MAL will.. imo the chances of MAL fixing this specifically for us are about the same chances as me soloing the World Cup. |
| Amazing list design! I'm also using it with a few adjustments |
| This is cute! It looks like a tumblr page. |
| After that card contest I want to sharpen my graphics skills, so I'm making a bunch of pictures the right size for this (super awesome) layout. I'll post them when I'm done. |
| lovely theme! just one question, is there any way to change the color of the small boxes with the roman numerals? |
CrystalEyes said: lovely theme! just one question, is there any way to change the color of the small boxes with the roman numerals? those are images, so no, unless you want to recolor them yourself. |
kuronekodesu said: CrystalEyes said: lovely theme! just one question, is there any way to change the color of the small boxes with the roman numerals? those are images, so no, unless you want to recolor them yourself. ahh i wouldn't mind coloring them myself, if you don't mind sending me them. |
CrystalEyesAug 29, 2014 2:35 PM
| This is so awesome! Thanks for sharing :D ~ |
 |
| I love it. It reminds me a lot of those tumblr layouts. |
| Awesome, thank you for posting this really nice theme. Also, I have an inquiry. My Anime List worked fine with uploading a custom image. However, My Manga List is not changing the picture and I used the same line of code you provided for both. Here is the picture I'm using: Is there something preventing me from changing this in the code for the manga theme? Anime Code: @import url(http://dl.dropboxusercontent.com/u/188037746/01/01a.css); {}
#infotype{background-image: url("http://i.imgur.com/lpUBIJN.png");}Manga Code: @import url(http://dl.dropboxusercontent.com/u/188037746/01/01m.css); {}
#infotype{background-image: url("http://i.imgur.com/lpUBIJN.png");}Edit: I resolved the problem myself. I just used the original code. |
heichou-kunMar 9, 2015 6:40 PM
| I really like the look of this layout, it's beautiful! I know hardly anything about CSS, but I've somehow managed to change some of the font colours, background and icon to my liking. Here's a little preview: Now there are some things I'd like to know, before I go editing this again; I kind of want to know what I 'should' edit. What I'm asking is what code do I replace to change it to my liking, for example: - How do I change the colour of the titles; Watching, On-hold, PTW, etc; to white. - How do I change the text in the progress column in the Watching list to white. - How do I change the text in the # number column to white. - How do I change the text in the type column; TV, OVA, etc; to white. - How do I change the text in the entries part next to the icon, when you hover over it, changing that to white. I do know that the colour, white in CSS is #FFF, although I don't want to go back and forth changing a piece of code and repeating the uploading cycle onto dropbox, because it takes quite awhile. All I need to know, is what 'specific piece' of code I should change! :3 Anyways, if you could help me out, It'd be very appreciative. Thanks for the layout! Btw, great name in the copyright section. Ruri is best <3 |
  |
AussiePika said: I really like the look of this layout, it's beautiful! I know hardly anything about CSS, but I've somehow managed to change some of the font colours, background and icon to my liking. Here's a little preview: Now there are some things I'd like to know, before I go editing this again; I kind of want to know what I 'should' edit. What I'm asking is what code do I replace to change it to my liking, for example: - How do I change the colour of the titles; Watching, On-hold, PTW, etc; to white. - How do I change the text in the progress column in the Watching list to white. - How do I change the text in the # number column to white. - How do I change the text in the type column; TV, OVA, etc; to white. - How do I change the text in the entries part next to the icon, when you hover over it, changing that to white. I do know that the colour, white in CSS is #FFF, although I don't want to go back and forth changing a piece of code and repeating the uploading cycle onto dropbox, because it takes quite awhile. All I need to know, is what 'specific piece' of code I should change! :3 Anyways, if you could help me out, It'd be very appreciative. Thanks for the layout! Btw, great name in the copyright section. Ruri is best <3 Hey, thanks, I'm really glad you like it! (｡･ω･｡) Now, to answer your questions: Headers, progress, #, type are all affected by the color under body. So find that selector and change whatever the color is to #fff. The text next to the icon is a part of the image, it's not actually a font, so you'd have to recolor it. If you don't know how, drop a comment on my profile and I will do it for you :) (and kuronekodesu was my old username, though it wasn't because of Ruri but because of my love for black cats xD) |
| Thanks, it's beautiful! *--* I'm using, but I changed some things. The problem is that this black bar and do not know how to remove... /: The code I'm using is: Thanks again! |
AngeApr 23, 2015 5:52 AM
Ange- said: Thanks, it's beautiful! *--* I'm using, but I changed some things. The problem is that this black bar and do not know how to remove... /: The code I'm using is: Thanks again! add this |
nymphiaeApr 17, 2015 8:43 AM
| Hi, the side image won't work for me at all. The code I'm using is this: I'm doing as you said but it won't work :( |
| See something you want on my list but can't find it to download? Drop me a message and I'll help you out. |
Alwain said: Hi, the side image won't work for me at all. The code I'm using is this: I'm doing as you said but it won't work :( check the first post again, fixed it~ |
| Thanks, that works :) |
| See something you want on my list but can't find it to download? Drop me a message and I'll help you out. |
| I added the [CSS] tag to the title of the topic |
AnyElric said: Hi! I really love your layout, but for some reason it looks like this (the anime's name aren't in the same row, i don't know if you understand me xD) https://photos-4.dropbox.com/t/2/AABKOHNRqL16ZA2ScJgufZp-G8350Nw7pw9sSvEhw3FMTA/12/196673916/jpeg/32x32/1/_/1/2/cats.jpg/EP2ig5UBGAggBygH/qXKlpT7QQYc0Jmw8IFgogio01WNTFzT3m4R69Qt5mD8?size=1024x768&size_mode=2 And i don't know much about css, so i can't change, include the profile image xD Can you help me? I'll thank you a lot first I'd suggest disabling tags column if you don't plan to use it (here) if it's still too narrow for the number of columns you have, try adding #list_surround
{width: 800px;}and change it to a number that'll make it look better. the width of the list is 600px, so it has to be higher than that. |
| Just to let you know, this list design seems broken at the moment. I've been using it for ages and it's just recently stopped working for me at all :'( |
| See something you want on my list but can't find it to download? Drop me a message and I'll help you out. |
| Yeah I can see that, I think there's a problem with all of my dropbox links O.o |
| for everyone who might come to this topic because their list is broken: FIRST POST UPDATED. |
estta said: I'm currently using this layout and it is amazing. Causes no eyestrain and less is more. It also lets of a really mature feel about it, I don't know what it is but I love it! :) thank you! (〃＾▽＾〃) |
| I had been looking for a long time for a layout that was both simple and pretty, thank you! How can I return the caps of the manga titles back to normal? I could manage if the code wasn't within @import but I don't know how to edit those. |
| “We see what we want to see” |
KuroMayKami said: I had been looking for a long time for a layout that was both simple and pretty, thank you! How can I return the caps of the manga titles back to normal? I could manage if the code wasn't within @import but I don't know how to edit those. add this at the bottom: body {text-transform: none !important;} |
nymphiae said: Thanks again!KuroMayKami said: I had been looking for a long time for a layout that was both simple and pretty, thank you! How can I return the caps of the manga titles back to normal? I could manage if the code wasn't within @import but I don't know how to edit those. add this at the bottom: body {text-transform: none !important;} |
| “We see what we want to see” |
| hello im currently using this, i love it so much thanks♡ |
 still life: pink roses |
| your layouts are great how can I fix the icon, its not appearing on my list |
your lists are restricted so i can't see it for myself. the icon is working on sunako's list, do you see it when you open their list (the person who posted before you)? |
alectrona said: I believe the code mentioned in the OP should do what you want:hi, i tried to use this layout, and it worked! thank you so much but now i kinda want to change the profile pic and i don't know how. can you please help? nymphiae said: further customization~ to change the sidebar image add THIS at the bottom in the css box; dimensions of the image are 150x178px; |
alectrona said: This layout only. Every layout is coded differently, so most codes for one will not work for another.oh thank you! but is it okay to use this with another layout? or is this for that layout only? |
More topics from this board
» ❓ Ask for help here + See Frequently Asked Questions ( 1 2 3 4 5 ... Last Page )Shishio-kun - Apr 15, 2010 |
7924 |
by Shishio-kun
»»
Today, 1:50 AM |
|
» [CSS - Modern] 🍰 Clarity by V.L ( 1 2 3 4 5 ... Last Page )Valerio_Lyndon - Apr 19, 2018 |
1262 |
by Shishio-kun
»»
Sep 22, 4:35 AM |
|
» [CSS - MODERN] ⚡️ Fully-Customizable Layouts (2024 updates!) ( 1 2 3 4 5 ... Last Page )Shishio-kun - Jul 21, 2017 |
382 |
by Shishio-kun
»»
Sep 22, 4:29 AM |
|
Sticky: » [ BBCODE ] All 2023 BBcodes, Guides, and Templates ( 1 2 )Shishio-kun - Feb 16, 2023 |
57 |
by Shishio-kun
»»
Sep 22, 4:27 AM |
|
Sticky: » [ SIGNATURES ~ PROFILES] All guides, generators, and templatesShishio-kun - Feb 16, 2023 |
31 |
by Shishio-kun
»»
Sep 22, 4:14 AM |