❓ Ask for help here + See Frequently Asked Questions

Shishio-kun said:



The "loading cursor" shows up if you remove the custom cursor, or if the custom cursor is down, or maybe if your layout can't connect to the custom cursor URL for some reason. It won't show up in Edge either so the layouts have to updated sometime. You can add this to the bottom and that might fix it.

* {
cursor: url(http://cur.cursors-4u.net/cursors/cur-11/cur1054.cur), auto !important;
}

_Nelliel_ said:
The text on my manga list for each series that shows my progress seems to overlap and looks bunched up, but the same text format on my anime list is totally fine?

DillonA said:
Okay this might sound really stupid, but I'd like to zoom out a little bit. Like I'd like to be able to see more of my list at once.

I'd also like to add a border so my list looks like this




finally recently after I've changed my text to white I can't see anything when I search something up or set something as completed




is there a fix for this?
-Thanks

Exedian said:
how do i add multiple render :b

Luchia said:
Hi @Shishio-kun. Merry Christmas to you!

So my layout looks like this right now:


My only concern is the text in the buttons is a bit hard to read. How do you put the text inside the buttons (all/ currently watching / on-hold / dropped / plan to watch, etc.) to be ABOVE / ON TOP of the buttons? What is the code?

Luchia said:
It worked! :) Thank you so much @Shishio-kun Happy Holidays to you!

I increased the font size to 30px. Here is the code:


.status-menu-container .status-menu .status-button.all_anime{
font-size: 0;

}


.status-menu-container .status-menu .status-button.all_anime:before{
content: "All Entries";
font-size: 30px;
top: -30px;
position: relative;
width: 150px;
}

.status-menu-container .status-menu .status-button.watching{ font-size: 0;

}


.status-menu-container .status-menu .status-button.watching:before{
content: "Watching";
font-size: 30px;
top: -30px;
position: relative;
width: 150px;
}

.status-menu-container .status-menu .status-button.reading{ font-size: 0;

}


.status-menu-container .status-menu .status-button.reading:before{
content: "Reading";
font-size: 30px;
top: -30px;
position: relative;
width: 150px;
}

.status-menu-container .status-menu .status-button.completed{ font-size: 0;

}


.status-menu-container .status-menu .status-button.completed:before{
content: "Completed";
font-size: 30px;
top: -30px;
position: relative;
width: 150px;
}

.status-menu-container .status-menu .status-button.onhold{ font-size: 0;

}


.status-menu-container .status-menu .status-button.onhold:before{
content: "On Hold";
font-size: 30px;
top: -30px;
position: relative;
width: 150px;
}

.status-menu-container .status-menu .status-button.dropped{ font-size: 0;

}


.status-menu-container .status-menu .status-button.dropped:before{
content: "Dropped";
font-size: 30px;
top: -30px;
position: relative;
width: 150px;
}

.status-menu-container .status-menu .status-button.plantowatch{ font-size: 0;

}


.status-menu-container .status-menu .status-button.plantowatch:before{
content: "Plan to Watch";
font-size: 27px;
top: -30px;
position: relative;
width: 150px;
}

.status-menu-container .status-menu .status-button.plantoread{ font-size: 0;

}


.status-menu-container .status-menu .status-button.plantoread:before{
content: "Plan to Read";
font-size: 27px;
top: -30px;
position: relative;
width: 150px;
}

UPDATE: The website started bugging on me when I put "All Anime". It would put "All Anime" on the Manga List + Anime List. So I changed the Text to "All Entries"

The code works though. Thank you so much!~

chaosprophet said:
I would like to know, if there is any way to make the Tags Edit button rover on the right, like how it works with the Edit and More buttons, for the Anime Title column.

Basically so it doesn't automatically make an entry in a list always be two text lines sized, even when everything else in all other columns for that entry fit one text line.

.data.tags div {
	display: inline;
	width: auto;
}
            
.list-table .list-table-data .tags .edit {
	width: auto;
	float: right;
}

coreynj said:
I'm trying to add an edited version of my banner image so that Astolfo's eyes blink, however GIF is extremely lossy and doesn't support a range of alpha channels, and MAL is archaic and has no support for animated PNGs. Is there another way to have a lossless animated image that has support for partial transparency?

Shishio-kun said:


What is the animated image trying to use? (post or link it here)

I would just crop the blinking eyes out into a small rectangle, set it within its own element, and move that over the png render's eyes. The eyes cropped by themselves shouldn't be too degraded.

coreynj said:
The image is my banner for my anime list.

The issue with that is that each device and aspect ratio would display it differently and it'd look really weird for others.

Valerio_Lyndon said:
Try this out, adding to the bottom of your current CSS.

Shishio-kun said:
@coreynj

Also animated PNG seems to work on MAL. This one for example
https://danbooru.donmai.us/posts/783590

code I used, it showed the apng in Chrome and Firefox

.header{
height: 500px;
background-color: green;
background-image: url(https://i.ibb.co/GCsXWtj/patchouli-knowledge-touhou-drawn-by-ram-hachimin-87a92d26b2709cf46b4f4a3dcbc1f260.png) ;

}


Use this site to host animated PNG, I hope it doesn't have some kind of limit
https://ibb.co/8PzJrdV
https://imgbb.com/

This one worked too
https://danbooru.donmai.us/posts/798412

Shishio-kun said:
@coreynj

Also animated PNG seems to work on MAL. This one for example
https://danbooru.donmai.us/posts/783590

code I used, it showed the apng in Chrome and Firefox

.header{
height: 500px;
background-color: green;
background-image: url(https://i.ibb.co/GCsXWtj/patchouli-knowledge-touhou-drawn-by-ram-hachimin-87a92d26b2709cf46b4f4a3dcbc1f260.png) ;

}


Use this site to host animated PNG, I hope it doesn't have some kind of limit
https://ibb.co/8PzJrdV
https://imgbb.com/

This one worked too
https://danbooru.donmai.us/posts/798412

Bw-reverse said:
before I get to the problem thank you for reading this

the problem is that Im trying to change the color of the names of the animes because its hard to see and i have tried to follow ur videos and the code color: #9900cc; does not work (#9900cc is purple)
so if you can please help me solve this problem thank you

from- Bw-reverse

Shishio-kun said:


thank you

You can add these codes to start changing colors but purple won't show up well on the list table


/* HEADERS AND TABLE LINK FONT */
a {
color: #9900cc;
font-family: arial;
}

/* CATEGORY HEADER FONT */
.list-unit .list-status-title .text {
color: #9900cc;
font-family: arial;
}

/* CATEGORY HEADER BACKGROUND COLOR */
.list-unit .list-status-title {
background-color: ;
}

/* LIST LINK FONT */
.list-table .list-table-data .data a{
color: #9900cc;
font-family: arial;
}

/* LIST NON-LINK FONT */
body{
color: #9900cc;
font-family: arial;
}

/* TAGS EDIT FONT */
.list-table .list-table-data .tags .edit{
color: #9900cc;
font-family: arial;
}

/* LINK COLOR ON HOVER*/
a:hover,
.list-table .list-table-data .data a:hover{
color: #9900cc;
}

Bw-reverse said:
here again yet with another question lol thanks for answering my last one

my question this time is how do I make my anime line up horizontally and not vertically that way it look nicer and more organized I looked over a few videos and cant find it on your youtube

Shishio-kun said:
@Kaiz

DillonA said:
Hello



this is what my list currently looks like, overall I'm really happy with it but there seems to be a problem in that the text, especially in the tags is sort of hard to read. I could make the list itself darker (currently on 0.1) but it kind of ruins the pop of the sunset. Any ideas on how to make the text easier to read. If there's no good way I'm fine with just setting the darkness to 0.5 or something

-Thanks

Shishio-kun said:
@DillonA
before you add those codes, add a closing bracket to the end of your CSS first. Not having a closing bracket at the end will block all codes you add

this is a closing bracket
}

DillonA said:
Yeah and to be honest I hate to be so difficult, but I kind of liked it better as blue. I wish I could make the tags and just the tags easier to read by changing the font or something

DillonA said:

Thanks a lot! Also is there a font that makes the text larger and easier to read because bold kind of made my text smaller


also I might have missed it but how do I make these white

Shishio-kun said:






/* Sort Links color */
is the sort links colors, just add the color white after color

/* Sort Links color */
.list-table .list-table-header .header-title .link, .list-table .list-table-header .header-title .link.sort, .list-table .list-table-header .header-title{
color: white ;
font-family: arial;
}

You have to pick a font which the browser or PC has or install a new one with the font video in the group. I don't have any to suggest. You can also add font-size: 20px; and change the font size like you do with color

/* Sort Links color */
.list-table .list-table-header .header-title .link, .list-table .list-table-header .header-title .link.sort, .list-table .list-table-header .header-title{
color: white ;
font-family: arial;
font-size: 20px;
}





Use this to change tags colors or switch the font. But I don't have a font to suggest since its still going to be blue text on a dark background and it will be hard to read.

.list-table .list-table-data .data.tags a {
color: white !important;
font-size: 14px;
font-family: helvetica;
}


There's a topic on changing tags
https://myanimelist.net/forum/?topicid=1862308

and fonts
https://myanimelist.net/forum/?topicid=1792455

DillonA said:


Thanks so much for putting up with my idiocy.

These tags in the pictures I shown, won't change color with any of the bbc codes? It might be just me though

Shishio-kun said:



Your tags are colored, do you see? D:

DillonA said:


Oh wait, there seems to be a misunderstanding because I was talking about these

The image, anime title, score, and progress thing at the top.

Shishio-kun said:


You have some problems in your code with missing selectors and incomplete brackets again, this is going to keep causing problems every time you add codes.

Whenever you add a new set of codes, like

body{
color: white;
font-family: arial;
}

You always need to end them with the closing bracket
}
or else everything under it can break. And before the opening bracket
{
you need a selector (like body or something). You only want one closing and opening bracket per set of codes you add, so make sure you always copy the entire thing.





To fix your layout, this opening bracket near the bottom is blocking the codes below and needs to go. It should have a selector before it and a closing bracket above it. But if you just delete that bracket everything should work again fine.

Shishio-kun said:


You have some problems in your code with missing selectors and incomplete brackets again, this is going to keep causing problems every time you add codes.

Whenever you add a new set of codes, like

body{
color: white;
font-family: arial;
}

You always need to end them with the closing bracket
}
or else everything under it can break. And before the opening bracket
{
you need a selector (like body or something). You only want one closing and opening bracket per set of codes you add, so make sure you always copy the entire thing.





To fix your layout, this opening bracket near the bottom is blocking the codes below and needs to go. It should have a selector before it and a closing bracket above it. But if you just delete that bracket everything should work again fine.

Tonceq said:

HI. Can I ask you for some help?
I send you image of my anime list and at corner on the right is cogwheel, which was not there before.

And I want your help to remove it or at least make that smaller, so that it cannot be seen.

Neremesis said:
I have a question! So, about removing stuff of the website:

I want to hide that ugly orange "hide ads" button from my page, but I followed the steps on your tutorial video with the code selector and it didn't work :(

I tried multiple times bc I supposed I was selecting the wrong code, so I tried with a couple of different codes and it still didn't work. I wrote eveything right as it's written in the video tho, so it's not bc of a writting mistake :(