This is a custom layout for classic template lists. If you don't know how to install the codes, use the Beginner's Tutorial: click here. If there are problems: install the latest version, or check the Repair Sticky for patches and updates (found here). All premade classic layouts can be found in the gallery by clicking here. Preview Special Features + Tags are displayed if you hover the cover image + Each category has its own banner + Add your own banners & background easily + Variations of this layout available if you scroll down + Sort option Settings Please pay attention to this or the layout will not work.  Code for Animelist Importable code here: http://pasted.co/04b4ce06 Code for Mangalist Importable codes: Found here: http://pasted.co/dce47060 Changelog FAQ My category headers are all over the place, how did this happen? You need to change your "default status selected". To do this go to your profile settings and you'll find this option under "my list settings". You can choose any but "show all". My cover image don't show up/have disappeared. How can I fix this? Most likely the import link broke. Check the club discription as Shishio usually writes a notification about what happened. There will also be replacement links. To avoid this problem alltogether you can generate your own covers. More will follow ... If you have trouble please activate the layout on your list so that I can actually see it. In case I don't respond let me know on my profile that you posted here. |
Shishio-kunOct 31, 2018 10:44 PM
 |
| I love how colorful it is ^^ |
| Your code is something... I fixed category menu and sorting menu |
 |
| Thanks a lot, you're amazing! Yeah, I had no idea how to build a dropdown menu so I just tried to imitate it. But I did a good job with that, didn't I? ^^" |
|
| You're right! It took some time to realize how you made the dropdown menu! You're might be a genius! |
|
| Haha thanks! But if I were I would have been able to do it properly. I was quite surprised it worked out myself. xD I don't know why I'm too lazy to really teach myself css, right now I just google codes whenever I need them ... and be somewhat creative when I don't find anything. ^^" |
|
| I'm like you. A year ago I didn't know anything about CSS. And I didn't want to teach it (lazyness is my religion as well). But trying to make my list look better I learnt all basics somehow and now I'm moving forward day by day. So good luck at this hard way! |
|
| This layout rocks! I love how the anime/manga compatibility is also displayed inside the layout. ^^ I tried viewing the layout using both Chrome and Firefox. I don't see any difference or any problems viewing the list using Chrome. (I'm more of a Chrome user, ahaha!) Although, I might have probably missed them. I'm thinking of using this layout. :) I wanna customize it with my own theme so I'll have to prepare my own banners and wallpaper first. As long as I keep the width, would the height of the banner affect the layout or not? |
LunyRed said: This layout rocks! I love how the anime/manga compatibility is also displayed inside the layout. ^^ I tried viewing the layout using both Chrome and Firefox. I don't see any difference or any problems viewing the list using Chrome. (I'm more of a Chrome user, ahaha!) Although, I might have probably missed them. I'm thinking of using this layout. :) I wanna customize it with my own theme so I'll have to prepare my own banners and wallpaper first. As long as I keep the width, would the height of the banner affect the layout or not? Good to know that it works in Chrome, I was a bit worried about that. The height of the banner is 260px, if you want to use a banner with a different height there are two things you need to change: You can probably just take these codes, override the values depending on the height of your banner and paste it to the rest of the code. |
|
| I'm currently doing a few experiments with the code using a "test" banner with a height of 350 pixels. (It's just a sample!!) I was able to move all the rows of DVD covers downward by adjusting the px but even if I made the adjustments with the px for the "#mal_control_strip", nothing has changed from its current location. It's rooted on the spot while a fraction of the bottom of the banner has been cut off. I'm doing something wrong and I can't figure out how to fix it.. @@; If I can't figure this out, then I'll just stick with the standard banner height used for the layout. It won't make much of a difference. ^^" |
| Maybe try this "#mal\_control\_strip" instead of "#mal_control_strip". |
|
| Updated the code. Code for manga lists will be added shortly. |
|
| Awesome layout, but why for me score is square and for you star? |
[size=0] |
SViper said: Awesome layout, but why for me score is square and for you star? I'm still working on this so I haven't published the new code, but I will do later as a v3 (probably next weekend as I have exams at the moment). DarknessOfEmo said: Pretty cool design. May choose this one once I tired with mine new design list I picked. Thank you! |
|
| This looks amazing!! I'll probably mess around with it later. Btw is there any way to resize the cover images that are longer in width than they are in length? Because if the width is longer than the length you only get half of the image. A pic is in the spoiler to show what I mean. |
Sol_OuJun 10, 2014 6:49 PM
dragonlight said: This looks amazing!! I'll probably mess around with it later. Btw is there any way to resize the cover images that are longer in width than they are in length? Because if the width is longer than the length you only get half of the image. A pic is in the spoiler to show what I mean. I guess you could use .hide { background-size: contain !important; background-repeat: no-repeat; } But its not perfect since that will throw off other covers.. You could try sending the database ppl a proper vertical cover of those animes so they replace those shitty horizontal one, or requesting they use an alternative in their pictures if they have it like here: http://myanimelist.net/anime/2928/.hack//G.U._Returner/pics One time I noticed a dead cover that was causing problems for our generators and I sent Kineta a pic from the anime to use for the cover here and she replaced it real fast. |
Shishio-kun said: I tried the code and it's not worth it. Thanks though. I think I'll just try finding vertical images to give to the DB guys. Or maybe I'll just resize them depending how lazy I feel. :pI guess you could use .hide { background-size: contain !important; background-repeat: no-repeat; } But its not perfect since that will throw off other covers.. You could try sending the database ppl a proper vertical cover of those animes so they replace those shitty horizontal one, or requesting they use an alternative in their pictures if they have it like here: http://myanimelist.net/anime/2928/.hack//G.U._Returner/pics One time I noticed a dead cover that was causing problems for our generators and I sent Kineta a pic from the anime to use for the cover here and she replaced it real fast. |
| I just remembered you can also individually change covers (manually changing at the bottom) http://myanimelist.net/forum/?topicid=443333&show=0#post1 You could change those few covers that aren't working right with your own. I also asked Kineta to change the .hack one with the pics one. |
| I've been using this style for awhile and a big fan of it. These are the basic wallpapers and banners I'm currently using. Nothing special though mostly just things I've cropped to fit proper dimensions and such. My Anime list is currently themed after GitS SAC, Manga is mostly random favourites atm. Some of these obscure the headings, but I don't personally mind so anyhow. Banners - click for full size Wallpapers Laughing Man Logos Berserk |
  |
| I really like this list, and I'd like to customize it. One issue. When I put the code into my CSS box, once I update it on my list I don't see the banners except the first one (the currently watching) the rest look like this: And I have all my settings right and everything, I haven't changed any of the text, I just copy and pasted. So idk. qnq;; Help me? lol 2nd question, where do I edit the watching/completed/etc titles..it's hard to read with my current banner.. >3< |
a--ikoJun 12, 2014 10:07 PM
 |
AboveAllSanity said: I really like this list, and I'd like to customize it. One issue. When I put the code into my CSS box, once I update it on my list I don't see the banners except the first one (the currently watching) the rest look like this: And I have all my settings right and everything, I haven't changed any of the text, I just copy and pasted. So idk. qnq;; Help me? lol 2nd question, where do I edit the watching/completed/etc titles..it's hard to read with my current banner.. >3< The first thing is you are viewing it on an All Anime page which I don't think this layouts intended for, much like other poster style layouts. Even on Lirina's all anime list you get a similar error: http://myanimelist.net/animelist/Lirina&status=7&order=0 but you're probably not supposed to start/go there in the first place- its why she has no All Anime button on this and its even deleted in the code it seems. So for you, don't start your list on All start on a single category (default status selected) http://myanimelist.net/editprofile.php?go=listpreferences The second thing, the codes to control the category links is in the FixedCss import but you can add the codes to recolor them all at once: .status_selected a, .status_not_selected a{ background-color: red !important; color: cyan !important; } This controls the sort list part at once: .table_headerLink, .table_header:nth-of-type(2):before{ background-color: red !important; color: cyan !important; } You can use your own color scheme of course tho. You can also search the layout for the table header codes which are in there and are control more individual parts. |
| Oh yeah before I forget here are my banners. click for full size. |
Sol_OuJun 19, 2014 11:46 AM
| Lovely list indeed<3 May i get a notification whenever you update the manga list? c: |
  |
| If you have a problem with your topbar please update your css. I don't know what happened (maybe I messed up something ^^°) but I managed to fix it. The mangalist update will come in the next days, I'm already working on it. EDIT: Mangalist is updated. |
LirinaJul 4, 2014 8:22 AM
|
| How do I update it if all the links are 404'd? |
dragonlight said: How do I update it if all the links are 404'd? I think she means you replace the old imports with new ones. But I think most ppl will only need to replace the top bar import, since thats what broke @import "https://dl.dropboxusercontent.com/u/97405770/Layout_DVDcover/CSS/topbar.css"; None of the links in first post are 404'd atm, it only appears that way when you click them in the import link on forum cuz it includes the quotations. But click here: https://dl.dropboxusercontent.com/u/97405770/Layout_DVDcover/CSS/topbar.css the actual imported CSS is there |
Shishio-kun said: I also relocated a few of the images in my dropbox as I had the oppertunity and improved some of the other codes. It would be good to replace the whole code but if that's too inconvenient replacing just the topbar will be fine as you said.dragonlight said: How do I update it if all the links are 404'd? I think she means you replace the old imports with new ones. But I think most ppl will only need to replace the top bar import, since thats what broke @import "https://dl.dropboxusercontent.com/u/97405770/Layout_DVDcover/CSS/topbar.css"; None of the links in first post are 404'd atm, it only appears that way when you click them in the import link on forum cuz it includes the quotations. But click here: https://dl.dropboxusercontent.com/u/97405770/Layout_DVDcover/CSS/topbar.css the actual imported CSS is there |
|
| Oh lol my bad. I should have checked the address first. |
| I have fixed some things in your code that bugged me a little. (Sorry, I do think your code is wonderful though. I suggest using more comments for what does what though.) I have fixed where the page does not show the totals for the current page and made it fit to look nicely. Here is a picture to show what it looks like: http://i.imgur.com/wim0pjQ.png I have also fixed the top bar to now scroll with you so that "Sort List" box won't get in the way if you hover over it when trying to hover over something in your list that happens to be in the same spot. Here is the code for download: https://dl.dropboxusercontent.com/u/179669096/Full%20CSS.css Also you will notice that I have changed an import to my own code to edit the top bar so that it doesn't scroll with you so if you want a direct link to that here it is: https://dl.dropboxusercontent.com/u/179669096/MyFixedCSS.css Here is also a link to my profile to see the full code in use with my list: http://myanimelist.net/animelist/Sourve&status=1&order=0 Note: In the copyright I put "perfected by Sourve" on my profile, just ignore that. In the link I posted to the code it says "Edited by Sourve" Edits: I didn't update my topbar so I had to adjust it a little but it is now fixed. |
SourveJul 5, 2014 10:05 PM
| Interesting idea. I have been thought about the sort menu a lot and in the new version I moved it to the end (I will upload this code soon): But your idea is a good option for an non-fixed topbar. I will link it in the first post later. ^^ I don't really like to display the totals but the code I have looks like this: Code if you (or someone else) woul'd like to use it |
|
| Hey~ First, thanks for the layout! I've only started studying the HTML codes, so I couldn't do anything more than edit the banner and the wallpaper. Here there are: This is how it looks when paired up: [spoiler]  |
 |
| Quick question: Am i the only one having problems generating my own covers? I might be making some sort of mistake while doing it, but i perfectly managed to generate my own cover in the manga layout used earlier before the recent update. It might just be me doing a minor mistake without being aware of it, but i just want to make sure. :) |
|
Toxicwolf said: What exactly is your problem?Quick question: Am i the only one having problems generating my own covers? I might be making some sort of mistake while doing it, but i perfectly managed to generate my own cover in the manga layout used earlier before the recent update. It might just be me doing a minor mistake without being aware of it, but i just want to make sure. :) |
|
| The problem is that whenever i try generating my own covers all of them go missing (And i'm pretty sure my list uses more) I'm not sure if I'm doing any faults when i put the code itself in, but i tried following everything step for step with no luck. |
|
Toxicwolf said: The problem is that whenever i try generating my own covers all of them go missing (And i'm pretty sure my list uses more) I'm not sure if I'm doing any faults when i put the code itself in, but i tried following everything step for step with no luck. Post the link to your cover import or put it in your CSS, so we can narrow down where the problem might be |
najmasakura said: This may be because the link is not working. Perhaps you could reupload the image?Umm can someone plzz tell me how to add images for banner I have this banner with image link:https://dl-web.dropbox.com/get/AW6Hspa.jpg?_subject_uid=321198757&w=AACX0DgB4GWUeJaitX88NuaJbbaT0M6BEN7Ia47lAb-EIQ But when ever i add it nothing happens :( |
|
| Awesome job w/ this, Lirina. ^^ |
"Be the change you wish to see in the world." ⛩️  |
Toarujisuru said: Thank you!Awesome job w/ this, Lirina. ^^ |
|
| Sorry for the slight delayed answer. https://www.dropbox.com/s/n2jym7qdbkwrph0/mangamoreafter.css but this is the link i attempted to use. I did also make sure to edit the link before placing it into the code. |
|
Toxicwolf said: I think it doesn't work because you use more:after whereas I use just more in my code. Try this one and see if it works:Sorry for the slight delayed answer. https://www.dropbox.com/s/n2jym7qdbkwrph0/mangamoreafter.css but this is the link i attempted to use. I did also make sure to edit the link before placing it into the code. @import "https://dl.dropboxusercontent.com/u/97405770/Layout_DVDcover/CSS/dvdcovers.css"; Not all images will show up but if it works we know that this was the problem. You can then generate your own covers. |
|
| Hello! I was just wondering if there's a way to center the theme? :3 |
| remaking my signature! lol I never actually ended up remaking it, oop. ; ; |
Aseylum said: Hello! I was just wondering if there's a way to center the theme? :3 You can replace "#list_surround" with this: Then you have to ask Shishio, Hahaido or some other genius how to center the topbar and the category menu because I have no idea. ^^° |
|
| Yay! Thanks. I figured out how to move the bars myself, after a lot of noodling around. I'm not quite done yet but I can post what I did / upload the edited stuff after if anyone wants me to! :3 // still working on my banners, too, ehe. |
| remaking my signature! lol I never actually ended up remaking it, oop. ; ; |
Lirina said: I think it doesn't work because you use more:after whereas I use just more in my code. Try this one and see if it works: When i use the code all the covers end up missing and pushed at the far left side: http://i61.tinypic.com/14w6ckl.png Not sure if i'm making the coding error myself or not. The code used WITH the included cover link you just gave |
ToxicwolfAug 10, 2014 9:57 AM
|
| You are missing this: @import "https://dl.dropboxusercontent.com/u/97405770/Layout_DVDcover/CSS/FixedCss.css"; If you add this code at the top of the css the list will return to normal. And I think my covers are working on your list, it's just that we have different entries. Where did you get the covers you wanted to use from? It's best if you generate your own covers, for example with this program. Make sure you chose "more" as selector. |
|
najmasakura said: Can someone plzzz tell me which site i should use to upload a banner? I tried using photobucket but I dunno which link to copy and paste for the banner :( You need the direct link. I don't use that site but usually it's right mouse click and then copy image address. |
|
| Hi, this may seem silly or whatever, but there seems to be something wrong with my list? >.< I'm a noob to these kinda things, but basically, if you look at: my list You can see my 'type' (just below the name of the show), is all messed up, and also, there's a black line stretching to the right that's out of place? >.< Does anyone know how to fix it? Thanks =P |
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 |
7812 |
by mtsRhea
»»
Apr 21, 5:25 AM |
|
» [CSS- MODERN] ⭐ Minimal Dashboard layout by 5cm ~ Compact and convenient! ( 1 2 3 )Shishio-kun - Sep 4, 2020 |
121 |
by Pokitaru
»»
Apr 21, 3:25 AM |
|
» [CSS-MODERN] Change list text/font colors on any list layoutShishio-kun - May 4, 2021 |
3 |
by hideso
»»
Apr 20, 4:33 PM |
|
» [CSS] [VIDEO GUIDE] ⭐️ How to change fonts on a list layoutShishio-kun - Jul 15, 2019 |
17 |
by hideso
»»
Apr 20, 4:03 PM |
|
» [CSS][Modern] ☀️ Endless Summer Layout by Cateinya ( 1 2 3 4 5 ... Last Page )Cateinya - Aug 18, 2016 |
309 |
by hideso
»»
Apr 20, 3:56 PM |