Forum Settings
Forums
New
Feb 16, 2015 10:01 PM
#1

Offline
Jan 2012
1578
This layout is custom CSS. If you don't know how to install it, use the easy starter tutorial: Beginner's Tutorial

For more layouts check the full list of Premade Layouts.





Layout Code
@import "https://dl.dropboxusercontent.com/s/uk7thkq10n5qe7q/CategoryMenu.css";
@import "https://dl.dropboxusercontent.com/s/4g8st7u9gdl86q5/Style.css"; 
@import "https://dl.dropboxusercontent.com/s/9gp15e9rdwja4mr/TabContent.css";
@import "https://dl.dropboxusercontent.com/s/l2jgtv4h4hwd4h0/TopMenu.css";


.status_selected a, .status_not_selected a {
    position: fixed;
    display: block;
    right: 676px;
    top: 110px;
    width: 125px;
    height: 56px;
    font-size: 0;
    background-image: url(https://i.imgur.com/cB007du.png);
    transition: width .5s linear;
    -webkit-transition: width .5s linear;
}
 
#mal\_cs_links div:last-of-type a:last-of-type { display: none; } /* DISABLE MANGALIST BUTTON */
 
body {
    font-family: 'PT Sans', serif;
    font-size: 16px;
    color: #595757;
    background-color: rgb(255, 255, 255);
    background-image: url(https://i.imgur.com/KSkznb0.jpg);
    background-attachment: fixed;
    background-size: cover;
}
 
 
#list_surround {
    position: relative;
    left: calc(100% - 675px);
    margin: 100px 0 40px;
    width: 500px;
    background-color: rgb(255, 255, 255);
    /* Table borders */
    background-clip: padding-box;
    border-color: transparent;
    border-style: solid; 
    border-width: 117px 65px 94px; 
    border-image: url(https://i.imgur.com/6RpNflV.png) 117 65 94 round;
}
 
 
/* Headers pics */
.header_cw span, .header_completed span, .header_onhold span, .header_dropped span, .header_ptw span {
    position: absolute;
    display: inline-block;
    margin: auto 0;
    width: 600px;
    height: 70px;
    font-size: 0;
    background-image: url(https://i.imgur.com/haC6gd4.png);
    background-repeat: no-repeat;
}

#mal\_control_strip:before {
    position: absolute;
    display: block;
    content: 'Menu';
    left: calc(100% - 780px);
    top: 0;
    width: 776px;
    height: 46px;
    background: url(https://i.imgur.com/6e2lUt0.png) no-repeat;
}
Shishio-kunDec 15, 2017 9:49 PM
Reply Disabled for Non-Club Members
Feb 17, 2015 7:24 AM
#2

Offline
May 2012
1921
wow really simple layout, love it!
Feb 17, 2015 8:53 AM
#3

Offline
Jan 2012
1578
I think I had post it to the contest... Currently I'm using it as my mangalist, so everyone can take a trial
http://myanimelist.net/mangalist/Hahaido

btw do you know how to make different settings to the elements in All anime/manga category? This category takes settings from Plan to read/watch category
Feb 17, 2015 2:27 PM
#4

Offline
Aug 2013
520
Hahaido said:
I think I had post it to the contest... Currently I'm using it as my mangalist, so everyone can take a trial
http://myanimelist.net/mangalist/Hahaido

btw do you know how to make different settings to the elements in All anime/manga category? This category takes settings from Plan to read/watch category
I supose you mean for the copyright?
If I'm not mistaken
#grand_totals ~ #copyright
should do the trick.




Feb 17, 2015 8:49 PM
#5

Offline
Jan 2012
1578
Unfortunately, no. I think, there is no way to to make that
Feb 17, 2015 11:19 PM
#6

Offline
Aug 2013
520
Hahaido said:
Unfortunately, no. I think, there is no way to to make that
I tried it on firebug and it worked. How do you mean it can't be Made?
Pico-tanFeb 17, 2015 11:43 PM




Feb 17, 2015 11:55 PM
#7

Offline
Jan 2012
1578
Sorry, probably I made a syntax error when typing the selector. It worked now, thanks!
Feb 18, 2015 2:45 PM
#8

Offline
Aug 2013
520
Hahaido said:
Sorry, probably I made a syntax error when typing the selector. It worked now, thanks!
You are welcome.




Feb 27, 2015 5:21 AM
#9
Offline
Sep 2014
17
Wow after so many great layout I have seen, you can still surprise me with this piece of art. However I have noticed something when using this layout for manga list. Please see the image below for detail

Feb 27, 2015 10:11 PM

Offline
Jan 2012
1578
Thank you!
I know about that issue. Download the code again and look into the comments at the top
Feb 27, 2015 10:21 PM

Offline
Aug 2012
4162
Looks beautiful~ I'm using it right now until I find enough motivation to code my own. :D
Feb 28, 2015 11:04 AM
Offline
Sep 2014
17
Hahaido said:
Thank you!
I know about that issue. Download the code again and look into the comments at the top


Thank you.

I confirm it is working now. The theme is beautiful <3
Dec 15, 2017 9:51 PM

Offline
Feb 2010
11294
I restored the layout. You need to use the new codes in the OP.

@julyan: I'm sure Hahaido would be honored MAL staff was using his design; if you ever want to use the layout again, it's been restored again in the opening post.


Aug 24, 2020 3:02 AM
Offline
May 2020
3
Unfortunately this layout no longer works. Either it’s a problem on my end, or the code is outdated. I hope someone can rewrite the code so that it’s useable again
Aug 24, 2020 2:57 PM

Offline
Feb 2010
11294
Nefqriious said:
Unfortunately this layout no longer works. Either it’s a problem on my end, or the code is outdated. I hope someone can rewrite the code so that it’s useable again


Tested it on my list, it works.

This list is set for classic themes. Were you using Classic? You're using Modern right now. Installing a classic layout to modern will come up broken.

You set it on this page
See under Switch Template
https://myanimelist.net/ownlist/style

and then paste the codes into your CSS edit box as shown in the beginner's tutorial. Keep in mind installing a layout the classic way is completely different from modern and you may have to look at the classic beginner's tutorial

If it's still not working leave it on your list so I can investigate the problem.
Aug 24, 2020 3:18 PM
Offline
May 2020
3
Shishio-kun said:
Nefqriious said:
Unfortunately this layout no longer works. Either it’s a problem on my end, or the code is outdated. I hope someone can rewrite the code so that it’s useable again


Tested it on my list, it works.

This list is set for classic themes. Were you using Classic? You're using Modern right now. Installing a classic layout to modern will come up broken.

You set it on this page
See under Switch Template
https://myanimelist.net/ownlist/style

and then paste the codes into your CSS edit box as shown in the beginner's tutorial. Keep in mind installing a layout the classic way is completely different from modern and you may have to look at the classic beginner's tutorial

If it's still not working leave it on your list so I can investigate the problem.


I was using classic layout. I followed the tutorial. I ended up setting my list back to modern when it wouldn’t work.
Aug 24, 2020 3:23 PM

Offline
Feb 2010
11294
Nefqriious said:
Shishio-kun said:


Tested it on my list, it works.

This list is set for classic themes. Were you using Classic? You're using Modern right now. Installing a classic layout to modern will come up broken.

You set it on this page
See under Switch Template
https://myanimelist.net/ownlist/style

and then paste the codes into your CSS edit box as shown in the beginner's tutorial. Keep in mind installing a layout the classic way is completely different from modern and you may have to look at the classic beginner's tutorial

If it's still not working leave it on your list so I can investigate the problem.


I was using classic layout. I followed the tutorial. I ended up setting my list back to modern when it wouldn’t work.


leave it on your list so I can investigate the problem
Aug 24, 2020 3:26 PM
Offline
May 2020
3
Shishio-kun said:
Nefqriious said:


I was using classic layout. I followed the tutorial. I ended up setting my list back to modern when it wouldn’t work.


leave it on your list so I can investigate the problem


Seems like it’s working now. When I tried the code earlier it just wouldn’t work. I tried it several times throughout the day yesterday and it wasn’t showing up. It seems like it working now
Aug 24, 2020 3:30 PM

Offline
Feb 2010
11294
Nefqriious said:
Shishio-kun said:


leave it on your list so I can investigate the problem


Seems like it’s working now. When I tried the code earlier it just wouldn’t work. I tried it several times throughout the day yesterday and it wasn’t showing up. It seems like it working now


OK good :D I'm thinking Dropbox was down temporarily, or there might have been an extension on your end that blocked imgur or dropbox that seems to be a recent issue
Reply Disabled for Non-Club Members

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 layout

Shishio-kun - May 4, 2021

3 by hideso »»
Apr 20, 4:33 PM

» [CSS] [VIDEO GUIDE] ⭐️ How to change fonts on a list layout

Shishio-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
It’s time to ditch the text file.
Keep track of your anime easily by creating your own list.
Sign Up Login