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 is intended for short lists. For more layouts check the full list of Premade Layouts: http://myanimelist.net/forum/?topicid=318587[/b]  Here's an animated example of how it looks on scroll down. When you see it scroll down on your actual list, it'll create an awesome 3-D illusion of depth!  Inspired by parallax style websites like this: http://www.mosandbows.com.au/. As you scroll down the list, the different categories pages will scroll by in a 3-D way like you see in the animated example. The renders and wallpapers used are high quality too, plus has unique header text that applies to manga and anime lists alike. If you get a black bar at the bottom of your pics: To fix this, just look at the CSS, go to the related BACKGROUND section that has the black bar, and increase the height or padding-bottom. Try to add as little as you need. It easiest to find the right amount using the Firefox add-on Firebug. If you need to add a very large amount of one of these to a section (probably because the list or category is longer than intended) check to see if your image went out of focus. If it does, try to lower the height/padding-bottom you added as much as you can to find a medium that removes both the bar and fix the focus, and if that doesn't work out, check below. Another way to try to fix back bars would be to scroll down to SPACE BETWEEN CATEGORIES and see if decreasing the padding-bottom (a little at a time, around 20-50px) works for you. If you get an out of focus background image: To best fix this just look under the background notes in the code for info to fix this up by changing some sections to background-attachment: fixed;. Play around with the settings to see what works best for you! Knowing Firebug really helps with adjusting this layout! IMPORTANT: When you use this layout you need to set the default status selected to All Anime! http://myanimelist.net/editprofile.php?go=listpreferences. The code: |
Shishio-kunJul 4, 2014 7:34 AM
| Missing notes and broken image has been fixed! |
| This layouts been updated with a new, much prettier list style and better ways to adjust any black bars! |
Hinaya said: Finally I got the one I wanted. But I think the category links for Watching, Completed etc. are blocked or something. I made the category link like the Mio Akiyama Dating Style and thought to fuse it along with the transition by Hahaido. Lol I tried to close all the codes which made no sense to me using firebug but nothing happened. Do I have to work out in this list without category links? If it's complicated, I switch to other list ^_^ No its not supposed to have category links, its supposed to always be on all anime so when you scroll through you get the 5 backgrounds effect. They should be removed somehow by the CSS. I guess its the opposite of Mio Dating style. Also can I have the bottom background image you're using please? |
Shishio-kunOct 25, 2012 12:29 PM
| Here's another thing I just spotted. Appearance of my list in- In Google Chrome: But the same thing looks fine in Firefox: And due to the transition, the bottom part becomes blank: Possible suggestions? And yeah, the covers still don't show up. |
| Hi I really like this list and i'm using it now, however I was wondering if it's possible to put images of the anime when you scroll over the name? I really like that feature! |
| Duhuhu... |
TyrantsEye said: Hi I really like this list and i'm using it now, however I was wondering if it's possible to put images of the anime when you scroll over the name? I really like that feature! You'd have to use the add-on and see if it works with this layout; add-ons are under Customize your List on the front page. |
Shishio-kun said: TyrantsEye said: Hi I really like this list and i'm using it now, however I was wondering if it's possible to put images of the anime when you scroll over the name? I really like that feature! You'd have to use the add-on and see if it works with this layout; add-ons are under Customize your List on the front page. okay! thanks :-) I will try! |
| Duhuhu... |
| I wish there was a version for longer lists. :( Are there any plans for one? |
 |
DrGonzo7 said: I wish there was a version for longer lists. :( Are there any plans for one? Yeah some day I'd like to get back to this one. I rushed it out and made a number of bad decisions when I made it, which I can correct now lol and it would be way better. |
| It'is a broken link here on this layout (and the one I liked the most) !!! Just look under "Dropped", where this particular link does not load and/or is broken: http://img804.imageshack.us/img804/2685/replacebg1.png |
 |
Monsterguy said: It'is a broken link here on this layout (and the one I liked the most) !!! Just look under "Dropped", where this particular link does not load and/or is broken: http://img804.imageshack.us/img804/2685/replacebg1.png Yeah this is a big problem recently as Imageshack is deleting many of my images even tho I'm following their old and new policies, which they changed dramatically to overwhelming negative attn... Later tonight I'll try to get around to replacing all these layouts wallpapers and moving them to Imgur. Thank God all I need to do is copy and paste a URL and the image is moved in most cases. Also I'm glad ppl like this layout I love it and it can be improved greatly! It could be coded much better and look more professional. Someday I will get around to it since we need a stunning Sena layout, shes #1 right now! |
Shishio-kunMar 24, 2013 4:57 AM
| I'm getting a tinypic message in the corner of my list saying that the pic had been moved or deleted for this layout. |
   |
zdude18 said: I'm getting a tinypic message in the corner of my list saying that the pic had been moved or deleted for this layout. Tinypic is moving around their image links, sometimes this is temporary so wait till tomorow and we'll see if they return. if not I'll just have to replace the links in the layout with imgur |
Shishio-kun said: Alrighty, keep me updated! Thanks!zdude18 said: I'm getting a tinypic message in the corner of my list saying that the pic had been moved or deleted for this layout. Tinypic is moving around their image links, sometimes this is temporary so wait till tomorow and we'll see if they return. if not I'll just have to replace the links in the layout with imgur |
|
| It's fixed. |
|
| Wow awesome, I hope all the other Tinypic links get back to normal too (happened to a lot all of a sudden this week). btw your sig is a really good choice!!! |
| Thanks! |
|
| I've fixed up this layout a lot. The wallpapers should work on more screen sizes, and I've moved the images on this layout from Imageshack to Imgur so they won't be deleted anytime soon hopefully. Also adjusted the code so the table can be moved to the right, and its easier to adjust the coverage of the pics! |
| The dropbox links aren't working. |
Yato-kun said: And this is addressed in a GIANT post on the front page.The dropbox links aren't working. |
         |
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
»»
Yesterday, 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 |