❓ Ask for help here + See Frequently Asked Questions

FantomX said:
Guys, on my animelist ([url]http://myanimelist.net/animelist/FantomX[/url]), you can see width of headers doesn't match that of anime below. Can you help me about that.

Also, the "airing" text is displaying on 2nd line after anime's title. Is it possible to bring it back to first line so that it comes directly afte anime's title.

Thanks

Shishio-kun said:


In your code it looks like you just need to increase the width in the after:headers, try that.

Also in your code under .animetitle + small set the position to absolute then give it readjust its position with margin-top (you must add this code) and margin-left (already there).

FantomX said:


Thanks Shishio-kun, both your solutions worked great.
But, if I make the width of browser less, then the header:after width shows the header beyond the animelist width. Any fix for that?

Thanks

Frozenthor said:
Hi. I only reecently started CSS coding so forgive me if I ask super simple questions.

Im tryng to raise my copyright section from the bottom a little bit because i want to put my categories bar at the bottom of the page.

But doing that partially covers my copyright section. I tried using the copyright section code in the 'Customizing your copyright section with backgrounds and custom text messages!' page but nothing seems to be changing. I did try changing the values on the padding top and padding bottom, but no changes there.

Could I get some help on this possibly?

Thank you :D

ImDunn94 said:
Hello, this is probally really easy to fix and im just not doing it right but i was wondering how do i get my profile to where only the buttons are clickable and not the whole profile.....each link leads to the site i uploaded them to which is correct but i dont want to be able to click on those parts if that makes sense, i did it right on my last profile but cant seem to do it this time, would be much apreciated if some one could give me some advice, Thanks

Koolman511 said:
Hello I need some help but basically I noticed a few days ago, my anime list is showing images within the title which it shouldn't unless I hoover my mouse over the anime title.

I was wondering if someone can help me out with the problem and possible improve the list to make it better :) ?

MrSmexyTheBeast said:
Earlier today I downloaded a Madoka Magica theme for anime, and most of it works wonderfully, and I love it. However, there were a couple problems that I would love to have sorted out. I tried checking around your other threads to see if I could sort it out myself, but to no avail. Unfortunately, I know nothing about CSS, so that also contributed to me not finding anything. Anyways...

The first of these two issues is that the headers of each section overlap with the footers.

http://prntscr.com/2az0q8

The second being that the listing part of headers is somewhat skewed. I'm guessing this is because the "priority" tab is present, but because it can only be applied to thing I have yet to watch, it only appears in one of the sections, putting the others out of proportion.

http://prntscr.com/2az23n
http://prntscr.com/2az2bn

If you need the link to the CSS, here:
http://dl.dropboxusercontent.com/s/m1n3enq05pf15rw/CSS%20Style.css

Thank you, your help (if given) is much appreciated.

Shishio-kun said:

Please leave your list up with the exact settings where these problems occur, then I can give u a fix code for it through a live edit. I don't see these issues in Chrome or Firefox atm, because you don't have the same settings as in the screencaps. Also what browser and resolution do u use just to be sure about a couple things

MrSmexyTheBeast said:


I use Google Chrome, and my monitor resolution is 1920x1080. I'm not quite sure what you mean to leave my list up with my exact settings though, so if you could clarify it would be much appreciated.

Shishio-kun said:

When I look at your list, I see no issues you mentioned or showed. The problems you see and screencapped show up when you turn on certain settings, right? Like turning on "priority". So please turn on all these settings and anything else that "breaks" the list. This way, I can create a fix for your particular list and those settings.

al_exs said:
Only select the columns you want in your list, then we can check though the code to find what is wrong/need to be modified to fit your list, as many layouts have some (number of)columns to display and more or less get some issues that need to be fixed.

Hahaido's cover generator now is working now, I updated my list this week with the last version and everything is OK.

MrSmexyTheBeast said:


Okay, all of my settings have been turned on. It looks weird as hell now; for me, at least. Here's a new screencap:
http://prntscr.com/2b07gp
http://prntscr.com/2b07mb

Also, I noticed that on one of your threads you mention that the programs for filling in any anime/manga covers haven't been working, but since it's been about a month and a half since then, I was wondering if there were any changes to that. Being the computer-OCD person that I am (everything on my computer, even desktop icons, is arranged into folders), it makes me annoyed that some of the covers don't show up on my list, since that's easily my favorite feature of this list. Obviously, it's okay if there haven't been any changes because you're not at fault, but I was just curious.

Shishio-kun said:

Ok I see those problems now on Chrome with this layout.

I'm rebuilding this entire layout now cuz its very popular but it has a lot of compatibility issues that have come up which I'd like to knock out completely for future users; there's no simple fix for the spacing line I can see unfortunately. I'm really bad with fixing things in Chrome when I didn't make them so in order to fix something in Chrome I need to have built or rebuilt the layout from start so I can keep out the incompatibility issues. So just keep an eye on this topic or the Magica layout's topic for when I remake these layouts. They'll look the same just more compatible with Chrome and other screen sizes and won't have the same spacing line error. And in the meantime, someone else will probably be able to give you a fix for your particular list when we know what settings you want.

But the header/footer problem should be easily fixed by simply going to .header_cw and the following headers after that and changing margin-top: -200px;
to -150px;

When it comes to the generator, as Al_xes said Hahaido's works now. On the front page there's a spoiler button with info you need to know about changes on MAL, and the link to Hahaido's generator is there. I'll try to find an update whatever topic you're referring to later so no one else gets confused later (been tons of things to update and fix since MAL fucked us over).

MrSmexyTheBeast said:


Awesome. The header fix worked perfectly. I'll keep an eye on both threads eagerly so I know when the fix will be out. Until then I guess I can put up with my computer-OCD. Thank you very much.

Also, I'm not 100% positive if this wasn't working, but when I first tried using the one that switched between the five characters at random upon refresh, it stayed with Kyoko the whole time, so that might not be working either.

Shishio-kun said:


These kinda cover lists need this import for proper settings

http://dl.dropboxusercontent.com/u/78340470/CSSforCatgirls.css

After that the titles sould no longer show images unless hovered. I guess for improvement the animetitles could be repositioned a little so they show up next to the number instead of a little bit down below them. Other than that looks really good

Koolman511 said:



Hello Shishio-kun

Thank you for helping me out. My next question is what you have suggested which is position next to the number but I'm not sure where in the code I can make changes as currently the anime title is overlapping the title,making it unclear.

MatijaxD said:
Hello, this question is probably common.. but I will still ask it here since I wasn't able to find the answer.
It seems like firefox is having problems with mal.. I changed my layout and it isn't visible in ff but in some other browsers it is, the same goes for profiles from other users, but there are some lists in which I can see the layouts.
Ty.

MrSmexyTheBeast said:
One more thing - what do I have to add/change to make the category buttons not scroll with the list, but instead always stay to the left of my list?

Shishio-kun said:

Find

#list_surround .status_selected, #list_surround .status_not_selected

go to codes under it and find position: then change it from absolute; to fixed;, next find left: and change it to 0 !important;

MrSmexyTheBeast said:


Awesome. Thanks again. Instead of them being fixed against the left wall though, can they be fixed somewhere in between the left wall and the list?

MrSmexyTheBeast said:

...

kuronekodesu said:

yes, change that same left: 0 !important; to another number, for example left: 50px !important;

al_exs said:


And for the list width issue, just delete the part:

@media screen and (-webkit-min-device-pixel-ratio:0) {

.td1:nth-of-type(2), .td2:nth-of-type(2){
width: 73% !important;
}

Is not the complete fix but at least is all in their place.
Now I'm trying to find out what its wrong with that, as the width of the lines are different.

xavick said:
Hey, I'm using Boku Wa tomadachi sukanai theme (http://myanimelist.net/forum/?topicid=582261), and I have 2 problems with this.

Can I somehow insert here "Black★Rock Shooter (TV)" title, cause it doesnt works when I'm writing it with "★"?

.animetitle[href$="/Anime_Title_1"] span:after,
.animetitle[href$="/Anime_Title_2"] span:after {
position: absolute;
display: block;
content: ' ';
margin-left: 484px;
margin-top: -30px;
width: 29px;
height: 30px;
background: url('http://dl.dropbox.com/u/78192465/MyAnimeList/Zen/Images/favorite.png') no-repeat;
}



And next problem.

{ cursor: url('http://dl.dropbox.com/u/78192465/MyAnimeList/Zen/Images/cursor.png'), auto; }

When I'm scrolling-down the anime list website, the cursor style isn't working on the background of anime style. It's working properly while it's on list of anime. Is it possible to works it on background too?

Thank you in advance.

kuronekodesu said:


You can just change the star and the link will work .animetitle[href$="/Black_Rock_Shooter_(TV)"]

and as for the cursor, I don't think I have a solution :/ Hopefully someone else does.

.animetitle[href$="/Angel_Beats!:_Stairway_to_Heaven"]

.animetitle[href$="/anime/9062/"]

Hahaido said:
You don't need to use titles, for example, instead of this:

you can use this:

al_exs said:
Yeah, but only in -webkit based browsers(Chrome, Safari, Opera Next), but in FireFox, Opera and IE(IE!!) looks great, so I think it's an issue with Chrome, so the fix need to be only for Chrome.

MrSmexyTheBeast said:


Well, please post if you find anything/fix anything. I'd love to know. Cheers ;)

Shishio-kun said:

Try this version of your layout to fix the jaggedness. Its the same as u have now but with changes that remove the jagged edge of the list you only see in Chrome and also round the table header correctly. Oh and its based on the desired settings you gave in this screencap:
http://prntscr.com/2b15w5



It also removes the more button since these lists can't use it with these kinda covers. And in the future if you plan to use tags, it can be easily coded for that so it looks how its supposed to in this shot: http://i.imgur.com/9GugABa.png You just have to ask here. So let me know if it all works out for u it should cuz I tested it on my list in Chrome with the same settings as you plus rating, which you don't have now but showed you wanted to use earlier. So you should turn rating back on if you're gonna use this code

edit: nm about rating, you do have it turned on

olha2 said:
hey can you guys help me out:

my problem is:
my start date en tags are not properly being displayed on my list, goto my list and see for urself (to explain better: the tag colum shoulden't be displayed becouse it should be below the picutre when u hover over the anime, instead the starting date is there) please help me fix this, the code for the list layout is in the comment section on my profile

xavick said:


Your idea doesn't work for nothing.

al_exs said:


Try with this code, has the fix for the tags column and the round in the right column.

Hahaido said:

This cannot be. Show me your try

http://speedy.sh/yjef5/2013-12-16-173646.png

http://speedy.sh/rGc4z/2013-12-16-174518.png

.animetitle[href*="/anime/9062/"] span:after

Hahaido said:
Continue using code from example

but replace $ with *

rasenshiruken973 said:
I have two questions. First, how do you change the colour of the hover on the anime titles, but not the actual text, I mean the box that it's on. Like for example on this list, it lights up green http://tinypic.com/view.php?pic=2w3cavo&s=5#.Uq826_RdXps Mine is grey atm and I can't find where to change the colour.

Second, http://myanimelist.net/forum/?topicid=412713 I want that style of Watching, Completed,On Hold, etc, but I don't know which part of the code to copy. It's these: http://i.imgur.com/VImNB.png

I'm not very good at this stuff so sorry if I said something really stupid >.<