❓ Ask for help here + See Frequently Asked Questions

Shishio-kun said:


Are you talking about this page?
http://myanimelist.net/forum/?topicid=318587

Before yesterday, it still had all the thumbnails (images) which you could click and then go to a layout, but a third or so of the codes were missing after Dropbox crashed after the September hacking here on MAL. By "reconstruction" earlier this week I meant I was rearranging the order of the thumbnails and restoring those missing source codes earlier this week.

But yesterday, MAL was broken or hacked again, and now nearly all the thumbnail images are gone on the entire site (except for lists and avatars). You can read more about it on the front page:
http://myanimelist.net/clubs.php?cid=19736

So images won't be seen in that topic until they fix the image problem, and then you can view and take about 2/3 of the layouts again, and I can start working on it again, and restore it back to 100%. Just trying to explain the missing images have nothing to do with me and what I was doing before, I'll have to update the topic to make it clear why pics are gone

AyumeLove said:
OK I know this is a stupid question and I'm probably overlooking something obvious but when I choose a list layout from the donated lists section and uploaded it this happened (in spoiler)



Everything is overlapping. The only computer I have readily available is my netbook and it's resolution is so rarely used anything that isn't formatted for any resolution will get either cut off or squished. My resolution is 1024 x 600 px

So anyways is there anyway to rearrange everything so that they don't overlap.

Edit: If I can move the category links down a bit and the list itself a bit to the left then I should be able to fix it

AyumeLove said:
OK I know this is a stupid question and I'm probably overlooking something obvious but when I choose a list layout from the donated lists section and uploaded it this happened (in spoiler)



Everything is overlapping. The only computer I have readily available is my netbook and it's resolution is so rarely used anything that isn't formatted for any resolution will get either cut off or squished. My resolution is 1024 x 600 px

So anyways is there anyway to rearrange everything so that they don't overlap.

Edit: If I can move the category links down a bit and the list itself a bit to the left then I should be able to fix it

Satiriques said:


In #list_surround replace the code you have by this:

AyumeLove said:


OK tried what you said, exactly the same as before. Not trying to be rude but it still overlaps
I've been trying to use the inspect element but no such luck I have no idea what I'm doing but I can't properly edit my list without this fixed.

Shishio-kun said:


You can move the list to the left or right with the left/right codes under
#list_surround
{
width: 650px;
position: absolute !important;
margin: auto !important;
right: 0px !important;
left: 0px !important;
margin-top: 10% !important;
}

near the top of the code, just add to the left amount to move the list away from the category menu (like make it left: 200px !important;). You have to save the changes when done of course

Similarly, you can move all the category links down or up with the top codes under
.status_selected:first-of-type, .status_not_selected:first-of-type
and the following sets of codes with top too that also say "status selected" in them.

Btw that layout is supposed to have a icon style top bar which is compact and won't get overlapped by the category links. But the import codes used for them are some of the dead dropbox links I mentioned earlier. You can change use the codes on this page to get one of those top bars, no previews tho while MAL is broken:
http://myanimelist.net/forum/?topicid=449097

And if you don't want to use All Anime on your list you can remove it with

.status_selected:nth-of-type(6), .status_not_selected:nth-of-type(6)
{
display: none !important;
}

That would free up some space

AyumeLove said:


Thanks for all your help. The positioning is working perfectly now. But the broken covers look awkward. (Why do hackers have to ruin all my fun) What part of the code is the covers in? my computer can't render covers anyways and it's a pain having to fix them.

I wouldn't recommend fixing your links until the MAL admins solve the hacker problem. Otherwise you will just waste several hours of work. Just a bit of friendly advice. I noticed that right after getting the invalid message id thing stuff gets screw up.

I'm backing up all my posts until this is fixed.

Shishio-kun said:


If you dont want covers remove the "hover hide" code and its parts from the bottom, also that line at the bottom "read more...". You can also completely remove the two lines with dropbox in them at the top, those links are dead



Yeah thanks, I already edit my big posts in a separate place which makes it easier for me then save them to word docs, just in case it doesn't post

Tozzy said:
Hi guys, still mucking around with my css - I have no idea what I'm doing really but I've come up with something I don't mind too much.

1) How can I remove the red line running down the left of my tables?

2) How can I add some extra space underneath each line of text? (Note how there's a little more space above compared to below on each line)

Thanks guys

Worldrush said:
Hello Shishio-kun
The question that I have and the answer maybe no, but I'll ask to be sure.
I found this great anime song and I would like for it to automatically play when people visit my page. Also it will go great when I set my page up completely. Is there away to do that or will I just have to settle for using a Youtube video?

Twin_Moons said:
http://myanimelist.net/animelist/Twin_Moons

I decided to try a much simpler layout instead. How can I stop the banner from going into the top bar? It's supposed to be lower, but changed when I added a premade top bar...

SuperSmashBros said:
Hey there :)
I tried using Shishio-kun's version of the square layout. I changed the background to my liking and I wanted to know how to fix a couple of things:
1) I know where the colors of the categories are(the currently watching etc) but I can't figure out what two colors work best for this background.
2) That same bar of the completed, dropped etc is not in the middle in my computer and I want it to be. Where is the code for this bar located?
3) the box that tells you how much animes from TV, OVA, Movies you've seen, I wanted to be in the center if it's the only box in the line(I don't know if it's possible in CSS though)
If you can assist me in those that'll be great.
This is the code to my list:


and this is the link


Thanks in advance.

blob said:
Hi, I was wondering if it was allowed / possible to change what is written in the header. For instance, in both my lists, I want to change the Plan to Read header (the one you can click on).

I checked around and got lost, and I didn't find any information (but it's most likely my fault).

I'm waiting for your directions!

Thanks.

blob said:



@Oddway
Were you answering my question?

If so, I could still not find where I can change the text.
If you check my lists, you would notice that, for my anime list, I have already changed it to Plan to Wreck and, in the manga list, to Plan to Rape. However, at the top of my list, the buttons that filter the list are indicated as Plan to Watch and Plan to Read respectfully. I want to change those into what I want, how do I do this?

Maybe calling it a header was my bad. It's not the header, the one right on top of the titles, it's the main one usually found on top. I want to keep the same style, but with different wordings...

Thanks

Satiriques said:


Make sure you put {} after your code so it doesn't double or triple it in your CSS. I'm telling you this because currently your list code looks like this: http://i.imgur.com/ZmnYzK0.png

To change the category images, you need to change the image link here:


It's an image, so unless you know how to reproduce it exactly, your best bet would be to find who made the list, pm him and ask him if he could change the text of it.

You could also just remake all the headers to your desire.

blob said:



That's what I've been trying to say, I don't want to change those images. I want to change the one in form of text. I am the one that made those images, so yeah. xD

THANK YOU FOR THE TIP THOUGH. I have asked before how to avoid the list coding from being duplicated, and I guess nobody knew back then, haha.

What I want changed is at the top of the list, over the Reading/Watching IMAGE. The one that you could CLICK on and changes color.

If you want more indications for where it is, it's on a horizontal line, it lists :
Currently Reading Completed On Hold Dropped Plan to Read All Manga

TLDR; I want it to turn into (for manga, for example) :

Currently Reading Completed On Hold Dropped Plan to Rape All Manga

Thanks!

TheJanitor13 said:
Hello all
I am currently using the template style "Snapshots, by http://myanimelist.net/profile/Drize
http://myanimelist.net/forum/?topicid=392627&show=0#post1

It says in the forum link that for best results i should turn all of my settings off aside from Numbers...

Well, I REALLY like this style, because i can change out the pictures every so often.
I would like to know, if there is a way, to have space for the columns
Name, Score, and Watched.

Problem is, when i select the 3 options, the style completely breaks.

It'd also be nice(but not important) to add a transparency to the "paper" which i swapped out for a lineless sheet.

Thanks in advance!

Link to my current CSS.
http://pastebin.com/rgAPFaaw

blob said:
@Satiriques
Thanks! That's exactly what I wanted. :P

For some reason, in my anime list, some covers disappeared, is that normal?

SuperRed said:
Help, my Samurai Champloo custom theme seems to be missing covers for a few anime, how can I add them?

VeriTi said:
@Deisicarius
Look around line #237 (your #copyright style)
Your copyright section has width of 750px and 100px of right padding. By default these things add resulting in 850px wide copyright which pops through your #list_surround and available screen space, resulting in scrollbar.

You could remove/reduce the right padding and/or adjust the width.
You could also add box-sizing: border-box; to your #copyright code. By default "width" means "width of content", but border-box makes it so that it is "width of the container", so that paddings and borders would reduce the space available to box content.

Deisicarius said:
Hi again, I'm wondering how to make the "Edit - More" in the list hidden by default and appear when hovering on the table section.

Satiriques said:



edit: removed some useless code. Nice list by the way.

Deisicarius said:
Thank you kind sir. Is there a way for "airing, not yet aired" to remain visible though?

Satiriques said:


Woops, totally my mistake.

Anonymoose-N said:
How do I make it so that longer names don't go to the 2nd line and instead, end with a "..."

.animetitle {
display: block;
min-width: 0;
max-width: /*your number*/px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}

.animetitle { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 470px; padding-bottom: .2ex; margin-top: 1ex }

S-Z said:
Hello, guys. Do you know how to remove that white stripes on completed, dropped, etc. http://myanimelist.net/animelist/S-Z

Satiriques said:

You can change the color here:


or completely remove it with this: