❓ Ask for help here + See Frequently Asked Questions

Sparteh said:


Thanks. I think I will be able to fix images and backgrounds now.
About moving top bad mod and type buttons. Which parts I should edit in order to move it?

SamPolus22 said:
I'm going to try to find a solution. If I find one I will tell you

Maritos said:

Instead of the default order (Currently Reading, Completed, On-Hold, Dropped and Plan to Read), I wanted it on a different order (namely Currently Reading, On-Hold, Plan to Read, Dropped and Completed).

So is it not possible? Thanks in advance.

Shishio-kun said:

It is indeed possible by one way I know of, but the order you've chosen is probably one of the most difficult combinations possible to adjust and I don't recommend this anyways. This method varies by list and number of entries added. So in the future, you may have to manually adjust the pixel amounts. But you can simply ask here and someone may adjust it for you, or just try yourself. It might be easier with a simpler combination (maybe just two tables swapped). This is meant to be added to your current CSS in a custom file.

/*
REPOSITION TABLES
*/

.header_cw {
margin-top: 00px;
}

.header_completed {
margin-top: 1600px;
}

.header_onhold {
margin-top: -4100px;
}

.header_dropped {
margin-top: 500px;
}

.header_ptw {
margin-top: -1300px;
}

St4nley said:
Why some pictures of animes in my lists are purple?

here is the code if anyone can fix it.

Maritos said:


Adjusting the pixels shouln't be a problem, but when I change the position of one header, the others below get messed as well. Therefore it is very hard to adjust.

I will try a bit more, thanks a lot for all the help!

Shishio-kun said:

When you lower or raise one header, it effects the ones that are below it by default. So if you lower 100px to completed for some reason, it will lower 100px on the others except currently reading since thats above it. So you have to adjust the px twice sorta most times. Its really complicated and tedious; its why there's no tutorial for it in fact.

Maritos said:


Indeed, it is quite troublesome. I achieved some acceptable results after messing quite a bit. It is hard because you need to think on the original sequence to predict what will move when you change the position of one header.

Since I wanted Completed lastly, I found out that the best way was to adjust On-Hold, Plan to Read and Dropped relative to Completed and then move Completed up to "pump up" all the other headers closer to Currently Reading.

Such a shame that despite all the customizations, something simple as changing the sequence is so hard to do. Perhaps MAL could add this as a part of their Easy List Design? Dunno where that can be suggested.

Anyway, you and SamPolus were of great help, I appreciated that! Thanks for the help.

dertswa687o said:
Hi, I'm having some issues with the covers I just added to my list. I want to put a little space between them and the anime title like so but I can't get it to work. I try adding the "margin" selector but it just disappears for some reason when I try and save it. I'd also like to vertically align the titles in the box but I can't figure that out either.

Here's the full code:

Thanks in advance for any help!

Shishio-kun said:
Put margin as its own code with the selector you want to use it on. That helps to beat the margin disappearing glitch.

This will be a better solution tho imo, works in Firefox didn't check with Chrome

body #list_surround .animetitle span:before {
content: "";
height: 20px;
width: 20px;
display: inline-block;
float: left;
}

Kaiwan said:
Hello i have one quick question the top part (Currently watching, completed, ...) when viewing on Chrome it does not align in the center like in Firefox?

http://myanimelist.net/animelist/Kaiwan

Here is the code of that part:


Thanks in advance

SamPolus22 said:

From what I noticed, the page is bigger in Chrome than Firefox. When I inspected the page on Chrome I found out that you have a "left: 25%;", but I can't see it on Firefox. I played around with it, try replacing your code with this one: (Do you have a separate code for Chrome?)

Kaiwan said:


if i put left: 370px the top part is further move to the right in both FF and Chrome lol, lemme try remove the left:25%. Thanks btw

Edit: both position:fixed and left:25% are redundant and not affect the code.

Kaiwan said:


if i put left: 370px the top part is further move to the right in both FF and Chrome lol, lemme try remove the left:25%. Thanks btw

Edit: both position:fixed and left:25% are redundant and not affect the code.

Kaiwan said:
Hello i have one quick question the top part (Currently watching, completed, ...) when viewing on Chrome it does not align in the center like in Firefox?

http://myanimelist.net/animelist/Kaiwan

Here is the code of that part:


Thanks in advance

/* Layout */
[b]@import url(https://dl.dropbox.com/s/zshkidole270o0g/Layout.css);[/b]

[b]@import url(https://dl.dropboxusercontent.com/u/193349829/Kaiwan_Layout.css); [/b]

GoldenFyre said:
Hola! After a long haitus I came back to MAL and when I went to my anime list, hovering over the name of the anime doesn't bring up the cover anymore. Does anyone know why?
Thank you

Nadeko_ said:

Alice said:
I feel so dumb asking this but I'm so confused, lol.
I'm trying to make my profile text+image appear like on this profile: http://myanimelist.net/profile/Speakss

so basically the text is left, the image right

now when you look at my profile it displays below it... uhm how do i display it besides each other? xD

HELLO! USE THIS:

DarK-LaW said:
Hello, my anime layout broke for some reason. Any idea how I can fix this? http://myanimelist.net/animelist/DarK-LaW
Thanks.

Doomcat55 said:
"@import url(http://dl.dropboxusercontent.com/u/78192465/MyAnimeList/Akame/Mein.css);*/ /* MEIN */" should have a slash and asterisk (/*) before it, like the lines above it

Aoi_Yui said:
Ok I've been trying to get this anime list to work for hours and every time I fix one problem another pops up. I'm following the tuts to the best of my ability but nothing seems to go my way.

Here's my current code.
Link to my list is my sig

List of current problems.

- Background is on top table
- All category links above selected disappear
- probably more but can't tell because table is behind background.

SamPolus22 said:

Change your whole code with this one because the old one is kind of wrong in the background department:

Aoi_Yui said:


Thanks that solved the problem. My background was like that because I used the tut on How to set a different wallpaper for each category page but couldn't put it on the bottom because I already had something else on the bottom. It was from the [CSS] Display covers and mini-reviews on hover guide.

So follow up question: Is it possible to have two codes that are meant to be on the bottom.

SamPolus22 said:

Yes you can put two codes at the bottom, but you need to adjust the z-index like the tutorial said below "method 4". What two codes you want to put on the bottom?

Nadeko_ said:

HI! (｡´ᴗ`｡)
IN YOUR MAIN CODE FIND THIS PART

AND REPLACE WITH THIS CODE

Senator said:
Heyo,

so, my list stopped being normal.. wat do :I

Doomcat55 said:
Find all of the Dropbox links in your CSS, and make sure they have https (not http) at the beginning.

Lagann_Taku said:
I need some help getting the "My Profile" button working when I hover over the icon in the top right of my list. The link is basically dead and seems to be dead for everyone who used the original design as a base. In particular I need this for Chrome since it doesn't even show up in IE.

Here's the code:


Thanks in advance.

Meriu said:
Hello guys!
I tried using Azurea's Vanadis Layout
http://myanimelist.net/forum/?topicid=393503&show=140#msg36235307

But it looks like this:
http://i.imgur.com/4n7LLvh.jpg

Please help :c

Doomcat55 said:
Find all of the Dropbox links in your CSS, and make sure they have https (not http) at the beginning.

Meriu said:
Hello guys!
I tried using Azurea's Vanadis Layout
http://myanimelist.net/forum/?topicid=393503&show=140#msg36235307

But it looks like this:
http://i.imgur.com/4n7LLvh.jpg

Please help :c

Doomcat55 said:
Some of the images might be dead, you could ask Azurea to rehost them or use your own

Aoi_Yui said:


Dropbox Links are most likely dead. I'm not getting a 404 (dead link message) but the page doesn't load. If the dropbox links are dead you're going to have to get in touch with whoever made that list and ask them to give you the new links. If they don't then there's nothing you can do. Trust me I know all to well the disappointment of coming across a dead layout that I really wanted. Well that's just my guess 'cause it looks identical to all the dead links I've tried so far.