Forum Settings
Forums

[CSS - CLASSIC] Reviewer-style layout (displays DVD/manga covers, mini-reviews, and large scores)

New
May 23, 2012 4:14 PM
#1

Online
Feb 2010
12612
This layout is custom CSS. If you don't know how to install it, use the easy Beginner's Tutorial in this section:
http://myanimelist.net/forum/?topicid=419405

The design works on both anime and manga lists. For more layouts check the full list of Premade Layouts:
http://myanimelist.net/forum/?topicid=318587


Something I've always thought the ultimate purpose of your list should be is to emphasize the score, cover pic, and a description or mini-review (written through the Tags option). This way, people who go to your list and have similar tastes can know what you like best right away, then look at your tag to know what to expect if they add that anime from your list to theirs. My newest list design captures that!



Settings needed:




You can post any questions you have about this layout here in this topic!

The code, copy everything in bold from the first @ to the last }
Shishio-kunApr 7, 2019 2:24 PM
Reply Disabled for Non-Club Members
May 23, 2012 4:59 PM
#2

Offline
Apr 2009
159
The score doesn't appear at the right place when you are not viewing your own list or when you're not logged in:


It's because you selected the score link and there is no link when you're not viewing your own list
Shishio-kunJan 24, 2013 8:37 PM
May 23, 2012 7:51 PM
#3

Online
Feb 2010
12612
OK thanks for telling me I took care of it. You always get screwed making a new layout on the log-out lol. I fixed the logged-out issue and also made it more compatible with Chrome.
Shishio-kunJan 24, 2013 8:37 PM
Jun 6, 2012 12:59 AM
#4
Offline
Jan 2012
135
I'm right now having Hahaido's transition effect in my list codes. When I mixed these codes in my list
, the list turned out to be wonky. Are the two styles not made for each other? I haven't reverted my list back to normal so you can check for the possible missing codes in the CSS part. I haven't mixed them in the dropbox documents. I've adjusted the list in such a manner that the ratings are under the Score tag and I've removed the "My Rating" part since nothing happened because of it. My List
Jun 6, 2012 11:31 AM
#5

Online
Feb 2010
12612
Styles are never made to be mixed unless you're really good at editing. Generally you can add add-ons and stuff from tutorials as long as they're not contradictory or a different version of the same thing.

Since I don't know what you're trying to do I can't tell you what adjustments to make. This layout uses #more CSS not anime title CSS btw.
Jun 6, 2012 9:32 PM
#6
Offline
Jan 2012
135
I'm using those types of codes only which you have in your CSS right now. I guess I'll experiment more with the available codes here. However, do you anyone here who might be using this style. That would make things a lil' bit easier ^_^"
Jun 6, 2012 11:12 PM
#7

Online
Feb 2010
12612
Hinaya said:
I'm using those types of codes only which you have in your CSS right now. I guess I'll experiment more with the available codes here. However, do you anyone here who might be using this style. That would make things a lil' bit easier ^_^"


I don't. It'd be best to find the codes that control whichever parts of the tags and score like you want then you can add those your CSS. Not sure if that will work tho since this CSS is very particular and won't mix well. There's a tutorial here for finding any CSS code but the ones you want are in this already probably.
Jun 17, 2012 1:58 PM
#8

Offline
Jul 2009
315
I cannot put my reviews, for some reason. I write them on the tag option, but they don't appear in the box.
EDIT: I changed the background, since I preferred to have Monster's background, I hardly think so, but do you think it's related?
CrashRHCPJun 17, 2012 2:02 PM
Signature removed. Please follow the signature rules, as defined in the Site & Forum Guidelines.
Jun 17, 2012 10:57 PM
#9

Online
Feb 2010
12612
pmac said:
I cannot put my reviews, for some reason. I write them on the tag option, but they don't appear in the box.
EDIT: I changed the background, since I preferred to have Monster's background, I hardly think so, but do you think it's related?


Thats really strange.. are you using the save button to finalize what you wrote? There's two things I can think of you can try first so we can hopefully narrow down the problem. First remove the CSS completely, and try to enter your reviews on the list without the CSS and see if they come up that way. Also, try to write a small review first. The space for reviews is limited to about 5 average sentences worth I think. But keep it small so it definitely goes up.

I don't see how the background change can be related to it, so don't worry about that.
Shishio-kunJun 17, 2012 11:01 PM
Jun 18, 2012 11:55 AM

Offline
Jul 2009
315
The tags now appear, but on the title bar. Here, My manga list, I put the tag "Test" and comment "Test" too in the first manga of the list, Ah! My Goddess, so you don't have to go through everything:
http://myanimelist.net/mangalist/pmac&status=1&order=0

EDIT: Figured out what's the problem, just not the solution. Anyways, it works fine in the anime list, but in manga list it puts on the big square the type (Manga, novel or One Shot) and puts on the title the tags.
CrashRHCPJun 18, 2012 6:41 PM
Signature removed. Please follow the signature rules, as defined in the Site & Forum Guidelines.
Jun 18, 2012 7:04 PM

Online
Feb 2010
12612
pmac said:
The tags now appear, but on the title bar. Here, My manga list, I put the tag "Test" and comment "Test" too in the first manga of the list, Ah! My Goddess, so you don't have to go through everything:
http://myanimelist.net/mangalist/pmac&status=1&order=0


OK I see what you mean now. This layout is made for a similar set up to what you see in the example pic. So, if you can narrow down the table choices, first uncheck Type since you don't use that, it just says "manga". Save it and see if it works. Mess around with the choices till you get to a setup that works. Usuually, you wanna check three boxes other than numbers before you check tags.

http://myanimelist.net/editprofile.php?go=listpreferences

Wow that layout looks really good with that background, I might use that for a manga alternate version.
Shishio-kunJun 18, 2012 7:23 PM
Jun 19, 2012 3:58 AM

Offline
Jul 2009
315
Thanks, mate. I unchecked the Type and now it works fine!
Signature removed. Please follow the signature rules, as defined in the Site & Forum Guidelines.
Jul 6, 2012 6:07 PM

Offline
Aug 2011
123
Im not really a list wiz like you but i can tell there's something not right with mine because the tag isn't in the right place and it looks like a regular tag list on my profile do you know whats wrong with it?

http://myanimelist.net/animelist/jesseman1993
Jul 6, 2012 6:09 PM

Offline
Aug 2011
123
let me see if that fixes it for me as well
Jul 6, 2012 6:18 PM

Offline
Aug 2011
123
i finally got it working right thanks for having this thread up :)
Jul 27, 2012 10:51 PM

Offline
Jan 2012
23
Just wanted to say thanks for this Shishio-kun :)
Nov 9, 2012 8:21 AM

Offline
Mar 2012
8654
I'm currently using this style for my manga list.
I mixed the button codes from Ayame's fate stay night list in this one and changed the position of the buttons from left to top. The last button (All Manga) always overlaps the headers. Anyway I can fix this ? For now I have kept the all manga button to "display: none".

I added a list background, but it starts a few pixels above the header. I want it to start exactly from where the header is placed.

Maybe I messed around too much with the codes.

Nov 9, 2012 9:23 AM

Online
Feb 2010
12612
Rinetto said:
The last button (All Manga) always overlaps the headers. Anyway I can fix this ? For now I have kept the all manga button to "display: none".

I added a list background, but it starts a few pixels above the header. I want it to start exactly from where the header is placed.


Wow thats a really good design. Anyways you'd have to readjust the position of the part you added display: none too and the headers near the top. I did it for you in preview; save your current CSS then replace with this see if it works. Should have what you're asking for if not post back. If its only a little off from what you wanted then you have to make small adjustments to header codes near the top (margin-top codes) and the part you added display: none (top and left codes) too. Firebug makes minor adjustments way easier.

Shishio-kunNov 9, 2012 9:28 AM
Nov 9, 2012 10:24 PM
Mar 20, 2013 11:05 PM

Offline
Aug 2012
140
How would I adjust the position of the mini review box to be to the left of the picture and for the score to be right under the number of episodes watched? here is an idea

http://i.imgur.com/zNB86SX.jpg

http://myanimelist.net/animelist/xXTensaZenXx


EDIT: NM I figured it out
xXTensaZenXxMar 21, 2013 12:13 AM
Jul 11, 2014 7:13 AM

Online
Feb 2010
12612
Fixed this up for a couple bad codes and the covers link is one thats updated more often than the old one.
May 28, 2015 10:59 AM

Offline
Apr 2015
97
I really like the ReviewerX fantasy theme that is based on this one.
too bad its not available :O
Jun 29, 2015 1:08 AM
Offline
May 2015
44
Thanks a lot, as you said this is the ultimate for me, but its possible to take out that dark line in the bottom?
Dec 26, 2016 10:17 AM
Offline
Oct 2013
32
xXTensaZenXx said:
How would I adjust the position of the mini review box to be to the left of the picture and for the score to be right under the number of episodes watched? here is an idea

http://i.imgur.com/zNB86SX.jpg

http://myanimelist.net/animelist/xXTensaZenXx


EDIT: NM I figured it out


How did you manage to adjust in the end? Having a similar issue, not only I want to move the review box, I want to increase the width of it as well.
Nov 1, 2018 12:36 AM

Online
Feb 2010
12612
My baby! One of the first and simplest cover layouts. It's been updated and fixed up.
Dec 21, 2018 5:34 PM

Offline
Dec 2014
9
I really liked this one :D Just cosmetic changes to hit my taste.

Thank you Shishio-kun.

Dec 22, 2018 4:32 PM

Online
Feb 2010
12612
Gomiruri said:
I really liked this one :D Just cosmetic changes to hit my taste.

Thank you Shishio-kun.


So lovely, good job! :D
Apr 6, 2019 4:57 PM
Offline
Apr 2012
6
Where i can find code to this layout? Layout of the bottom of your post is diffrent.
Apr 6, 2019 5:28 PM

Online
Feb 2010
12612
Smokk said:
Where i can find code to this layout? Layout of the bottom of your post is diffrent.


Damn, looks like I saved over this on accident somehow last year! I don't understand how that even could have happened :/ unfortunately I don't have this version saved in my documents, and wayback machine doesn't bring it up

However I have an updated version that I made for my list, so I can try to convert that into one anyone can use (I'll try to get on that this weekend after some other projects).
Apr 6, 2019 6:06 PM
Offline
Apr 2012
6
Thank you for reply.
Apr 7, 2019 3:13 AM

Online
Feb 2010
12612
Smokk said:
Thank you for reply.


OK I restored the layout back (as far as I can see) to how it was in 2012, and I made a couple improvements.

* the category links are fixed on the left side now so no more needing to scroll to the top to click them

* the add and more links were getting messy in the same space with anime that had very long names, so I moved them to the right of the score where they should be convenient to use and won't get in the way of long name anime anymore.

Might make some more adjustments tomorrow, since I think rating/score was a little more to the left. Also maybe it should be a tad bigger.

The CSS code is in the opening post under the spoiler. I'm glad someone brought this to my attn so I could fix it up, thanks! :D

Shishio-kunApr 7, 2019 3:17 AM
Jan 16, 2021 7:52 PM
Offline
Jul 2018
561912
Shishio-kun said:
This layout is custom CSS. If you don't know how to install it, use the easy Beginner's Tutorial in this section:
http://myanimelist.net/forum/?topicid=419405

The design works on both anime and manga lists. For more layouts check the full list of Premade Layouts:
http://myanimelist.net/forum/?topicid=318587


Something I've always thought the ultimate purpose of your list should be is to emphasize the score, cover pic, and a description or mini-review (written through the Tags option). This way, people who go to your list and have similar tastes can know what you like best right away, then look at your tag to know what to expect if they add that anime from your list to theirs. My newest list design captures that!



Settings needed:




You can post any questions you have about this layout here in this topic!

The code, copy everything in bold from the first @ to the last }

Hi~ Can I ask is it available for Manga settings as well or only for AnimeList? > . <
Reply Disabled for Non-Club Members

More topics from this board

» theme help

threat - Jul 5

5 by Zaryf »»
Aug 21, 5:46 AM

» [CSS - Modern] 🍰 Clarity by V.L ( 1 2 3 4 5 ... Last Page )

Valerio_Lyndon - Apr 19, 2018

1261 by KiranaStarr »»
Aug 16, 5:48 PM

» [CSS] ⭐️ Customize your List Cursor + Cursor Fixes

Shishio-kun - Mar 8, 2021

30 by Shishio-kun »»
Jul 28, 3:17 AM

» How To Have Different Banner/Cover image & Background Image For Manga & Anime Lists

YasminaRegina - Jul 25

2 by YasminaRegina »»
Jul 26, 1:02 AM

Sticky: » 💚 [REPAIR STICKY] Repair/speed up layouts + Request layout fixes ( 1 2 )

Shishio-kun - Nov 17, 2023

52 by LucaBalsa »»
Jul 6, 2:02 PM
It’s time to ditch the text file.
Keep track of your anime easily by creating your own list.
Sign Up Login