❓ Ask for help here + See Frequently Asked Questions

Offline

Feb 2010

12632

blissom said:

Shishio-kun said:

Go to the bottom of the code and scroll up a little to
/* COVER AREA
under there is left and top codes. You can change the number to move the cover pic.

You can try the code on the manga list, and if it doesn't work right, we have to change the line at the top to a manga import but it should be available

hello, yes i changed the top part and changed the parts to suit my mangalist more, but now the covers aren't showing up. only one cover shows and its different from the actual title.

What about now? It looks like its the correct covers now on the manga list.

Aug 22, 2020 7:20 AM

#6352

Zwavel

Offline

Dec 2015

18

Hello, I've been making a custom list using one of your codes (link below) and I was wondering if there was a way to make my list not zoom in on an anime cover when I hover over it with my mouse? I find it kind of annoying. What code should I delete?

Code link: https://controlc.com/ca773d99
My list: https://myanimelist.net/animelist/Zwavel

Thanks in advance.

Aug 22, 2020 3:21 PM

#6353

Offline

Feb 2010

12632

Zwavel said:
Hello, I've been making a custom list using one of your codes (link below) and I was wondering if there was a way to make my list not zoom in on an anime cover when I hover over it with my mouse? I find it kind of annoying. What code should I delete?

Code link: https://controlc.com/ca773d99
My list: https://myanimelist.net/animelist/Zwavel

Thanks in advance.

find and delete

.list-table .list-table-data:hover .data.image a:before {
transition: all .2s ease-in-out;
transform: scale(1.1);
}

delete this to remove the title resizing on hover

.list-table .list-table-data:hover .data.title .link {
letter-spacing: 0.5px;
transition: all 0.1s ease 0s;
color:#fff !important;
}

Shishio-kunAug 22, 2020 3:24 PM

Aug 23, 2020 10:24 AM

#6354

blissom

Offline

Feb 2019

32

@Shishio-kun yes everything looks great now. tysm for all the help and advice. <3

Aug 25, 2020 10:20 AM

#6355

Rukia_Motionless

Offline

Dec 2019

18

Hello everyone. I'm new here and I would very much like to make my manga and anime list something different from the classic and modern style. However, I don't know how to do it, do I have to use any codes and do I need any special skills? Thanks! <3 I will be very happy if someone helps me!

Aug 25, 2020 2:49 PM

#6356

Offline

Feb 2010

12632

otaku_R_miw said:
Hello everyone. I'm new here and I would very much like to make my manga and anime list something different from the classic and modern style. However, I don't know how to do it, do I have to use any codes and do I need any special skills? Thanks! <3 I will be very happy if someone helps me!

You don't need any special skills :D

You can pick a layout from this page and install the codes so it shows up on your list. I take you through the whole process in the Install a layout video, it's worked for many other people
https://myanimelist.net/forum/?topicid=1499058

Shishio-kunAug 25, 2020 2:55 PM

Aug 26, 2020 5:24 AM

#6357

Rukia_Motionless

Offline

Dec 2019

18

@Shishio-kun I will try to install code, but somewhere I read that it is forbidden to use foreign codes?

Aug 26, 2020 2:02 PM

#6358

Cute_Monster

Offline

Sep 2019

3812

Hello! I want to design an about me layout, but I can barely use a PC because mine is an old one, is there any Android app you would recommend me for that porpoise?
Thanks!

ｄｅｌｉｖｅｒｉｅｓ || ｃａｒｄｓｌｉｐｓ || ｓｅｔｂｙ: t i t a n w e e b ｔｈａｎｋｓ r e n

Aug 26, 2020 2:48 PM

#6359

Offline

Feb 2010

12632

otaku_R_miw said:
@Shishio-kun I will try to install code, but somewhere I read that it is forbidden to use foreign codes?

I don't know about that, but even the admins know about this group and encourage it and let us have contests with custom (foreign) codes in the official forum

Aug 26, 2020 2:48 PM

#6360

Offline

Feb 2010

12632

Cute_Monster said:
Hello! I want to design an about me layout, but I can barely use a PC because mine is an old one, is there any Android app you would recommend me for that porpoise?
Thanks!

Try Photopea, it works on phones even :D

https://www.youtube.com/watch?v=9stGX2U3YeY&feature=youtu.be

Aug 26, 2020 4:23 PM

#6361

Cute_Monster

Offline

Sep 2019

3812

Shishio-kun said:

Cute_Monster said:
Hello! I want to design an about me layout, but I can barely use a PC because mine is an old one, is there any Android app you would recommend me for that porpoise?
Thanks!

Try Photopea, it works on phones even :D

https://www.youtube.com/watch?v=9stGX2U3YeY&feature=youtu.be

Thanks for your suggestion! I'll check it out!

ｄｅｌｉｖｅｒｉｅｓ || ｃａｒｄｓｌｉｐｓ || ｓｅｔｂｙ: t i t a n w e e b ｔｈａｎｋｓ r e n

Aug 27, 2020 6:37 AM

#6362

Rukia_Motionless

Offline

Dec 2019

18

@Shishio-kun Thank you so much for help! <3

Aug 27, 2020 12:01 PM

#6363

Offline

Dec 2018

130

hey, need help in re-positioning the render from my anime list to lil bit left. also how can do i highlight 'favorites' in list.

Aug 27, 2020 5:23 PM

#6364

Offline

Feb 2010

12632

sAgE9 said:
hey, need help in re-positioning the render from my anime list to lil bit left. also how can do i highlight 'favorites' in list.

Go to the render code in your CSS, find:
/* BOTTOM RENDER

and adjust the percentage or px amount after left then save the codes, until the render moves where you want
left:calc(50% + 560px);

so something like 49%, 48% maybe instead might be what you want.

This is already mentioned in the topic, so please check the topic for any future questions about the layout: https://myanimelist.net/forum/?topicid=1640096

For highlighting the favorites, here's two ways. You can add them to the bottom of your CSS.

This would add a heart next to the title Black Clover
.data.title a[href$="/Black_Clover"]:before {
display: inline-block;
content: '';
width: 16px;
height: 12px;
background-image: url(https://i.imgur.com/ul1CJfC.png);
background-size: contain;
background-repeat: no-repeat;
background-position: left center;}

And this would highlight the title Gintama.

.list-table a[href$="/Gintama"]:after {
content: '';
width: 200px;
height: 300px;
position: absolute;
top: -300px;
left: 0px;
z-index: 0 !important;
box-shadow: 0px 0px 21px 4px rgba(255,217,0,1);
}

So you can just replace the anime names with whichever ones you want and keep re-adding the codes :D

Aug 28, 2020 12:32 AM

#6365

Offline

Dec 2018

130

Shishio-kun said:

sAgE9 said:
hey, need help in re-positioning the render from my anime list to lil bit left. also how can do i highlight 'favorites' in list.

Go to the render code in your CSS, find:
/* BOTTOM RENDER

and adjust the percentage or px amount after left then save the codes, until the render moves where you want
left:calc(50% + 560px);

so something like 49%, 48% maybe instead might be what you want.

This is already mentioned in the topic, so please check the topic for any future questions about the layout: https://myanimelist.net/forum/?topicid=1640096

For highlighting the favorites, here's two ways. You can add them to the bottom of your CSS.

This would add a heart next to the title Black Clover
.data.title a[href$="/Black_Clover"]:before {
display: inline-block;
content: '';
width: 16px;
height: 12px;
background-image: url(https://i.imgur.com/ul1CJfC.png);
background-size: contain;
background-repeat: no-repeat;
background-position: left center;}

And this would highlight the title Gintama.

.list-table a[href$="/Gintama"]:after {
content: '';
width: 200px;
height: 300px;
position: absolute;
top: -300px;
left: 0px;
z-index: 0 !important;
box-shadow: 0px 0px 21px 4px rgba(255,217,0,1);
}

So you can just replace the anime names with whichever ones you want and keep re-adding the codes :D

Shishio-kun said:

sAgE9 said:
hey, need help in re-positioning the render from my anime list to lil bit left. also how can do i highlight 'favorites' in list.

Go to the render code in your CSS, find:
/* BOTTOM RENDER

and adjust the percentage or px amount after left then save the codes, until the render moves where you want
left:calc(50% + 560px);

so something like 49%, 48% maybe instead might be what you want.

This is already mentioned in the topic, so please check the topic for any future questions about the layout: https://myanimelist.net/forum/?topicid=1640096

For highlighting the favorites, here's two ways. You can add them to the bottom of your CSS.

This would add a heart next to the title Black Clover
.data.title a[href$="/Black_Clover"]:before {
display: inline-block;
content: '';
width: 16px;
height: 12px;
background-image: url(https://i.imgur.com/ul1CJfC.png);
background-size: contain;
background-repeat: no-repeat;
background-position: left center;}

And this would highlight the title Gintama.

.list-table a[href$="/Gintama"]:after {
content: '';
width: 200px;
height: 300px;
position: absolute;
top: -300px;
left: 0px;
z-index: 0 !important;
box-shadow: 0px 0px 21px 4px rgba(255,217,0,1);
}

So you can just replace the anime names with whichever ones you want and keep re-adding the codes :D

Thank you, appreciate it and sorry for the trouble.

Aug 28, 2020 1:29 AM

#6366

Offline

Dec 2018

130

Shishio-kun said:

sAgE9 said:
hey, need help in re-positioning the render from my anime list to lil bit left. also how can do i highlight 'favorites' in list.

Go to the render code in your CSS, find:
/* BOTTOM RENDER

and adjust the percentage or px amount after left then save the codes, until the render moves where you want
left:calc(50% + 560px);

so something like 49%, 48% maybe instead might be what you want.

This is already mentioned in the topic, so please check the topic for any future questions about the layout: https://myanimelist.net/forum/?topicid=1640096

For highlighting the favorites, here's two ways. You can add them to the bottom of your CSS.

This would add a heart next to the title Black Clover
.data.title a[href$="/Black_Clover"]:before {
display: inline-block;
content: '';
width: 16px;
height: 12px;
background-image: url(https://i.imgur.com/ul1CJfC.png);
background-size: contain;
background-repeat: no-repeat;
background-position: left center;}

And this would highlight the title Gintama.

.list-table a[href$="/Gintama"]:after {
content: '';
width: 200px;
height: 300px;
position: absolute;
top: -300px;
left: 0px;
z-index: 0 !important;
box-shadow: 0px 0px 21px 4px rgba(255,217,0,1);
}

So you can just replace the anime names with whichever ones you want and keep re-adding the codes :D

hey, is there a specific way to write "Fate/stay night Movie: Heaven's Feel - II. Lost butterfly" while adding it in css highlighted favorites, because its not working on animes with such title.

Aug 28, 2020 3:40 AM

#6367

Offline

Jul 2016

466

Valerio_Lyndon said:

i noticed something
https://myanimelist.net/animelist/mutsuto?status=7&s=Sol%20Levante

when i use the search function to return only 1 entry there is still the possibility for a "time-out" / no image.
surely the issue of long list's would not be a factor when filtering to only one entry?

Aug 29, 2020 8:54 AM

#6368

_cjessop19_

Offline

Nov 2018

6126

I'm just finishing touching up my list and there's a couple of things that I want to know. Is it possible on the modern lists for me to:

- Add a horizontal line (and change the thickness of it) running across the header all the way under the title and the filter & stats button? And can those buttons be pushed up slightly as well?
- Have each of the ratings be represented by a different color? (10-1 ranging in colors from Purple to red --> maybe have a bunch of 'if, then' statements somewhere in the code?)

And also, what code do I write down to align the text in my tags to the left and the edit button to the right?

(If you're gonna reply with the code, put it in spoiler tags thanks)

_cjessop19_Aug 29, 2020 10:05 AM

MAL EMOJIS - Get your specially formatted emojis for MAL forums.

Aug 29, 2020 12:39 PM

#6369

Install list designs without any CSS knowledge!

平沢唯

Offline

Dec 2016

2206

mutsuto said:
i noticed something
https://myanimelist.net/animelist/mutsuto?status=7&s=Sol%20Levante

when i use the search function to return only 1 entry there is still the possibility for a "time-out" / no image.
surely the issue of long list's would not be a factor when filtering to only one entry?

That would make sense! Unfortunately though, the generator caches results for your entire lists, regardless of what you're currently viewing. So the result is the same.

Aug 29, 2020 2:49 PM

#6370

Install list designs without any CSS knowledge!

平沢唯

Offline

Dec 2016

2206

_cjessop19_ said:
I'm just finishing touching up my list and there's a couple of things that I want to know. Is it possible on the modern lists for me to:

- Add a horizontal line (and change the thickness of it) running across the header all the way under the title and the filter & stats button? And can those buttons be pushed up slightly as well?

I think I understand what you mean here. Try out this code. It has comments throughout explaining what things do so you can tweak it a bit to try and fit your desired result.

_cjessop19_ said:
- Have each of the ratings be represented by a different color? (10-1 ranging in colors from Purple to red --> maybe have a bunch of 'if, then' statements somewhere in the code?)

_cjessop19_ said:
And also, what code do I write down to align the text in my tags to the left and the edit button to the right?

Valerio_LyndonAug 29, 2020 4:16 PM

Aug 29, 2020 3:10 PM

#6371

Offline

Feb 2010

12632

sAgE9 said:

Shishio-kun said:

Go to the render code in your CSS, find:
/* BOTTOM RENDER

and adjust the percentage or px amount after left then save the codes, until the render moves where you want
left:calc(50% + 560px);

so something like 49%, 48% maybe instead might be what you want.

This is already mentioned in the topic, so please check the topic for any future questions about the layout: https://myanimelist.net/forum/?topicid=1640096

For highlighting the favorites, here's two ways. You can add them to the bottom of your CSS.

This would add a heart next to the title Black Clover
.data.title a[href$="/Black_Clover"]:before {
display: inline-block;
content: '';
width: 16px;
height: 12px;
background-image: url(https://i.imgur.com/ul1CJfC.png);
background-size: contain;
background-repeat: no-repeat;
background-position: left center;}

And this would highlight the title Gintama.

.list-table a[href$="/Gintama"]:after {
content: '';
width: 200px;
height: 300px;
position: absolute;
top: -300px;
left: 0px;
z-index: 0 !important;
box-shadow: 0px 0px 21px 4px rgba(255,217,0,1);
}

So you can just replace the anime names with whichever ones you want and keep re-adding the codes :D

hey, is there a specific way to write "Fate/stay night Movie: Heaven's Feel - II. Lost butterfly" while adding it in css highlighted favorites, because its not working on animes with such title.

I would try to import your CSS to bypass any restrictions
https://myanimelist.net/forum/?topicid=411779

I think there's an alternative way to write such titles but I don't remember what it is

Shishio-kunAug 29, 2020 3:17 PM

Aug 29, 2020 3:13 PM

#6372

Offline

Jul 2016

466

Valerio_Lyndon said:

That would make sense! Unfortunately though, the generator caches results for your entire lists, regardless of what you're currently viewing. So the result is the same.

would it be possible to have the generator not do that? not cache the whole list but only what the user is trying to view at the time?
some king of dynamic thing that understands what the page is specifically trying to load and display, then only cache whats relevent?

edit: [ im guessing the answer is - no ]

mtsRheaAug 29, 2020 3:17 PM

Aug 29, 2020 4:15 PM

#6373

Install list designs without any CSS knowledge!

平沢唯

Offline

Dec 2016

2206

mutsuto said:

Valerio_Lyndon said:

That would make sense! Unfortunately though, the generator caches results for your entire lists, regardless of what you're currently viewing. So the result is the same.

would it be possible to have the generator not do that? not cache the whole list but only what the user is trying to view at the time?
some king of dynamic thing that understands what the page is specifically trying to load and display, then only cache whats relevent?

edit: [ im guessing the answer is - no ]

You'd be right, it's not possible (with this tool, anyway).

Sep 2, 2020 9:07 PM

#6374

Offline

Feb 2010

12632

@sAgE9 I've got alternative ways to write these codes for Fate/stay night Movie: Heaven's Feel - II. Lost Butterfly if you still need it, thanks to Valerio_Lyndon's help in another thread.

Try these, it looks like it works in preview :D

.data.title a[href*="/33049"]:before {
display: inline-block;
content: '';
width: 16px;
height: 12px;
background-image: url(https://i.imgur.com/ul1CJfC.png);
background-size: contain;
background-repeat: no-repeat;
background-position: left center;}

.list-table a[href*="/33049"]:after {
content: '';
width: 200px;
height: 300px;
position: absolute;
top: -300px;
left: 0px;
z-index: 0 !important;
box-shadow: 0px 0px 21px 4px rgba(255,217,0,1);
}

Also I've got some new codes here related to this you might want to look at:
https://myanimelist.net/forum/?topicid=1862439

Sep 3, 2020 4:06 AM

#6375

Offline

Dec 2018

130

Shishio-kun said:
@sAgE9 I've got alternative ways to write these codes for Fate/stay night Movie: Heaven's Feel - II. Lost Butterfly if you still need it, thanks to Valerio_Lyndon's help in another thread.

Try these, it looks like it works in preview :D

.data.title a[href*="/33049"]:before {
display: inline-block;
content: '';
width: 16px;
height: 12px;
background-image: url(https://i.imgur.com/ul1CJfC.png);
background-size: contain;
background-repeat: no-repeat;
background-position: left center;}

.list-table a[href*="/33049"]:after {
content: '';
width: 200px;
height: 300px;
position: absolute;
top: -300px;
left: 0px;
z-index: 0 !important;
box-shadow: 0px 0px 21px 4px rgba(255,217,0,1);
}

Also I've got some new codes here related to this you might want to look at:
https://myanimelist.net/forum/?topicid=1862439

hey thanks, its working now. i just removed the yellow highlight as its repeating itself on top of the anime but looks fine with just hearts for now

Sep 3, 2020 3:14 PM

#6376

Offline

Feb 2010

12632

sAgE9 said:

Shishio-kun said:
@sAgE9 I've got alternative ways to write these codes for Fate/stay night Movie: Heaven's Feel - II. Lost Butterfly if you still need it, thanks to Valerio_Lyndon's help in another thread.

Try these, it looks like it works in preview :D

.data.title a[href*="/33049"]:before {
display: inline-block;
content: '';
width: 16px;
height: 12px;
background-image: url(https://i.imgur.com/ul1CJfC.png);
background-size: contain;
background-repeat: no-repeat;
background-position: left center;}

.list-table a[href*="/33049"]:after {
content: '';
width: 200px;
height: 300px;
position: absolute;
top: -300px;
left: 0px;
z-index: 0 !important;
box-shadow: 0px 0px 21px 4px rgba(255,217,0,1);
}

Also I've got some new codes here related to this you might want to look at:
https://myanimelist.net/forum/?topicid=1862439

hey thanks, its working now. i just removed the yellow highlight as its repeating itself on top of the anime but looks fine with just hearts for now

yay :D

Sep 4, 2020 7:13 AM

#6377

Ana28

Offline

Oct 2012

6

Hello can you help me I cannot chan my modern list. The messagem is Polishing inside of screen, What happened? How to resolve?

Sep 4, 2020 3:53 PM

#6378

Offline

Feb 2010

12632

Ana28 said:
Hello can you help me I cannot chan my modern list. The messagem is Polishing inside of screen, What happened? How to resolve?

I think MAL is laggy right now, there's some posts about it in the support forum. Try again later :D

Sep 5, 2020 12:56 AM

#6379

Ana28

Offline

Oct 2012

6

Shishio-kun said:

Ana28 said:
Hello can you help me I cannot chan my modern list. The messagem is Polishing inside of screen, What happened? How to resolve?

I think MAL is laggy right now, there's some posts about it in the support forum. Try again later :D

Ok thanks :)

Sep 5, 2020 4:52 PM

#6380

Offline

Jul 2016

466

Valerio_Lyndon said:

mutsuto said:

would it be possible to have the generator not do that? not cache the whole list but only what the user is trying to view at the time?
some king of dynamic thing that understands what the page is specifically trying to load and display, then only cache whats relevent?

edit: [ im guessing the answer is - no ]

You'd be right, it's not possible (with this tool, anyway).

ok i have another idea, what if instead of having the imported image list have the posters for all of mal, how about just the top 1000 or 2000 anime. maybe with some hand picked exceptions, e.g. my favourites of obscure stuff.

but to get this right, i need to understand something on how this import works.
when someone is viewing a page on my mal, e.g. currently watching
how many is it trying to load?

there are 227 entries on my watching list, but when before i mentioned using a search function to limit the results down to only a couple you mentioned it was loading teh whole list.

do you mean the whole-whole list, my entire 10 thousand entries?

or is it trying to load the entire database, 30 thousand ish? it cant be that because this is only an issue affecting large lists.
this is why i also dont think its only loading 300, which are the chunk sizes which load as you scroll down a modern list. i think thats 300 anyway.

cus i was wondering if my imported list just didnt have all the lines for everything ive dropped, wouldn't that be pretty neat if that sovled the problem.
id be happy to give up posters for my dropped list if it make laods more consistent.
there is probably an optimum number of lines in the import file to try and find.

what do yall think to this line of reasoning?

Sep 6, 2020 3:24 PM

#6381

Offline

Feb 2010

12632

ldanes said:
I need you help.

I made 2 gif but the size are to big to not delay the page (at least in my internet), the little one:

I was trying to made the ''blue' colors to alpha in Gimp to only have the waifu in front and background in transparency (selecting all the image but not the eyes), but i can't bc i'm forced to do it layer by layer (can't agroup).
The second, i'm just trying to make it lighther but ezgif can't do it more than 5 mb, i was trying to reduce the colors (posterize) but i've the same problem as the first

Any help will be appreciated, sorry for my bad english :-)

Unfortunately I don't understand :/

But I would use Camtasia and JASC Animation Shop instead of GIMP for possibly better quality.
https://youtu.be/4C2sDMqg8qM
Too many colors cause GIF problems, if that is the issue.

Sep 8, 2020 12:34 AM

#6382

Install list designs without any CSS knowledge!

平沢唯

Offline

Dec 2016

2206

mutsuto said:
when someone is viewing a page on my mal, e.g. currently watching
how many is it trying to load?

The auto generator most people use would load everything on your list, so all 10k.

But I just checked, and you seem to be using a static (non-changing) Dropbox import right now, which will load everything it contains (about 16k).

If I remember correctly, you started using the Dropbox import due to the inconsistency of the auto generator. Although, I am unsure where the dropbox import is originally from.

I'm not quite sure what your end goal here is though. Are missing images being problematic again? You should be able to fix most of those issues by using a more up to date cover CSS file, such as the one I currently manage:

@\import "https://dl.dropboxusercontent.com/s/71mrsl1iz0z11p2/animelist_dataimagelinkbefore.css";

This is the limitation of static hosting. It does provide a consistent result for the images you have in that static file, where-as I remember you were having trouble with the generator being hit or miss. But, on the other hand, it has to be updated every once in a while with new images. In the case of the link above, I do the work of keeping it relatively up to date, so that shouldn't be as much of a problem.

Or are you looking for ways to optimize page loading times? As long as the load times are bearable, it's probably not necessary.

Sep 8, 2020 4:45 AM

#6383

Offline

Jul 2016

466

Valerio_Lyndon said:

@\import "https://dl.dropboxusercontent.com/s/71mrsl1iz0z11p2/animelist_dataimagelinkbefore.css";

HOLY FUCK THIS JUST FIXED IT IT ALL LOADS PERFECTLY TYTYTYTYTYTY <3!!!!

the issue i was trying to fix was the rng of some images not loading,
i thought if instead of hosting the entire 10k or 16k, i could have a more curated list maybe that would fix the consistency issue.
but this did it perfectly!!!

Sep 8, 2020 10:01 PM

#6384

ldanes

Offline

Jan 2020

210

Shishio-kun said:

ldanes said:
I need you help.

I made 2 gif but the size are to big to not delay the page (at least in my internet), the little one:

I was trying to made the ''blue' colors to alpha in Gimp to only have the waifu in front and background in transparency (selecting all the image but not the eyes), but i can't bc i'm forced to do it layer by layer (can't agroup).
The second, i'm just trying to make it lighther but ezgif can't do it more than 5 mb, i was trying to reduce the colors (posterize) but i've the same problem as the first

Any help will be appreciated, sorry for my bad english :-)

Unfortunately I don't understand :/

But I would use Camtasia and JASC Animation Shop instead of GIMP for possibly better quality.
https://youtu.be/4C2sDMqg8qM
Too many colors cause GIF problems, if that is the issue.

I'll check it, sorry for not been clear :-)

Humans may have two eyes, but we can only see one thing

Don't use the scores to see an anime

ええい！なんでもやってやる

Sep 16, 2020 2:59 PM

#6385

dadnaya

Offline

Oct 2013

1788

Hi, I need some help

I've been using the "Add custom backgrounds & color" script for a while now and it worked perfectly.

Suddenly today, I noticed that whenever I go to a season's page and scroll down, the entire page but the background disappears. Turning off that script fixes it (but also removes the background I made)

Image when I load the season's page:

Then when I scroll down:

What happened? How do I fix it?

It also happens specifically in season's pages, nowhere else on MAL that I've noticed

Edit: I've also noticed that when I scroll down the HTML in the page changes.

This line: <div class="navi-seasonal js-navi-seasonal" style="left: 0px;">

turns into: <div class="navi-seasonal js-navi-seasonal fixed" style="left: 145px;">

for example. What's that "fixed"? And was everything pushed to the left? Happens also in other places

Weirdly enough if I use my adblock to remove "myanimelist.net##.season_nav" (basically the part which says the season you're currently on), the problem is fixed. Is there a collision between the two?

dadnayaSep 16, 2020 3:14 PM

Sep 16, 2020 3:20 PM

#6386

Offline

Feb 2010

12632

dadnaya said:
Hi, I need some help

I've been using the "Add custom backgrounds & color" script for a while now and it worked perfectly.

Suddenly today, I noticed that whenever I go to a season's page and scroll down, the entire page but the background disappears. Turning off that script fixes it (but also removes the background I made)

Image when I load the season's page:

Then when I scroll down:

What happened? How do I fix it?

It also happens specifically in season's pages, nowhere else on MAL that I've noticed

Edit: I've also noticed that when I scroll down the HTML in the page changes.

This line: <div class="navi-seasonal js-navi-seasonal" style="left: 0px;">

turns into: <div class="navi-seasonal js-navi-seasonal fixed" style="left: 145px;">

for example. What's that "fixed"? And was everything pushed to the left? Happens also in other places

Weirdly enough if I use my adblock to remove "myanimelist.net##.season_nav" (basically the part which says the season you're currently on), the problem is fixed. Is there a collision between the two?

Can you link the page where this happens? If I can recreate the problem I can update the script, maybe? :D

Sep 16, 2020 3:24 PM

#6387

dadnaya

Offline

Oct 2013

1788

Shishio-kun said:

dadnaya said:
Hi, I need some help

I've been using the "Add custom backgrounds & color" script for a while now and it worked perfectly.

Suddenly today, I noticed that whenever I go to a season's page and scroll down, the entire page but the background disappears. Turning off that script fixes it (but also removes the background I made)

Image when I load the season's page:

Then when I scroll down:

What happened? How do I fix it?

It also happens specifically in season's pages, nowhere else on MAL that I've noticed

Edit: I've also noticed that when I scroll down the HTML in the page changes.

This line: <div class="navi-seasonal js-navi-seasonal" style="left: 0px;">

turns into: <div class="navi-seasonal js-navi-seasonal fixed" style="left: 145px;">

for example. What's that "fixed"? And was everything pushed to the left? Happens also in other places

Weirdly enough if I use my adblock to remove "myanimelist.net##.season_nav" (basically the part which says the season you're currently on), the problem is fixed. Is there a collision between the two?

Can you link the page where this happens? If I can recreate the problem I can update the script, maybe? :D

Yup, here: https://myanimelist.net/anime/season

Looks like it happens for every season, so here: https://myanimelist.net/anime/season/2017/winter for example as well

Looks like MAL coded in something that interferes with the script...

Thanks! Waiting for updates

Sep 17, 2020 12:04 AM

#6388

Install list designs without any CSS knowledge!

平沢唯

Offline

Dec 2016

2206

@Shishio-kun I managed to reproduce the issue, looks like it's an issue of selector specificity. Specifically, line ~7 in the "Add custom backgrounds & color" theme should be changed. Currently:

h1:before {

Change to:

#contentWrapper > div:first-of-type > h1:before {

This fixed the seasonal page for me, and as far as I know will not break it on any of the other pages.

Problem was probably caused by MAL making changes to the styling, I've noticed my personal theme has a few things broken this week due to various minor changes to the code.

Sep 17, 2020 1:13 AM

#6389

Offline

Feb 2010

12632

Valerio_Lyndon said:
@Shishio-kun I managed to reproduce the issue, looks like it's an issue of selector specificity. Specifically, line ~7 in the "Add custom backgrounds & color" theme should be changed. Currently:

h1:before {

Change to:

#contentWrapper > div:first-of-type > h1:before {

This fixed the seasonal page for me, and as far as I know will not break it on any of the other pages.

Problem was probably caused by MAL making changes to the styling, I've noticed my personal theme has a few things broken this week due to various minor changes to the code.

OK thanks, I was going to use
.page-common #headerSmall:after
instead. You think
#contentWrapper > div:first-of-type > h1:before {
is better? D:

Sep 17, 2020 3:55 AM

#6390

Install list designs without any CSS knowledge!

平沢唯

Offline

Dec 2016

2206

Shishio-kun said:

Valerio_Lyndon said:
@Shishio-kun I managed to reproduce the issue, looks like it's an issue of selector specificity. Specifically, line ~7 in the "Add custom backgrounds & color" theme should be changed. Currently:

h1:before {

Change to:

#contentWrapper > div:first-of-type > h1:before {

This fixed the seasonal page for me, and as far as I know will not break it on any of the other pages.

Problem was probably caused by MAL making changes to the styling, I've noticed my personal theme has a few things broken this week due to various minor changes to the code.

OK thanks, I was going to use
.page-common #headerSmall:after
instead. You think
#contentWrapper > div:first-of-type > h1:before {
is better? D:

As long as the new selector isn't repeated on the page. So #headerSmall would be perfect.

Sep 17, 2020 3:24 PM

#6391

dadnaya

Offline

Oct 2013

1788

Valerio_Lyndon said:

Shishio-kun said:

OK thanks, I was going to use
.page-common #headerSmall:after
instead. You think
#contentWrapper > div:first-of-type > h1:before {
is better? D:

As long as the new selector isn't repeated on the page. So #headerSmall would be perfect.

Shishio-kun said:

Valerio_Lyndon said:
@Shishio-kun I managed to reproduce the issue, looks like it's an issue of selector specificity. Specifically, line ~7 in the "Add custom backgrounds & color" theme should be changed. Currently:

h1:before {

Change to:

#contentWrapper > div:first-of-type > h1:before {

This fixed the seasonal page for me, and as far as I know will not break it on any of the other pages.

Problem was probably caused by MAL making changes to the styling, I've noticed my personal theme has a few things broken this week due to various minor changes to the code.

OK thanks, I was going to use
.page-common #headerSmall:after
instead. You think
#contentWrapper > div:first-of-type > h1:before {
is better? D:

Hi, I've used the "".page-common #headerSmall:after {"," solution, re-installed the script. Works perfectly now, thanks!

dadnayaSep 17, 2020 3:47 PM

Sep 17, 2020 6:04 PM

#6392

coreynj

Offline

Aug 2015

404

So I come today with a hypothetical idea that I'm not sure is even possible, but if it is, I want to do it.

On my list, I have hentai shows tagged as hentai and their images are covered up unless you hover over them. I have a new idea- instead, I'd like to have hentai COMPLETELY hidden by default (the entire entry hidden, not just the image), and add a brand new button to my list that says "show hentai" and, upon clicking, the hentai shows will be visible again. Is this even possible with CSS? Where would I even begin?

Sep 18, 2020 3:30 AM

#6393

swivel

Offline

Jun 2020

2218

anyone know how i can add like an effect or a gif onto my signature?

❏ ❐ ❑ ❒

Sep 18, 2020 8:36 AM

#6394

getNorted

Offline

Jul 2020

25

coreynj said:
So I come today with a hypothetical idea that I'm not sure is even possible, but if it is, I want to do it.

On my list, I have hentai shows tagged as hentai and their images are covered up unless you hover over them. I have a new idea- instead, I'd like to have hentai COMPLETELY hidden by default (the entire entry hidden, not just the image), and add a brand new button to my list that says "show hentai" and, upon clicking, the hentai shows will be visible again. Is this even possible with CSS? Where would I even begin?

I know that you can erase the hentai from your list, but the "clicking idea" isn't going to be possible, i think, mainly because you'd need to add a JS to make it work. Maybe you could do it using a hover function, but the effect probably wouldn't be the same, since you'd need to make the cursor stay in the hover area to have the effect.

Just a random fact, i'm very impressed with the miracles that people on this club do with CSS only. I'm learning more and more about it as i do my list, but still i never thought that would be possible to do such things.

Sep 18, 2020 11:54 AM

#6395

Pokitaru

Offline

Jul 2015

1812

Hello there

I am using the default theme of MAL for both of my lists without adding any CSS. I would like to make it more transparent tho so the background image will be more visible (while keeping the words readable). How can i do this?

Sep 18, 2020 12:17 PM

#6396

Offline

Feb 2010

12632

coreynj said:
So I come today with a hypothetical idea that I'm not sure is even possible, but if it is, I want to do it.

On my list, I have hentai shows tagged as hentai and their images are covered up unless you hover over them. I have a new idea- instead, I'd like to have hentai COMPLETELY hidden by default (the entire entry hidden, not just the image), and add a brand new button to my list that says "show hentai" and, upon clicking, the hentai shows will be visible again. Is this even possible with CSS? Where would I even begin?

It might be possible with some tags on all your anime and complex CSS coding that uses the URL. Unfortunately it would probably take a lot of time to write and you'd need some high level CSS know-how. I'm guessing something like:

all anime has tag A
hentai has-
tag B = anime hidden according to default page URL
tag B = invisible with tag A is in the URL
move a tag A link to top for button
click tag A button
default page URl changes to one with tag A in URL
new URL for the page reveals invisible B

It's also possible to use PHP on your list, I've done it a couple times, if you had a PHP code to change or block an image code you could do something like this:

PHP says use this clear image 2 for tag B as important when tag A is in URL
all anime has tag A
hentai has tag B and image 1 that blocks hentai
move a tag A link to top for button
click tag A button
PHP tells CSS all hentai has tag B with clear image 2 now, shows hentai

Where would you begin- well if you really want to invest hours of time into it for just that, learn the high level CSS stuff
https://myanimelist.net/forum/?topicid=1499059#msg60620755

Here's an example of a code that searches the URL. You'd need to give a similar code to tag B to change depending on whether tag A is in the address bar. This is new to me too btw. But what you'd need to do is have the tag A in the selector, then maybe you could try the first idea I posted which is only theoretical.

body[data-query*='"status":1']:before

When tag A is in the address bar after you click it, it activates a code like this to make it so tag B uncovers all the hentai. Normally tag B hides the hentai.

tag B[data-query*='TAG A']

Really complicated ":D

Shishio-kunSep 18, 2020 12:29 PM

Sep 18, 2020 12:27 PM

#6397

Offline

Feb 2010

12632

Promethazine said:
anyone know how i can add like an effect or a gif onto my signature?

You used BBcode on your sig for a still image- upload a GIF to imgur and put that in your BBcode

Sep 18, 2020 12:28 PM

#6398

Offline

Feb 2010

12632

Orion_Gospel said:
Hello there

I am using the default theme of MAL for both of my lists without adding any CSS. I would like to make it more transparent tho so the background image will be more visible (while keeping the words readable). How can i do this?

The first layout here is the default one and translucent, can you install that?
https://myanimelist.net/forum/?topicid=1499058#msg45516528

Sep 18, 2020 12:55 PM

#6399

Pokitaru

Offline

Jul 2015

1812

Shishio-kun said:

Orion_Gospel said:
Hello there

I am using the default theme of MAL for both of my lists without adding any CSS. I would like to make it more transparent tho so the background image will be more visible (while keeping the words readable). How can i do this?

The first layout here is the default one and translucent, can you install that?
https://myanimelist.net/forum/?topicid=1499058#msg45516528

Seems to work fine. Exactly what I wanted. Thanx a lot for helping!

Sep 18, 2020 1:56 PM

#6400