Anime/Manga List Help?

Offline

Feb 2010

11294

TsumiNoNeko said:
How do I make my list look like this?

http://myanimelist.net/animelist/Nagirah

You already have a custom layout so I'll assume you know how to add premade layouts. The layout his/her design is based on is this
http://myanimelist.net/forum/?topicid=412787
looks like someone tweaked the colors a bit and changed the background. Instructions how to do that are in the code.

And you could straight rip the layout from their page
http://myanimelist.net/forum/?topicid=399507

btw I love ur profile pic

SecretDinosaur said:
I wanted to make my tags longer, and by doing so, I messed up the other boxes a little bit. I kept trying to mess around with them, and when I would get one matched up with the line, the other boxes would shrink and mess up. I just want my header boxes to line up with their boxes.

You have a lot of the codes for realigning the boxes and increasing their width. I think what you want is to change the width of the tags box and header at the same rate. For example:

This is just tags and its header increased to 250px wide. If thats too much, lower both the widths at the bottom. They must be the same amounts. Is that the look you're going for? If not, let us know here what else needs to be done

Shishio-kunJan 12, 2016 7:06 PM

Jan 14, 2016 4:00 PM

#353

kaiwiy

Offline

Mar 2014

5

I took a bit of time and messed around a bit with premade designes and changed them up a bit. I just can't get the border which seperates the Animes to go over Notes too, would be really nice if someone who knows what he is doing could help me out there.
Also if there are other careless mistake or anything easier to code would be cool if they could be changed too.

List: http://myanimelist.net/animelist/Kay212
Code:

kaiwiyJan 14, 2016 4:17 PM

Jan 14, 2016 4:19 PM

#354

kaiwiy

Offline

Mar 2014

5

Annuvin said:
Change

.td1:last-of-type, .td2:last-of-type {
border-color: #C9A87D;
border-style: solid;
border-width: 0 3px 0 0 !important;
}

to

.td1:last-of-type, .td2:last-of-type {
border-color: #C9A87D;
border-style: solid;
border-width: 0 3px 1px 0 !important;
}

Basically, you're missing the 1 px for border-bottom there. It goes like top-right-bottom-left in the shorthand property. You have a lot of stuff that could be rewritten a bit more neatly but tbh I'm too tired to go through all of it right now.

Alright, don't worry about, thanks a lot.

Jan 14, 2016 4:34 PM

#355

kaiwiy

Offline

Mar 2014

5

Annuvin said:
Also one thing you may want to change is the hover behavior. Would probably look nicer if the whole row changed background color on hover instead of just one cell.

If you want to give it a try remove all of this:

.category_totals:hover, .td1:hover, .td2:hover, #grand_totals:hover, #copyright:hover {
background-image: url("https://dl.dropbox.com/u/57348187/MAL/PROZ2.png");
border-width: 0;
padding: 2px;
}

and add this rule:

tr:hover td[class^=td] {
    background: rgba(0, 0, 0, .7);
}

Looks indeed better, thank you again. It's quite nice that people here, who know much about CSS help others out with their own time.

Jan 27, 2016 8:19 AM

#356

CrazyBear

Offline

Oct 2014

483

Problem #1

CrazyBear said:

Shishio-kun said:

For manga lists only (everything in bold goes on top of your CSS):

I'm missing a few rollover thumbnails for some series on my manga list. I tried using the current script above but it makes my list all janky, I even tried taking the "title" part out (I have no idea what Im doing).

This is my old current one that WORKS except its lacking covers for Nichijou, Gunslinger Girl etc.
@import url(https://dl.dropboxusercontent.com/s/aunymjyr9cqdxjl/manga.css);

Problem #2
I want my background wallpaper for my manga list to "repeat". I started using tablet and there is a lot of white background.
Kind of low res(zoomed) but it will work, unless there's a setup for a "full center fixed". In any case, Thanks to Recuvan for a lightning fast response.

CSS

Edit: Solved, the help was very appreciated!

CrazyBearJan 27, 2016 6:44 PM

Jan 27, 2016 8:26 AM

#357

Offline

Jul 2018

564612

@crazybear This should work. Instead of repeating the background, this code will just adapt the background to the screen's resolution on fill in all the blank spaces.
Replace background-size: cover !important; with background-repeat: repeat !important if you really want it to repeat instead of applying my solution.

body {
background-image: url(http://i.imgur.com/JF1TEle.png?1) !important;
background-attachment: fixed !important;
background-size: cover !important;
background-position: center !important;
}

removed-userJan 27, 2016 8:31 AM

Jan 27, 2016 11:31 AM

#358

Offline

Jan 2016

14

Sorry But Can Someone Tell Me Where Can I Post This Stuff?

Jan 27, 2016 12:01 PM

#359

Offline

Jul 2018

564612

Melo-dy said:
Sorry But Can Someone Tell Me Where Can I Post This Stuff?

What "stuff" are you talking about?

Jan 27, 2016 3:36 PM

#360

Offline

Jan 2016

14

Recuvan said:

Melo-dy said:
Sorry But Can Someone Tell Me Where Can I Post This Stuff?

What "stuff" are you talking about?

This Stuff:
.header_title{
display:none;/* let the text disappear above every categorie*/
}
.header_cw{
background-image: url([imageurl currently watching]);
width:[imagewidth]px;
height:[imageheight]px;
}
.header_completed{
background-image: url([imageurl completed]);
width:[imagewidth]px;
height:[imageheight]px;
}
.header_onhold{
background-image: url([imageurl on hold]);
width:[imagewidth]px;
height:[imageheight]px;
}
.header_ptw{
background-image: url([imageurl plan to watch]);
width:[imagewidth]px;
height:[imageheight]px;
}
.header_dropped{
background-image: url([imageurl dropped]);
width:[imagewidth]px;
height:[imageheight]px;
}

Change cursor
adding a custom cursor as your list cursor, this cursor must be uploaded on the internet and must be .jpg, .gif or .png

a{
cursor: url([imageurl]) [x] [y], auto;
/* X and Y are the clickpoint of the cursor, default is 0 0 (left top) corner of the image. ,auto is that he changes back to the standard cursor if he can't load the image*/
}

Align the list
Since the list is in a DIV object you can't just say "align:left" or something like that. It's a little more tricky but not that hard to understand.

align to left
#list_surround{
margin-left:[offset]px; /* your offset from the left of your browser*/
margin-right:auto;
width:600px;
}

align to center
#list_surround{
margin: 0 auto;
width:600px;
}

align to right
#list_surround{
margin-right:[offset]px; /* your offset from the right of your browser*/
margin-left:auto;
}

align from center to a side (if you want it not in the exact center because of the wallpaper)
#list_surround{
margin: 0 auto;
position: relative;
left:[offset]px; /* set the amount pixel you want to shift to the left, if you want to go to the right this must be 0 or deleted */
right:[offset]px; /* set the amount pixel you want to shift to the right, if you want to go to the left this must be 0 or deleted */
width:600px;
}.

Lool I've figured out where to post it. but its not working for me :'(. And Yes I know I have to edit it and all, I did that yet it's still not coming up. Don't know why

Jan 27, 2016 3:39 PM

#361

Offline

Jul 2018

564612

@Melo-dy, did you choose the right layout for your lists here?

Jan 27, 2016 3:41 PM

#362

Offline

Jan 2016

14

Recuvan said:
@Melo-dy, did you choose the right layout for your lists here?

Yes. Done all that yet when I click on my list to check there was no change.

Jan 27, 2016 4:06 PM

#363

Offline

Jul 2018

564612

Melo-dy said:

Recuvan said:
@Melo-dy, did you choose the right layout for your lists here?

Yes. Done all that yet when I click on my list to check there was no change.

Change the code in the Advanced CSS Editor, record the ID of that code, set the layout ID as used by one of your lists and you're done. I don't know how can I make it any simpler.

This gide may come handy > http://myanimelist.net/forum/?topicid=200320

Jan 27, 2016 5:27 PM

#364

Offline

Feb 2010

11294

CrazyBear said:
Problem #1

CrazyBear said:

I'm missing a few rollover thumbnails for some series on my manga list. I tried using the current script above but it makes my list all janky, I even tried taking the "title" part out (I have no idea what Im doing).

This is my old current one that WORKS except its lacking covers for Nichijou, Gunslinger Girl etc.
@import url(https://dl.dropboxusercontent.com/s/aunymjyr9cqdxjl/manga.css);

Edit: still LF solution for #1 whenever

Since you're using #more for the manga list, you can use this Fellow Writer link. Replace your old current one that works with this:
@import url(http://mal-fellow-writer.appspot.com/manga/CrazyBear/?covers=https://dl.dropbox.com/u/49469857/MAL/premade/formats/covers/more);

If that ever stops working you should use this topic
http://myanimelist.net/forum/?topicid=443333
refer to "Generating your own CSS covers". The link to the topic for Fellow writers topic is there too

Jan 27, 2016 5:43 PM

#365

Offline

Jan 2016

14

Recuvan said:

Melo-dy said:

Yes. Done all that yet when I click on my list to check there was no change.

Change the code in the Advanced CSS Editor, record the ID of that code, set the layout ID as used by one of your lists and you're done. I don't know how can I make it any simpler.

This gide may come handy > http://myanimelist.net/forum/?topicid=200320

I've done exactly that and its not coming up :'(. Oh well thanks anyways

Jan 27, 2016 6:41 PM

#366

Offline

Jul 2015

820

Melo-dy said:

Recuvan said:

Change the code in the Advanced CSS Editor, record the ID of that code, set the layout ID as used by one of your lists and you're done. I don't know how can I make it any simpler.

This gide may come handy > http://myanimelist.net/forum/?topicid=200320

I've done exactly that and its not coming up :'(. Oh well thanks anyways

Just to make sure that you're putting it in the right place - there should already be some code in there starting with this:

Are you replacing that with the new codes? Also, are you sure that you clicked "Update CSS" afterwards?

Jan 28, 2016 9:41 AM

#367

Offline

Jan 2016

14

Doomcat55 said:

Melo-dy said:

I've done exactly that and its not coming up :'(. Oh well thanks anyways

Just to make sure that you're putting it in the right place - there should already be some code in there starting with this:

Are you replacing that with the new codes? Also, are you sure that you clicked "Update CSS" afterwards?

Yes Im Sure. The Only Thing I'm Not Sure About, The First Time When I Clicked On It.. It Was Blank. Like There Was No Codes There Or Anything. Can That Happen?

Jan 28, 2016 11:08 AM

#368

Offline

Jul 2015

820

Melo-dy said:

Doomcat55 said:

Just to make sure that you're putting it in the right place - there should already be some code in there starting with this:

Are you replacing that with the new codes? Also, are you sure that you clicked "Update CSS" afterwards?

Yes Im Sure. The Only Thing I'm Not Sure About, The First Time When I Clicked On It.. It Was Blank. Like There Was No Codes There Or Anything. Can That Happen?

The first time as in before you put in any codes ever, or before you put in the codes you're trying to now? What codes does it show now?

Jan 28, 2016 12:13 PM

#369

TheAchilles

Offline

Dec 2012

33

My background doesn't show up if cookies are deleted, which makes me think I am the only one who can see my background on my anime list.

How fix?

Jan 28, 2016 1:00 PM

#370

TheAchilles

Offline

Dec 2012

33

Annuvin said:
@TheAchilles
Upload it to some other hosting like http://imgur.com
https://photos-5.dropbox.com/t/2/AACajtiFVXBNiOTqtwO1e5uMyjvBFq26-mRdpysJKmQAkQ/12/376608748/png/32x32/1/_/1/2/ac84b742-d7d4-46f9-9f17-1521c1121fd0_zpsdd2a61ae.png/EOCzrP4CGA8gBygH/SSoLe8MxeNiFWZjljR0om35X8rwHOL_70-464CNi1CA?size=1280x960&size_mode=3 throws a 404 error so it's probably been deleted, set to private or something.

That fixed it. Thanks.

Jan 28, 2016 1:22 PM

#371

Offline

Jan 2016

14

Doomcat55 said:

Melo-dy said:

Yes Im Sure. The Only Thing I'm Not Sure About, The First Time When I Clicked On It.. It Was Blank. Like There Was No Codes There Or Anything. Can That Happen?

The first time as in before you put in any codes ever, or before you put in the codes you're trying to now? What codes does it show now?

Before I Put In The Codes Ever.

Jan 28, 2016 1:25 PM

#372

Offline

Jul 2018

564612

Melo-dy said:

Doomcat55 said:

The first time as in before you put in any codes ever, or before you put in the codes you're trying to now? What codes does it show now?

Before I Put In The Codes Ever.

It's supposed to be empty for the very first time as far as I'm concerned.

Jan 28, 2016 1:50 PM

#373

Offline

Jul 2015

820

Melo-dy said:

Doomcat55 said:

The first time as in before you put in any codes ever, or before you put in the codes you're trying to now? What codes does it show now?

Before I Put In The Codes Ever.

As Recuvan said, that's normal. What does it show now? The codes that you're trying to put in or the codes I showed you above?

Feb 2, 2016 11:09 PM

#374

cmpllx

Offline

Nov 2015

3

Can anyone tell me where to locate the code for the images in the top. the navigation tools. Thank you.
http://imgur.com/IsKEI1t

Feb 2, 2016 11:17 PM

#375

shawnofthedeadz

Offline

Oct 2013

1766

Thread "Anyone help?" Merged Here.

~ S & F Guidelines ~ My Profile ~ My AnimeList / MangaList ~ ShawnOfTheDeadz.com ~

Feb 3, 2016 5:56 AM

#376

Offline

Jul 2015

820

cmpllx said:
Can anyone tell me where to locate the code for the images in the top. the navigation tools. Thank you.
http://imgur.com/IsKEI1t

It's this code in your CSS:

@import "https://dl.dropboxusercontent.com/u/102421246/MAL/CSS/OreShuraTopbarAi.css";

If you want to swap it out then go to this page and find the section on "customizing the top bar": http://myanimelist.net/forum/?topicid=419405

Feb 4, 2016 12:52 AM

#377

Offline

Jan 2016

14

Recuvan said:

Melo-dy said:

Before I Put In The Codes Ever.

It's supposed to be empty for the very first time as far as I'm concerned.

I see, So That's Normal...

Feb 4, 2016 12:54 AM

#378

Offline

Jan 2016

14

Doomcat55 said:

Melo-dy said:

Before I Put In The Codes Ever.

As Recuvan said, that's normal. What does it show now? The codes that you're trying to put in or the codes I showed you above?

The Codes I'm trying to put in. I Tried it on another account I made, somehow that worked perfectly. I have no idea what's wrong with this one. Btw sorry for the late reply :)

Feb 4, 2016 8:32 AM

#379

Offline

Jul 2015

820

Melo-dy said:

Doomcat55 said:

As Recuvan said, that's normal. What does it show now? The codes that you're trying to put in or the codes I showed you above?

The Codes I'm trying to put in. I Tried it on another account I made, somehow that worked perfectly. I have no idea what's wrong with this one. Btw sorry for the late reply :)

Wait... your list has changed since you first posted your problem. Did you do that? If not, it sounds like you need to make a thread in support, since this looks like a bug with your CSS editor.

Feb 4, 2016 10:58 AM

#380

Offline

Jan 2016

14

Doomcat55 said:

Melo-dy said:

The Codes I'm trying to put in. I Tried it on another account I made, somehow that worked perfectly. I have no idea what's wrong with this one. Btw sorry for the late reply :)

Wait... your list has changed since you first posted your problem. Did you do that? If not, it sounds like you need to make a thread in support, since this looks like a bug with your CSS editor.

I Dont Recall Changing Anything Then... Lol. So Unlucky 😂. But I Guess I'll Do That.

Feb 4, 2016 5:33 PM

#381

Offline

Feb 2010

11294

hiubi said:
i have problems with my import photos.
Monster (manga) have wrong photo on list. Rest of them havent photos.
3-4 anime of my list havent photos too.
can someone fix it?
@import url(https://googledrive.com/host/0BxjwQr0BBXs-aDYxM2JlaFM2bnM);
http://myanimelist.net/animelist/hiubi
http://myanimelist.net/mangalist/hiubi

Well that import is for animelists only. For your mangalist you can just use:

@import url("http://mal-fellow-writer.appspot.com/manga/hiubi/?covers=https://dl.dropbox.com/u/49469857/MAL/premade/formats/covers/more");

You need to add that to a separate CSS for your manga list, if you aren't already using a separate one.

Feb 5, 2016 3:03 PM

#382

Offline

Feb 2010

11294

hiubi said:

Shishio-kun said:

Well that import is for animelists only. For your mangalist you can just use:

@import url("http://mal-fellow-writer.appspot.com/manga/hiubi/?covers=https://dl.dropbox.com/u/49469857/MAL/premade/formats/covers/more");

You need to add that to a separate CSS for your manga list, if you aren't already using a separate one.

Thank you. Fixed.
Now i'm fabulous <3
http://myanimelist.net/animelist/hiubi
http://myanimelist.net/mangalist/hiubi

(beautiful avatar for innocent <333)

Great! When you are missing covers on your anime list you can try to switch to this:
@import url("http://mal-fellow-writer.appspot.com/anime/hiubi/?covers=https://dl.dropbox.com/u/49469857/MAL/premade/formats/covers/more");

for your anime list. I only update the googledrive one about once a month and that fellow writer automatically updates

Feb 13, 2016 5:36 AM

#383

Venkin

Offline

Oct 2015

53

Could some of you guys check my anime list?
I'm wondering if the background is fixed and is not repeating and also if it doesn't leave any spaces.[When I check it, its OK]

If you are on a mobile/tablet, request desktop site and then check my list.
If you are on a PC just check my list.

After you are done, come back here and tell me if the background is fixed and is not repeating and also if it doesn't leave any spaces.
And last, tell me if you checked out the list from your mobile/tablet or PC.

Edit: I think it works properly now. (Thanks Tomato)

VenkinFeb 13, 2016 5:46 AM

Feb 13, 2016 5:38 AM

#384

Fuchsia

Offline

Jul 2013

7208

I'm on pc and it's working fine

yupyupyup

╮ (. ❛ ᴗ ❛.) ╭

Feb 13, 2016 5:38 AM

#385

MircallaMorrigan

Offline

Aug 2015

1410

Not repeating, but there's a huge amount of empty space on the left side, I'm using 1920x1080 screen.

Feb 13, 2016 5:39 AM

#386

Tomato

Offline

Jun 2015

957

It's not repeating but it's not covering the screen (for me atleast because my screen is big)

add this code
background-size: cover;

body {
background-image:
url(http://i.imgur.com/Z846m8E.jpg);
background-attachment: fixed;
background-position: center;
background-size: cover;
}

[CSS Classic] Simple Glass Design

WATCH BAKUON!!

Feb 13, 2016 5:41 AM

#387

dfsafsaf

Offline

Feb 2011

5533

It looks like shit on a 23 inch monitor.

Feb 13, 2016 5:51 AM

#388

Tomato

Offline

Jun 2015

957

Tomato said:
It's not repeating but it's not covering the screen (for me atleast because my screen is big)

add this code
background-size: cover;

body {
background-image:
url(http://i.imgur.com/Z846m8E.jpg);
background-attachment: fixed;
background-position: center;
background-size: cover;
}

All good now ^^ If you need any thing else just say so :P

Mod Edit: Removed quote of deleted post.

ArdanazFeb 13, 2016 6:14 AM

[CSS Classic] Simple Glass Design

WATCH BAKUON!!

Feb 13, 2016 6:15 AM

#389

Ardanaz

Offline

Aug 2014

70729

Thread merged from Casual Discussion

Forum sets
Join our club!

My Japan trip
Become a Forum mod!

Hardcore
Hardstyle

Feb 14, 2016 4:56 AM

#390

Venkin

Offline

Oct 2015

53

How can I make the tags visible on my anime list?

Feb 14, 2016 5:21 AM

#391

Offline

Jul 2018

564612

@venkin go to preferences and tick tags.

Feb 16, 2016 4:25 PM

#392

Reverb_Shock

Offline

Sep 2012

831

I need help with my CSS style. I imported from someone else and I don't know anything about coding.

My list used to look like this: http://imgur.com/NADTT95
Now it looks like this: http://imgur.com/1lJy8pC

Here's my code:

Please help me get it back to the way it was before the site update screwed it up.

Feb 16, 2016 5:52 PM

#393

Reverb_Shock

Offline

Sep 2012

831

Annuvin said:
@Reverb_Shock
None of your import links are working, I suspect that has something to do with your list looking so weird.
Check this thread for the updated code: http://myanimelist.net/forum/?topicid=412713&show=0

Thank you so much man, it worked great.

Feb 21, 2016 4:57 PM

#394

LordofSushi

Offline

Feb 2013

14

Alright, so I decided to use someone else's CSS design for both my anime list and my manga list because, well, I liked the design.

This works perfectly fine for my anime list, and it does for my manga list as well... aside from one issue on the manga side of things. It's really more of a nitpick than anything, but because it was originally meant for anime lists, after all, the amount of chapters is shown as "type" and the amount of volumes is shown as "episodes". Is there anyway to overwrite this? I admittedly know absolutely nothing about CSS, so I came here for help.

The code in question:

Feb 21, 2016 5:10 PM

#395

Offline

Jul 2015

820

LordofSushi said:
Alright, so I decided to use someone else's CSS design for both my anime list and my manga list because, well, I liked the design.

This works perfectly fine for my anime list, and it does for my manga list as well... aside from one issue on the manga side of things. It's really more of a nitpick than anything, but because it was originally meant for anime lists, after all, the amount of chapters is shown as "type" and the amount of volumes is shown as "episodes". Is there anyway to overwrite this? I admittedly know absolutely nothing about CSS, so I came here for help.

The code in question:

Go to these lines:

div#list_surround >:not([class*="header_"]):not(:nth-of-type(1)) td:nth-of-type(4):not(.table_header):before {
content: "Type: ";
}

div#list_surround > table:not([class*="header_"]):not(:nth-of-type(1)) td:nth-of-type(5):not(.table_header):before {
	content: "Episodes: ";
}

and change the text in quotes to chapters and volumes respectively

Feb 21, 2016 5:20 PM

#396

LordofSushi

Offline

Feb 2013

14

Doomcat55 said:

LordofSushi said:
Alright, so I decided to use someone else's CSS design for both my anime list and my manga list because, well, I liked the design.

This works perfectly fine for my anime list, and it does for my manga list as well... aside from one issue on the manga side of things. It's really more of a nitpick than anything, but because it was originally meant for anime lists, after all, the amount of chapters is shown as "type" and the amount of volumes is shown as "episodes". Is there anyway to overwrite this? I admittedly know absolutely nothing about CSS, so I came here for help.

The code in question:

Go to these lines:

div#list_surround >:not([class*="header_"]):not(:nth-of-type(1)) td:nth-of-type(4):not(.table_header):before {
content: "Type: ";
}

div#list_surround > table:not([class*="header_"]):not(:nth-of-type(1)) td:nth-of-type(5):not(.table_header):before {
	content: "Episodes: ";
}

and change the text in quotes to chapters and volumes respectively

I just did that, but nothing happened. :/

Feb 21, 2016 5:33 PM

#397

Offline

Jul 2018

564612

LordofSushi said:

Doomcat55 said:

Go to these lines:

div#list_surround >:not([class*="header_"]):not(:nth-of-type(1)) td:nth-of-type(4):not(.table_header):before {
content: "Type: ";
}

div#list_surround > table:not([class*="header_"]):not(:nth-of-type(1)) td:nth-of-type(5):not(.table_header):before {
	content: "Episodes: ";
}

and change the text in quotes to chapters and volumes respectively

I just did that, but nothing happened. :/

Add "!important" before your ";"

Feb 23, 2016 9:37 AM

#398

Ner098

Offline

Dec 2015

11

Anime Covers dont appear now.
https://dl.dropboxusercontent.com/u/102421246/MAL/CSS/Lists/Anime/KurumiFeat.css

Feb 23, 2016 1:55 PM

#399