Forum Settings
Forums
New
This topic has been locked and is no longer available for discussion.
Pages (12) « First ... « 8 9 [10] 11 12 »
Nov 18, 2021 1:53 AM

Offline
Jul 2020
1183
Zangif said:
Hey Umm so my animelist layout used to be pretty awesome,but now all of a sudden something has happened.
here take a look:https://i.imgur.com/PiLTcWE.png
the search option suddenly decided to fly and the stats option isn't there.
So could you take a look at my profile and help me.

Also this:https://i.imgur.com/FwOW6N8.png
if you see the back of the anime cover there are three boxes below,which used to be the about,edit and tag options,but now they are ..well they're just boxes.

I'd really appreciate if someone could help.Thanks!
Emanon30 said:
Hey, I have an issue with my lists that worked flawlessly up today. As you can see in the linked picuture the top bar is all wrong. Instead of the usual symbols you get a Sigma, a Quantifier etc.

https://i.imgur.com/Ivvi3yR.png

Can somebody help me?

The same thing is happening with me and a lot of other people too I assume. This will take some time to fix I think.

StoryGraph x Spotify x Instagram
“Whether we die or not isn't really that big a deal." — Suzuya Juuzou
Nov 18, 2021 2:42 AM

Offline
Jul 2017
61
LEGENDS_OF_ANIME said:
Zangif said:
Hey Umm so my animelist layout used to be pretty awesome,but now all of a sudden something has happened.
here take a look:https://i.imgur.com/PiLTcWE.png
the search option suddenly decided to fly and the stats option isn't there.
So could you take a look at my profile and help me.

Also this:https://i.imgur.com/FwOW6N8.png
if you see the back of the anime cover there are three boxes below,which used to be the about,edit and tag options,but now they are ..well they're just boxes.

I'd really appreciate if someone could help.Thanks!
Emanon30 said:
Hey, I have an issue with my lists that worked flawlessly up today. As you can see in the linked picuture the top bar is all wrong. Instead of the usual symbols you get a Sigma, a Quantifier etc.

https://i.imgur.com/Ivvi3yR.png

Can somebody help me?

The same thing is happening with me and a lot of other people too I assume. This will take some time to fix I think.


I guess you're right. Same issue on your lists. Do you know where a fix will be posted?
Nov 18, 2021 3:59 AM

Offline
Jul 2020
1183
Emanon30 said:
I guess you're right. Same issue on your lists. Do you know where a fix will be posted?

No but Shishio will probably reply to people who said they are having to problem. Also I will try to remember inform you if I get any info on it.

StoryGraph x Spotify x Instagram
“Whether we die or not isn't really that big a deal." — Suzuya Juuzou
Nov 18, 2021 4:13 AM

Offline
Jul 2021
37
So Idk what happened but my list is back to normal.Maybe it was something that everyone on Mal was facing.


Nov 18, 2021 4:44 AM

Offline
Jul 2017
61
LEGENDS_OF_ANIME said:
Emanon30 said:
I guess you're right. Same issue on your lists. Do you know where a fix will be posted?

No but Shishio will probably reply to people who said they are having to problem. Also I will try to remember inform you if I get any info on it.


Thank you very much :D
I just hope Zangif is right and this issue will fix itself soon. My Topbar is still broken.
Nov 18, 2021 7:45 AM

Offline
May 2010
1239
@Zangif @Emanon30 @LEGENDS_OF_ANIME The problem is related to Font Awesome and Shishio-kun is trying to find the answer now.
https://myanimelist.net/forum/?topicid=1973079
Nov 18, 2021 8:05 AM

Offline
Jul 2021
37
Oh no don't worry I contacted the guy who made the layout I was using and since I was using his import the corrections he made automatically got applied to my Css code as well.So my issue has been resolved.


Nov 18, 2021 8:15 AM

Offline
Jul 2017
61
ShaggyZE said:
@Zangif @Emanon30 @LEGENDS_OF_ANIME The problem is related to Font Awesome and Shishio-kun is trying to find the answer now.
https://myanimelist.net/forum/?topicid=1973079

Thank you very much. Seems like this will be the important thread for our issue.
Nov 18, 2021 11:49 AM

Offline
Jul 2017
61
@Shishio-kun
It works, the symbols are correct. But it kills my colour settings and my wallpaper for some reason.
https://i.imgur.com/7Mg4gia.png
Nov 18, 2021 11:53 AM

Offline
Feb 2010
12661
Emanon30 said:
@Shishio-kun
It works, the symbols are correct. But it kills my colour settings and my wallpaper for some reason.
https://i.imgur.com/7Mg4gia.png


Yeah u need to probably find the right place for it and paste it somewhere else. At least it works, that's great so far! I need to convert it and move it to an import so everyone can just add it to the top as a simpler fix, unless devs use the fix and repair the site.

You can try this instead and paste it to a different spot although under the imports should be where

/* FONT FIX */

@font-face{
font-display:block;
font-family:'FontAwesome';
src:url(/fonts/fa6/fa-regular-400.woff2) format("woff2"),url(/fonts/fa6/fa-regular-400.ttf) format("truetype")}
/* */

Nov 18, 2021 12:06 PM

Offline
Jul 2017
61
Shishio-kun said:
Emanon30 said:
@Shishio-kun
It works, the symbols are correct. But it kills my colour settings and my wallpaper for some reason.
https://i.imgur.com/7Mg4gia.png


Yeah u need to probably find the right place for it and paste it somewhere else. At least it works, that's great so far! I need to convert it and move it to an import so everyone can just add it to the top as a simpler fix, unless devs use the fix and repair the site.

You can try this instead and paste it to a different spot although under the imports should be where

/* FONT FIX */

@font-face{
font-display:block;
font-family:'FontAwesome';
src:url(/fonts/fa6/fa-regular-400.woff2) format("woff2"),url(/fonts/fa6/fa-regular-400.ttf) format("truetype")}
/* */



I tried a couple of random spots under the imports but no luck so far. I'll let you know if I find the one that leaves my colours and my wallpaper intact.
Thank you for your hard work :)
Nov 18, 2021 7:32 PM

Offline
May 2010
1239
Emanon30 said:

I tried a couple of random spots under the imports but no luck so far. I'll let you know if I find the one that leaves my colours and my wallpaper intact.
Thank you for your hard work :)

not sure what your colors and wallpapers have to do with it since that code doesn't affect any of that, but MAL has updated to fix most of the icons so your list should be fine now.
Nov 18, 2021 7:39 PM

Offline
May 2010
1239
Zangif said:
Oh no don't worry I contacted the guy who made the layout I was using and since I was using his import the corrections he made automatically got applied to my Css code as well.So my issue has been resolved.

okay, let AzurBlur know that MAL fixed all the icons except quick add and he can just use a + symbol for that.
Nov 18, 2021 8:45 PM

Offline
Jul 2021
37
ShaggyZE said:
Zangif said:
Oh no don't worry I contacted the guy who made the layout I was using and since I was using his import the corrections he made automatically got applied to my Css code as well.So my issue has been resolved.

okay, let AzurBlur know that MAL fixed all the icons except quick add and he can just use a + symbol for that.

He has already taken care of that lol


Nov 18, 2021 8:58 PM

Offline
May 2010
1239
Zangif said:
ShaggyZE said:

okay, let AzurBlur know that MAL fixed all the icons except quick add and he can just use a + symbol for that.

He has already taken care of that lol

He changed the codes from FontAwesome to Font Awesome 6 Pro, he doesn't need to do that now that MAL fixed it and he can change them back to FontAwesome, and as I said your quick add icon is still broken, the square box with an x through it should be a + icon or similar, hope you understand now.

that particular icon doesn't even need to be FontAwesome as we could just use +
Nov 18, 2021 9:06 PM

Offline
Jul 2021
37
ShaggyZE said:
Zangif said:

He has already taken care of that lol

He changed the codes from FontAwesome to Font Awesome 6 Pro, he doesn't need to do that now that MAL fixed it and he can change them back to FontAwesome, and as I said your quick add icon is still broken, the square box with an x through it should be a + icon or similar, hope you understand now.

that particular icon doesn't even need to be FontAwesome as we could just use +

Umm okay I'll tell him.Thanks


Nov 18, 2021 10:10 PM

Offline
Feb 2010
12661
@Emanon30 @LEGENDS_OF_ANIME

MAL devs tried to fix things on their side, so you don't need a patch anymore and can probably delete it if added. Are the icons repaired for you?
Nov 18, 2021 10:14 PM

Offline
Feb 2010
12661
ShaggyZE said:
Emanon30 said:

I tried a couple of random spots under the imports but no luck so far. I'll let you know if I find the one that leaves my colours and my wallpaper intact.
Thank you for your hard work :)

not sure what your colors and wallpapers have to do with it since that code doesn't affect any of that, but MAL has updated to fix most of the icons so your list should be fine now.


It's because for some reason the font face code would cut off codes under it when not placed in the perfect spot, so it cuts off crucial wallpaper and color codes, couldn't figure out why tho but because of that I would need to convert it to an import and host the patch on onedrive. Probably don't need to do that now tho thankfully
Nov 18, 2021 10:31 PM

Offline
May 2010
1239
Shishio-kun said:
It's because for some reason the font face code would cut off codes under it when not placed in the perfect spot, so it cuts off crucial wallpaper and color codes, couldn't figure out why tho but because of that I would need to convert it to an import and host the patch on onedrive. Probably don't need to do that now tho thankfully

ah, I see, must be something to do with how they handle @ codes now and basically/possibly ignoring everything after.
Nov 18, 2021 10:50 PM

Offline
Feb 2010
12661
ShaggyZE said:
Shishio-kun said:
It's because for some reason the font face code would cut off codes under it when not placed in the perfect spot, so it cuts off crucial wallpaper and color codes, couldn't figure out why tho but because of that I would need to convert it to an import and host the patch on onedrive. Probably don't need to do that now tho thankfully

ah, I see, must be something to do with how they handle @ codes now and basically/possibly ignoring everything after.


I think probably the brackets and lines/semi-colons after font face have weird rules or need to be more closely paid attention to and thus delicately ordered, so that codes under dont count as part of the font face's brackets and the selectors would be ignored since the page thinks its part of the font face brackets and therefore null

On top of that font face doesn't seem to work for anyone but the owner... the backslash trick doesn't work either in this case so it must be imported
Nov 18, 2021 10:59 PM

Offline
May 2010
1239
Shishio-kun said:
On top of that font face doesn't seem to work for anyone but the owner... the backslash trick doesn't work either in this case so it must be imported

yea, I figured that from you're previous posts, so it's a good thing they changed the FontAwesome set to fa-solid or whatever else locally, still not sure how that worked out since they still seem to be using 'Font Awesome 6 Pro', but whatever works.
Nov 19, 2021 12:47 AM

Offline
Jul 2017
61
@Shishio-kun @ShaggyZE
Everything looks normal now on both lists. Thank you very much :)
Dec 3, 2021 9:39 PM

Offline
Jul 2021
37
Umm everything is okay with my layout I just wish for one modification.Look at this

this is before I click on the anime's banner, as you can see the edges are perfectly sharp,but after that the banner's edge becomes curved.Like this:-

I don't want this to happen.Can I somehow change this?


Dec 4, 2021 12:37 AM

Offline
Feb 2010
12661
Zangif said:
Umm everything is okay with my layout I just wish for one modification.Look at this

this is before I click on the anime's banner, as you can see the edges are perfectly sharp,but after that the banner's edge becomes curved.Like this:-

I don't want this to happen.Can I somehow change this?


Your images are broken/no longer exists etc

Dec 10, 2021 8:19 AM

Offline
Nov 2019
5036
@Shishio-kun

Hey! I would like to know how to change the status button "On Hold" to Specials instead.





死神

What do you think are the most important things in life? Money, dreams, sympathy towards others...

Yes, they're all important things as well... But the most important thing is responsibility for your own actions.
- Yuichi
Dec 15, 2021 7:57 PM
Offline
Oct 2017
74
good night/good morning.

I was trying to fix the problem with the cover images of animes that stopped appearing.
Using the tips you's gave here, I even managed to fix the problem in the anime list. However, in the manga list, even using the codes they gave, had no effect.
If anyone knows what to do and can help, I would be very grateful. Thank you very much in advance.
Jan 7, 2022 9:34 AM
The Komori

Offline
Mar 2013
7475
Hello, this is my first time posting, but I wanted to know if anybody knows how to fix this issue that I'm having here



I'm using the first layout under the "Fully Customized Layouts" header in this thread here
https://myanimelist.net/forum/?topicid=1499058

And for some reason the textures/posters for the anime on my list aren't loading as you can see in the screenshot that I posted above

Would greatly appreciate it if someone can help me out because I tried the usual solutions that I saw in the other thread but nothing worked....If need be I'll just use another layout, but if I can fix this one then that'll make the time I spent customizing it worth while in the end

Thanks in advance!
Jan 7, 2022 10:31 AM

Offline
Feb 2010
12661
Tokoya said:
Hello, this is my first time posting, but I wanted to know if anybody knows how to fix this issue that I'm having here



I'm using the first layout under the "Fully Customized Layouts" header in this thread here
https://myanimelist.net/forum/?topicid=1499058

And for some reason the textures/posters for the anime on my list aren't loading as you can see in the screenshot that I posted above

Would greatly appreciate it if someone can help me out because I tried the usual solutions that I saw in the other thread but nothing worked....If need be I'll just use another layout, but if I can fix this one then that'll make the time I spent customizing it worth while in the end

Thanks in advance!


See Part B in the opening post, its for fixing this issue, turn images on as it tells you
https://imgur.com/XsKW6lc

please read the whole thing to answer if there's any more problems because you also need the correct import for cover pics (you changed it from the default which currently works from what I see).
Jan 7, 2022 10:34 AM

Offline
Feb 2010
12661
VitorZ7 said:
good night/good morning.

I was trying to fix the problem with the cover images of animes that stopped appearing.
Using the tips you's gave here, I even managed to fix the problem in the anime list. However, in the manga list, even using the codes they gave, had no effect.
If anyone knows what to do and can help, I would be very grateful. Thank you very much in advance.


Your manga list is private, see part B, some solutions won't work for you, so use a solution for private layouts like solution #1 or #4
Jan 7, 2022 12:08 PM
The Komori

Offline
Mar 2013
7475
Shishio-kun said:
Tokoya said:
Hello, this is my first time posting, but I wanted to know if anybody knows how to fix this issue that I'm having here



I'm using the first layout under the "Fully Customized Layouts" header in this thread here
https://myanimelist.net/forum/?topicid=1499058

And for some reason the textures/posters for the anime on my list aren't loading as you can see in the screenshot that I posted above

Would greatly appreciate it if someone can help me out because I tried the usual solutions that I saw in the other thread but nothing worked....If need be I'll just use another layout, but if I can fix this one then that'll make the time I spent customizing it worth while in the end

Thanks in advance!


See Part B in the opening post, its for fixing this issue, turn images on as it tells you
https://imgur.com/XsKW6lc

please read the whole thing to answer if there's any more problems because you also need the correct import for cover pics (you changed it from the default which currently works from what I see).
Everything worked just like you directed

Thank you SOOOOOOOOO much for helping!
Jan 8, 2022 6:11 AM
Offline
Oct 2017
74
Shishio-kun said:
VitorZ7 said:
good night/good morning.

I was trying to fix the problem with the cover images of animes that stopped appearing.
Using the tips you's gave here, I even managed to fix the problem in the anime list. However, in the manga list, even using the codes they gave, had no effect.
If anyone knows what to do and can help, I would be very grateful. Thank you very much in advance.


Your manga list is private, see part B, some solutions won't work for you, so use a solution for private layouts like solution #1 or #4


is public now. I will try a few things again.
Jan 11, 2022 2:51 AM

Offline
Feb 2010
12661
VitorZ7 said:
Shishio-kun said:


Your manga list is private, see part B, some solutions won't work for you, so use a solution for private layouts like solution #1 or #4


is public now. I will try a few things again.



It's missing pics and broken more in chrome type browsers, you can use the fix in Part B (you can also change the dateyutaka to your username, but the default should prevent more missing recent adds). May also want to remove current cover imports if they are not working fully for you



Shishio-kunJan 11, 2022 5:24 AM
Jan 14, 2022 10:15 AM
Offline
Oct 2017
74
thank you so much;
I am going to try. If it works or I don't get it, I'll report back here.
Jan 14, 2022 10:31 AM
Offline
Oct 2017
74
so... even images appeared, but they were random images that were not of the work in question. Does this normalize over time or do I have to do another procedure?
Jan 15, 2022 5:40 AM

Offline
Feb 2010
12661
VitorZ7 said:
so... even images appeared, but they were random images that were not of the work in question. Does this normalize over time or do I have to do another procedure?


Which ones?

Also

Shishio-kun said:
May also want to remove current cover imports if they are not working fully for you


Jan 17, 2022 7:20 AM
Offline
Oct 2017
74
Shishio-kun said:
VitorZ7 said:
so... even images appeared, but they were random images that were not of the work in question. Does this normalize over time or do I have to do another procedure?


Which ones?

Also

Shishio-kun said:
May also want to remove current cover imports if they are not working fully for you




actually, I deleted some imports that were in the code; apparently it all worked out!
thanks again for the help. helped a lot.
Jan 17, 2022 8:10 AM

Offline
Feb 2010
12661
VitorZ7 said:
Shishio-kun said:


Which ones?

Also





actually, I deleted some imports that were in the code; apparently it all worked out!
thanks again for the help. helped a lot.


Yes I told you originally you should probably delete the current cover imports you were using at the time because you really only want the one working import as the others can conflict or have out-of-date covers.

Currently in your anime list it seems you have some extra cover imports too, you only really want the spacecowboy one for the same reasons.

You also may want to change spacecowboy and dateyutaka in those imports to your username for reasons I mentioned in part B of the opening post but its not absolutely necessary
Jan 18, 2022 5:20 AM
Offline
Oct 2017
74
I'll do it.
Feb 5, 2022 7:20 AM

Offline
Oct 2020
442
Heyy I wanted to ask if you already made the patch for the start and end dates. I would really like to know how to move them back up. Thx for helping me the last times btw.

I would like to have them back up there (but aired and started dates were switched)

Feb 5, 2022 11:00 AM

Offline
Feb 2010
12661
maurorr said:
Heyy I wanted to ask if you already made the patch for the start and end dates. I would really like to know how to move them back up. Thx for helping me the last times btw.

I would like to have them back up there (but aired and started dates were switched)



No I hadn't made it yet, but I made it just now for you, should look like the screenshot. Let me know if it works fine, its made to work with all list collumns used but should be fine with less.




/* CLASSIC START/END DATES*/

.list-table .list-table-data .data.started {
position: absolute !important;
margin-top: 150px !important;;
left: 4px !important;;
}

.list-table .list-table-data .data.finished {
position: absolute !important;
margin-top: 165px !important;;
left: 4px !important;;
width: 140px !important;
text-align: left;
}

.list-table .list-table-data .data.days {
position: absolute !important;
margin-top: -14px !important;
left: -18px !important;;
width: 100px !important;;
z-index: 10 !important;;
pointer-events: none !important;
font-size: 11px !important;
}


.data.days::after {
content: "" !important;
}


.data.days::before {
content: "Days:" !important;
}



.list-table .list-table-data .data.finished::before {
content: "Finished:" !important;
font-size: 10px !important;

}

.list-table .list-table-data .data.started::before {
content: "Started:" !important;
font-size: 10px !important;
}




.list-table .list-table-data .data.licensor, .list-table .list-table-data .data.magazine{
top: 48px;
font-size: 9px;
z-index: 100;
white-space: nowrap;
overflow: hidden;
display: block;
text-overflow: ellipsis;
}

.list-table .list-table-data a[href*="&demographic"] {
margin-top: 15px !important;
}
Feb 5, 2022 11:02 AM

Offline
Oct 2020
442
Shishio-kun said:
maurorr said:
Heyy I wanted to ask if you already made the patch for the start and end dates. I would really like to know how to move them back up. Thx for helping me the last times btw.

I would like to have them back up there (but aired and started dates were switched)



No I hadn't made it yet, but I made it just now for you, should look like the screenshot. Let me know if it works fine, its made to work with all list collumns used but should be fine with less.




/* CLASSIC START/END DATES*/

.list-table .list-table-data .data.started {
position: absolute !important;
margin-top: 150px !important;;
left: 4px !important;;
}

.list-table .list-table-data .data.finished {
position: absolute !important;
margin-top: 165px !important;;
left: 4px !important;;
width: 140px !important;
text-align: left;
}

.list-table .list-table-data .data.days {
position: absolute !important;
margin-top: -14px !important;
left: -18px !important;;
width: 100px !important;;
z-index: 10 !important;;
pointer-events: none !important;
font-size: 11px !important;
}


.data.days::after {
content: "" !important;
}


.data.days::before {
content: "Days:" !important;
}



.list-table .list-table-data .data.finished::before {
content: "Finished:" !important;
font-size: 10px !important;

}

.list-table .list-table-data .data.started::before {
content: "Started:" !important;
font-size: 10px !important;
}




.list-table .list-table-data .data.licensor, .list-table .list-table-data .data.magazine{
top: 48px;
font-size: 9px;
z-index: 100;
white-space: nowrap;
overflow: hidden;
display: block;
text-overflow: ellipsis;
}

.list-table .list-table-data a[href*="&demographic"] {
margin-top: 15px !important;
}


Thanks a lot.
Feb 5, 2022 12:36 PM
Offline
Feb 2022
2
Hello, i got a problem with layout (Violet Evergarden Grid-Style) problem occurs only on manga list (anime works well), images on top bars overlap one of another.


preview of problem: https://ibb.co/64zM0Tr
code: https://pastebin.com/raw/FPDYhacr
Feb 5, 2022 1:04 PM

Offline
May 2010
1239
Zawaka said:
Hello, i got a problem with layout (Violet Evergarden Grid-Style) problem occurs only on manga list (anime works well), images on top bars overlap one of another.


preview of problem: https://ibb.co/64zM0Tr
code: https://pastebin.com/raw/FPDYhacr

the problem is the "left" code added to your status buttons in VioletEvergardenCustomadeV1b.css
/* status button */
/* all_anime */
.status-menu-container .status-menu .status-button.all_anime {
background-image:url(http://i.imgur.com/J948M7X.png);	
left:0px !important;
}

.status-menu-container .status-menu .status-button.all_anime:hover {
background-image:url(http://i.imgur.com/EtJcBLp.gif);	
}

.status-menu-container .status-menu .status-button.all_anime.on {
background-image:url(http://i.imgur.com/EtJcBLp.gif);	
}

/* watching */

.status-menu-container .status-menu .status-button.watching {
background-image:url(http://i.imgur.com/4lIjnfH.png);	
left:0px !important;
}

.status-menu-container .status-menu .status-button.watching:hover {
background-image:url(http://i.imgur.com/FxP6Shw.gif);		
}

.status-menu-container .status-menu .status-button.watching.on {
background-image:url(http://i.imgur.com/FxP6Shw.gif);		
}

/* completed */

.status-menu-container .status-menu .status-button.completed {
background-image:url(http://i.imgur.com/ig9avfe.png);	
left:0px !important;
}

.status-menu-container .status-menu .status-button.completed:hover {
background-image:url(http://i.imgur.com/lsSov86.gif);	
}

.status-menu-container .status-menu .status-button.completed.on {
background-image:url(http://i.imgur.com/lsSov86.gif);	
}

/* on-hold */

.status-menu-container .status-menu .status-button.onhold {
background-image:url(http://i.imgur.com/8UTci5J.png);	
left:0px !important;
}

.status-menu-container .status-menu .status-button.onhold:hover {
background-image:url(http://i.imgur.com/IP3n4Ab.gif);	
}

.status-menu-container .status-menu .status-button.onhold.on {
background-image:url(http://i.imgur.com/IP3n4Ab.gif);	
}

/*dropped */

.status-menu-container .status-menu .status-button.dropped {
background-image:url(http://i.imgur.com/VNXW5lR.png);
left:0px !important;
}

.status-menu-container .status-menu .status-button.dropped:hover {
background-image:url(http://i.imgur.com/7uWoqYr.gif);
}

.status-menu-container .status-menu .status-button.dropped.on {
background-image:url(http://i.imgur.com/7uWoqYr.gif);
}

/* plan to watch */

.status-menu-container .status-menu .status-button.plantowatch {
background-image:url(http://i.imgur.com/fYvwBVQ.png);
left:0px !important;
}

.status-menu-container .status-menu .status-button.plantowatch:hover {
background-image:url(http://i.imgur.com/cqaTtlb.gif);
}

.status-menu-container .status-menu .status-button.plantowatch.on {
background-image:url(http://i.imgur.com/cqaTtlb.gif);
}

your also missing
/* reading */

.status-menu-container .status-menu .status-button.reading {
background-image:url(http://i.imgur.com/4lIjnfH.png);	
left:0px !important;
}

.status-menu-container .status-menu .status-button.reading:hover {
background-image:url(http://i.imgur.com/FxP6Shw.gif);		
}

.status-menu-container .status-menu .status-button.reading.on {
background-image:url(http://i.imgur.com/FxP6Shw.gif);		
}

/* plan to read */

.status-menu-container .status-menu .status-button.plantoread {
background-image:url(http://i.imgur.com/fYvwBVQ.png);
left:0px !important;
}

.status-menu-container .status-menu .status-button.plantoread:hover {
background-image:url(http://i.imgur.com/cqaTtlb.gif);
}

.status-menu-container .status-menu .status-button.plantoread.on {
background-image:url(http://i.imgur.com/cqaTtlb.gif);
}
Feb 6, 2022 11:55 AM
Offline
Feb 2022
2
ShaggyZE said:
Zawaka said:
Hello, i got a problem with layout (Violet Evergarden Grid-Style) problem occurs only on manga list (anime works well), images on top bars overlap one of another.


preview of problem: https://ibb.co/64zM0Tr
code: https://pastebin.com/raw/FPDYhacr

the problem is the "left" code added to your status buttons in VioletEvergardenCustomadeV1b.css
/* status button */
/* all_anime */
.status-menu-container .status-menu .status-button.all_anime {
background-image:url(http://i.imgur.com/J948M7X.png);	
left:0px !important;
}

.status-menu-container .status-menu .status-button.all_anime:hover {
background-image:url(http://i.imgur.com/EtJcBLp.gif);	
}

.status-menu-container .status-menu .status-button.all_anime.on {
background-image:url(http://i.imgur.com/EtJcBLp.gif);	
}

/* watching */

.status-menu-container .status-menu .status-button.watching {
background-image:url(http://i.imgur.com/4lIjnfH.png);	
left:0px !important;
}

.status-menu-container .status-menu .status-button.watching:hover {
background-image:url(http://i.imgur.com/FxP6Shw.gif);		
}

.status-menu-container .status-menu .status-button.watching.on {
background-image:url(http://i.imgur.com/FxP6Shw.gif);		
}

/* completed */

.status-menu-container .status-menu .status-button.completed {
background-image:url(http://i.imgur.com/ig9avfe.png);	
left:0px !important;
}

.status-menu-container .status-menu .status-button.completed:hover {
background-image:url(http://i.imgur.com/lsSov86.gif);	
}

.status-menu-container .status-menu .status-button.completed.on {
background-image:url(http://i.imgur.com/lsSov86.gif);	
}

/* on-hold */

.status-menu-container .status-menu .status-button.onhold {
background-image:url(http://i.imgur.com/8UTci5J.png);	
left:0px !important;
}

.status-menu-container .status-menu .status-button.onhold:hover {
background-image:url(http://i.imgur.com/IP3n4Ab.gif);	
}

.status-menu-container .status-menu .status-button.onhold.on {
background-image:url(http://i.imgur.com/IP3n4Ab.gif);	
}

/*dropped */

.status-menu-container .status-menu .status-button.dropped {
background-image:url(http://i.imgur.com/VNXW5lR.png);
left:0px !important;
}

.status-menu-container .status-menu .status-button.dropped:hover {
background-image:url(http://i.imgur.com/7uWoqYr.gif);
}

.status-menu-container .status-menu .status-button.dropped.on {
background-image:url(http://i.imgur.com/7uWoqYr.gif);
}

/* plan to watch */

.status-menu-container .status-menu .status-button.plantowatch {
background-image:url(http://i.imgur.com/fYvwBVQ.png);
left:0px !important;
}

.status-menu-container .status-menu .status-button.plantowatch:hover {
background-image:url(http://i.imgur.com/cqaTtlb.gif);
}

.status-menu-container .status-menu .status-button.plantowatch.on {
background-image:url(http://i.imgur.com/cqaTtlb.gif);
}

your also missing
/* reading */

.status-menu-container .status-menu .status-button.reading {
background-image:url(http://i.imgur.com/4lIjnfH.png);	
left:0px !important;
}

.status-menu-container .status-menu .status-button.reading:hover {
background-image:url(http://i.imgur.com/FxP6Shw.gif);		
}

.status-menu-container .status-menu .status-button.reading.on {
background-image:url(http://i.imgur.com/FxP6Shw.gif);		
}

/* plan to read */

.status-menu-container .status-menu .status-button.plantoread {
background-image:url(http://i.imgur.com/fYvwBVQ.png);
left:0px !important;
}

.status-menu-container .status-menu .status-button.plantoread:hover {
background-image:url(http://i.imgur.com/cqaTtlb.gif);
}

.status-menu-container .status-menu .status-button.plantoread.on {
background-image:url(http://i.imgur.com/cqaTtlb.gif);
}


It works, thanks.
Mar 14, 2022 8:47 AM
Offline
Aug 2015
6
Hello! I'm using a Classic AnimeList, but the code for importing the images seems to be broken.
@\import "https://malscraper.azurewebsites.net/covers/anime/RayResembool/presets/:more:";

This is what's at the very first line of the CSS code.
RayResemboolMar 14, 2022 8:52 AM
Mar 15, 2022 2:48 AM

Offline
May 2010
1239
RayResembool said:
Hello! I'm using a Classic AnimeList, but the code for importing the images seems to be broken.
@\import "https://malscraper.azurewebsites.net/covers/anime/RayResembool/presets/:more:";

This is what's at the very first line of the CSS code.

remove the two :
https://malscraper.azurewebsites.net/covers/anime/RayResembool/presets/more
Mar 25, 2022 9:59 PM
Offline
Mar 2020
2
Heya, not sure if this is the right place to post but every single style I try to use ends up looking like this (https://i.imgur.com/zwjDlQT.png or https://i.imgur.com/omEv3nS.png). Takana no hana's Shelter V3 is one of my favourites and up until a few weeks ago I've used it without any issues but suddenly it just stopped working. I've tried to find a fix for this, unfortunately to no avail, so I'm hoping someone on here could help?
Mar 26, 2022 4:06 AM

Offline
Feb 2010
12661
marloso2 said:
Heya, not sure if this is the right place to post but every single style I try to use ends up looking like this (https://i.imgur.com/zwjDlQT.png or https://i.imgur.com/omEv3nS.png). Takana no hana's Shelter V3 is one of my favourites and up until a few weeks ago I've used it without any issues but suddenly it just stopped working. I've tried to find a fix for this, unfortunately to no avail, so I'm hoping someone on here could help?



Your list is set to classic style. Those layouts are modern themed and only work on modern style. Switch the list to modern, save, and install the layouts there
https://myanimelist.net/ownlist/style

The solution is in the first post Part A #3 (#2 is related).



Mar 26, 2022 6:58 AM
Offline
Mar 2020
2
Shishio-kun said:
marloso2 said:
Heya, not sure if this is the right place to post but every single style I try to use ends up looking like this (https://i.imgur.com/zwjDlQT.png or https://i.imgur.com/omEv3nS.png). Takana no hana's Shelter V3 is one of my favourites and up until a few weeks ago I've used it without any issues but suddenly it just stopped working. I've tried to find a fix for this, unfortunately to no avail, so I'm hoping someone on here could help?



Your list is set to classic style. Those layouts are modern themed and only work on modern style. Switch the list to modern, save, and install the layouts there
https://myanimelist.net/ownlist/style

The solution is in the first post Part A #3 (#2 is related).





Right, yes! I had a few issues still after that which is probably why I initially thought that wasn't the problem, but I've managed to fix those up with some tinkering on my end now too. Thanks a lot!
Mar 29, 2022 10:40 PM
Offline
Nov 2021
7
tried fixing error on my own before messaging but i just used the donated layout linked below, and when i attempt to use the original version, the cool box feature that highlight's the anime's cover art does not work. When I use the modified it does but i want less list sections like the original. i am new to this so could be a beginner's error :/
what code section should i be looking for?

https://myanimelist.net/forum/?topicid=1933263

curerent css:

@import url('https://fonts.googleapis.com/css2?family=Syne+Mono&display=swap');
@\import "https://malscraper.azurewebsites.net/covers/anime/Frajer_9/presets/dataimagelinkafter";
@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap');


body {
margin: 0 0 0 0;
text-align: center;
font-family: Verdana, Arial;
font-size: 11px;
background-image: url(https://i.imgur.com/njrKIv2.jpg);
background-attachment: fixed;
background-size: cover;
}.status-menu-container .status-menu {
display: table;
margin: 0 auto;
border-collapse: separate;
border-spacing: 40px 0;
position: fixed;
top: 0px;
left: 0px;
}.header .header-title {
position: absolute;
top: 21px;
background-image: url();
background-position: left top;
background-repeat: no-repeat;
background-size: auto 36px;
display: block;
width: 240px;
height: 36px;
text-indent: -9999px;
overflow: hidden;
}.header .header-menu .btn-menu {
display: block;
color: #2E51A2;
text-align: right;
font-size: 0px;
}.status-menu-container {
width: 0px;
height: 0px;
background-color: #000;
border-bottom: #EBEBEB 1px solid;
z-index: 1;
}.list-container {
position: absolute;
background-color: #fff0;
border: #EBEBEB00 1px solid;
width: 1039px;
margin-bottom: 0;
margin-right: auto;
margin-left: auto;
text-align: left;
left: 865px;
color: #ffccff;
font-size: 15px;
}.list-menu-float .icon-menu.quick-add {
position: fixed;
top: 0;
right: 90px;
}.list-menu-float .icon-menu.profile {
background-size: cover;
position: fixed;
top: 0;
right: 20px;
}.list-menu-float .icon-menu.anime-list {
position: fixed;
top: 0;
right: 160px;
}.list-menu-float .icon-menu.manga-list {
position: fixed;
top: 0;
right: 230px;
}.list-menu-float .icon-menu.history {
position: fixed;
top: 0;
right: 300px;
}.list-menu-float .icon-menu.export {
position: fixed;
top: 0;
right: 370px;
}.list-menu-float .icon-menu.setting {
position: fixed;
top: 0;
right: 510px;
}.list-menu-float .icon-menu.logout {
position: fixed;
top: 0;
right: 440px;
}.list-menu-float .icon-menu {
position: relative;
background-color: #0000;
display: block;
width: 50px;
height: 50px;
opacity: 1;
-moz-transition-property: all;
-o-transition-property: all;
-webkit-transition-property: all;
transition-property: all;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-moz-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
}#footer-block {
padding: 15px 0;
background-color: #2E51A200;
color: #000;
font-family: Avenir, "lucida grande", tahoma, verdana, arial, sans-serif;
}.list-table {
width: 100%;
margin: 0 auto;
border-collapse: collapse;
border: #EBEBEB00 1px solid;
}.list-container {
position: relative;
background-color: #131949c4;
border: #EBEBEB00 1px solid;
width: 1039px;
margin-bottom: 0;
margin-right: auto;
margin-left: auto;
text-align: left;
left: 430px;
}.list-table > tbody:nth-of-type(2n+1) {
background-color: #0d194900;
}a {
color: #faacdc;
text-decoration: none;
}.list-table .list-table-header .header-title {
background: #F6F6F600 url("/img/pc/ownlist/bar-table-header.png") no-repeat right 7px / 1px 22px;
display: table-cell;
border-bottom: #EBEBEB 1px solid;
height: 36px;
text-align: center;
vertical-align: middle;
font-family: 'Shadows Into Light', monospace;
font-size: 20px;
}.list-menu-float .icon-menu:not(.profile):hover {
background-color: #4065BA00;
width: 145px;
}.list-menu-float .icon-menu.setting:hover .text .link-list-setting, .list-menu-float .icon-menu.setting:hover .text .link-style-setting {
position: absolute;
background-color: #4065BA00;
display: block;
width: 110px;
height: 50px;
line-height: 50px;
text-decoration: none;
color: #ffffff;
opacity: 1;
}.list-table .list-table-data .data {
display: table-cell;
padding: 4px 0;
padding-left: 0px;
text-align: center;
vertical-align: middle;
border-bottom: #EBEBEB00 1px solid;
font-family: 'Shadows Into Light';
font-size: 16px;
}.status-menu-container a{
font-family: 'Shadows Into Light', monospace!important;
}.list-container a{
font-family: 'Shadows Into Light', monospace;
font-size: 13px;
}.list-table .list-table-header .header-title {
background: #F6F6F600 url("/img/pc/ownlist/bar-table-header.png") no-repeat right 7px / 1px 22px;
display: table-cell;
border-bottom: #EBEBEB00 1px solid;
height: 36px;
text-align: center;
vertical-align: middle;
}.list-table .list-table-header .header-title .link.sort {
position: relative;
display: inline-block;
color: #323232;
white-space: nowrap;
-moz-transition-property: all;
-o-transition-property: all;
-webkit-transition-property: all;
transition-property: all;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-moz-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
color: #fcf;
}
.list-table .list-table-header .header-title .link {
font-size: 11px;
color: #fcf;
text-decoration: none;
}.list-table .list-table-data .data.image .image {
width: 102px;
height: 148px;
border: #EBEBEB00 1px solid;
}.status-menu-container .status-menu .status-button.on {
color: #f783f7;
font-weight: bold;
}
.status-menu-container .status-menu .status-button {
position: relative;
display: table-cell;
padding: 12px 0;
margin: 0;
font-family: 'Helvetica neue', Helvetica, "lucida grande", tahoma, verdana, arial, sans-serif;
text-align: center;
vertical-align: middle;
font-size: 1.6em;
color: #fcf;
}/* COVER SIZE */
.data.image a:after{
width: 300px;
height: 400px;
}


/* COVER POSITION */
.data.image a:after{
position: fixed;
top: 550px;
left: 320px;
}


/* OTHER CODES */
.data.image a:after
{content: "";
display: block !important;
background-color: rgba(0,0,0,.3);
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover;
border: 1px solid #ffffff;
box-shadow: 0 2px 5px rgba(0,0,0, 0.7);
visibility: hidden;
opacity: 0;
transition: opacity .8s linear, margin-left .5s ease, transform 1s ease-in-out;
z-index: 5;}


.list-table .list-table-data:hover .data.image a:after {
visibility: visible;
opacity: 1;
transition: .3s ease-out;}

.list-menu-float {
position: fixed;
display: block;
top: 20%;
width: 50px;
border: #EBEBEB00 1px solid;
z-index: 2;
}.list-unit .list-status-title {
position: relative;
display: table;
background-color: #4065BA00;
width: 1024px;
height: 38px;
}.list-table-data:hover td {
background-color: rgba(72, 64, 87, 0.6) !important;
-moz-transition: 0s ease;
-webkit-transition: 0s ease;
-o-transition: 0s ease;

font-size: 17px !Important;
-moz-transition: .4s ease;
-webkit-transition: .4.5s ease;
-o-transition: .4s ease;
}.list-table .list-table-data .data.tags {
word-wrap: break-word;
width: 274px;
}.list-table .list-table-header .header-title .link {
font-size: 20px;
color: #fcf;
text-decoration: none;
}/* CUSTOM CURSOR */

* {
cursor: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwLa8FY4y1ricg0oJCSLSM0E), auto !important;
}.list-table .list-table-header .header-title .link.sort {
position: relative;
display: inline-block;
color: #323232;
white-space: nowrap;
-moz-transition-property: all;
-o-transition-property: all;
-webkit-transition-property: all;
transition-property: all;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-moz-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
color: #fcf;
font-size: 20px;
}.list-container a {
font-family: 'Shadows Into Light', monospace;
font-size: 16px;
}#advanced-options {
position: absolute;
top: 120px;
left: 0;
right: 0;
background-color: #131949c4;
display: none;
width: 860px;
margin: 0 auto;
padding: 25px 0px 30px;
border: #ebebeb00 1px solid;
-moz-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 0%);
-o-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3);
-ms-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3);
box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 0%);
color: #faf;
text-align: left;
font-family: 'Helvetica neue', Helvetica, "lucida grande", tahoma, verdana, arial, sans-serif;
z-index: 1101;
}#advanced-options .btn-apply, #advanced-options .btn-clear {
background-color: #aa51b5c4;
display: inline-block;
width: 135px;
margin: 0 4px;
padding: 6px 0px;
border-radius: 2px;
font-size: 16px;
color: #f9c9f7;
text-align: center;
-moz-transition-property: all;
-o-transition-property: all;
-webkit-transition-property: all;
transition-property: all;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-moz-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
font-family: 'Shadows Into Light';
}#advanced-options .advanced-options-header {
width: 750px;
margin: 0px auto;
padding-bottom: 4px;
border-bottom: 1px solid #BEBEBE;
font-size: 30px;
font-family: 'Shadows Into Light';
}#advanced-options .advanced-options-header .description {
font-size: 20px;
font-weight: normal;
margin-left: 8px;
}#advanced-options .sort-widget .widget-header, #advanced-options .filter-widget .widget-header {
display: inline-block;
width: 110px;
font-size: 23px;
font-family: 'Shadows Into Light';
}#advanced-options .filter-widget.aired-date .text, #advanced-options .filter-widget.published-date .text {
display: inline-block;
margin-right: 4px;
font-size: 12px;
font-family: 'Shadows Into Light';
font-size: 20px;
}.list-unit .list-stats {
display: none;
background-color: #4065ba00;
width: 1024px;
height: 30px;
line-height: 30px;
color: #faf;
text-align: center;
font-family: 'Shadows Into Light';
font-size: 20px;
}.status-menu-container .status-menu .status-button:after {
position: absolute;
bottom: 12px;
left: 0px;
background-color: #c642ea;
display: block;
width: 100%;
height: 4px;
content: '';
opacity: 0;
-moz-transition-property: all;
-o-transition-property: all;
-webkit-transition-property: all;
transition-property: all;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-moz-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;

}.status-menu-container .status-menu .status-button:after {
position: absolute;
bottom: 12px;
left: 0px;
background-color: #d174ea;
display: block;
width: 100%;
height: 4px;
content: '';
opacity: 0;
-moz-transition-property: all;
-o-transition-property: all;
-webkit-transition-property: all;
transition-property: all;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-moz-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
}.status-menu-container .status-menu .status-button.on:after, .status-menu .status-button:hover:after {
opacity: 1;
}.list-unit .list-status-title .stats a {
margin-right: 8px;
color: #faf;
}.qc-cmp2-persistent-link {
cursor: pointer;
position: fixed;
background-color: #368bd600;
padding: 5px 15px;
color: #faf;
display: flex;
align-items: center;
max-height: 30px;
z-index: 2147483640;
bottom: 0;
right: 0;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}.status-menu-container .search-container #search-button {
display: inline-block;
height: 30px;
margin-top: 15px;
color: #faf;
font-size: 1.6em;
vertical-align: middle;
}.status-menu-container .search-container #search-box input {
width: 100%;
height: 100%;
box-sizing: border-box;
color: #faf;
font-family: 'Shadows Into Light';
font-size: 15px;
}
This topic has been locked and is no longer available for discussion.
Pages (12) « First ... « 8 9 [10] 11 12 »

More topics from this board

» [CSS - MODERN] ⚡️ Fully-Customizable Layouts (2024 updates!) ( 1 2 3 4 5 ... Last Page )

Shishio-kun - Jul 21, 2017

381 by KabukiChouNights »»
Sep 13, 10:56 AM

» 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
It’s time to ditch the text file.
Keep track of your anime easily by creating your own list.
Sign Up Login