Forum Settings
Forums
New
Aug 29, 2024 4:05 PM
#1

Offline
Feb 2021
2
I recently switched my list by copying the list CSS of a different user and modifying images and colors to fit a different theme. I'm stuck on two problems right now:

1- Why are there several front images of the shows that do not expand and have a white background?

2-How can I remove the background gif with the rose petal? And how can I switch for a different gif?

I already tried searching in the CSS code, but I'm still too inexpert to guess the details for these solutions alone. My thanks to who will try to help me a bit.

GE
Pages (2) [1] 2 »
Aug 29, 2024 6:01 PM
#2

Offline
Feb 2010
11898



Gender_Equalizer said:

1- Why are there several front images of the shows that do not expand and have a white background?



Cover import is wrong for your list, probably intended for someone else's, see part B here
https://myanimelist.net/forum/?topicid=2130234

You're using Ruse's layout I'm guessing since you have this near the top
@\import "https://malscraper.azurewebsites.net/covers/anime/Ruse125/presets/dataimagelinkbefore";
it should be your username


Gender_Equalizer said:

2-How can I remove the background gif with the rose petal? And how can I switch for a different gif?


Probably not a GIF. It's almost certainly my sliding background animation
https://myanimelist.net/forum/?topicid=1911984

In your layout code find
CHERRY BLOSSOMS ORIGINAL */
go down a few lines and replace the image link in parenthesis after "background image" with a new direct link, a direct link to the image you want. MUST be a direct link.

You can get direct links from
https://imgbb.com/
Just sign in, upload the new image, and they should give you the direct link right away. If you don't want to use a sliding background image, you can go to the bottom and paste this at the bottom and switch your image link in the parenthesis there

body{
background-image: url(https://i.ibb.co/nMbJ632/b0d3e893afd967b8e223d47435eeb744-smoke-signals-deep-space.jpg) !important;;
background-position: top center;
background-attachment: fixed
}



btw it's better to ask there in the relevant topics there in the group, you joined it, this is so that future users can see your question and get the answer from there too. Everything in general Support is buried after a week and the search system is awful. Also check the club stickies for help since the answers are usually there.
Aug 30, 2024 4:09 AM
#3

Offline
Feb 2021
2
Reply to Shishio-kun



Gender_Equalizer said:

1- Why are there several front images of the shows that do not expand and have a white background?



Cover import is wrong for your list, probably intended for someone else's, see part B here
https://myanimelist.net/forum/?topicid=2130234

You're using Ruse's layout I'm guessing since you have this near the top
@\import "https://malscraper.azurewebsites.net/covers/anime/Ruse125/presets/dataimagelinkbefore";
it should be your username


Gender_Equalizer said:

2-How can I remove the background gif with the rose petal? And how can I switch for a different gif?


Probably not a GIF. It's almost certainly my sliding background animation
https://myanimelist.net/forum/?topicid=1911984

In your layout code find
CHERRY BLOSSOMS ORIGINAL */
go down a few lines and replace the image link in parenthesis after "background image" with a new direct link, a direct link to the image you want. MUST be a direct link.

You can get direct links from
https://imgbb.com/
Just sign in, upload the new image, and they should give you the direct link right away. If you don't want to use a sliding background image, you can go to the bottom and paste this at the bottom and switch your image link in the parenthesis there

body{
background-image: url(https://i.ibb.co/nMbJ632/b0d3e893afd967b8e223d47435eeb744-smoke-signals-deep-space.jpg) !important;;
background-position: top center;
background-attachment: fixed
}



btw it's better to ask there in the relevant topics there in the group, you joined it, this is so that future users can see your question and get the answer from there too. Everything in general Support is buried after a week and the search system is awful. Also check the club stickies for help since the answers are usually there.
@Shishio-kun Thanks a lot, you've been a huge help and I've been able to fix the last things I wanted. I'll be mindful to post possible questions in the group. I'd like also to ask you: some features of the anime list are missing in the manga list, is it cause code needs to be added to work with the manga list too?

Also, I noticed that the info button doesn't show up, maybe I copied the code wrong?

GE
Gender_EqualizerAug 30, 2024 6:01 AM
Aug 30, 2024 1:18 PM
#4

Offline
Feb 2010
11898
Reply to Gender_Equalizer
@Shishio-kun Thanks a lot, you've been a huge help and I've been able to fix the last things I wanted. I'll be mindful to post possible questions in the group. I'd like also to ask you: some features of the anime list are missing in the manga list, is it cause code needs to be added to work with the manga list too?

Also, I noticed that the info button doesn't show up, maybe I copied the code wrong?

GE
@Gender_Equalizer

Please check the stickies I linked. Cover import is wrong for your mangalist too, see part B here
https://myanimelist.net/forum/?topicid=2130234
change anime to manga in the mangalist import.

You probably want a separate CSS for the manga list or a second import for manga covers. Stickies tell you how to do that on this page when setting up a list design the first time
https://myanimelist.net/ownlist/style

You're not clear on exactly what parts didn't carry over, but I see the headers are missing. I'd have to look at the codes closely to find out why some parts didn't carry over, I'm guessing you'd have to look thru the code and switch anything intended for anime to manga and maybe your manga list also needs to have similar settings to the anime list.
https://myanimelist.net/editprofile.php?go=listpreferences


My recommendation would be to make the list design with the theme customizer for manga with the headers, and if it doesn't work out, leave your post there for the OP and other Clarity users to help with- although I think the designer (the OP) quit MAL. Also look through the replies maybe someone had a similar issue.
https://myanimelist.net/forum/?topicid=1723114

the customizer links to this page for headers, Ruse probably made them specific for his anime list and you might need to do the same for the manga list
https://github.com/ValerioLyndon/MAL-Public-List-Designs/wiki/Install-Section-Category-Headers

I don't know what you mean by info button, there's many buttons on the list pages; the more button works from what I see on my end if that's what you mean

For any more questions, please try the club threads I linked and you can leave posts in them too
Shishio-kunAug 30, 2024 1:29 PM
Aug 31, 2024 7:59 AM
#5

Offline
Oct 2016
43
Reply to Gender_Equalizer
@Shishio-kun Thanks a lot, you've been a huge help and I've been able to fix the last things I wanted. I'll be mindful to post possible questions in the group. I'd like also to ask you: some features of the anime list are missing in the manga list, is it cause code needs to be added to work with the manga list too?

Also, I noticed that the info button doesn't show up, maybe I copied the code wrong?

GE
@Gender_Equalizer I was trying to fix some performance-related issues and somehow stumbled upon this 😂

I'm happy that you're using my layout though. Feel free to ask if you still have any questions and I'll try my best to help.
Sep 18, 2024 5:32 PM
#6

Offline
Feb 2010
11898
Reply to Ruse125
@Gender_Equalizer I was trying to fix some performance-related issues and somehow stumbled upon this 😂

I'm happy that you're using my layout though. Feel free to ask if you still have any questions and I'll try my best to help.
@Ruse125

So many ppl try to use your version of Clarity and have problems later, maybe it should just be its own topic with a easy guide on how to install it correctly 👀
https://myanimelist.net/forum/?goto=post&topicid=200323&id=71702960

Sep 18, 2024 5:44 PM
#7
Offline
Dec 2011
43
Reply to Ruse125
@Gender_Equalizer I was trying to fix some performance-related issues and somehow stumbled upon this 😂

I'm happy that you're using my layout though. Feel free to ask if you still have any questions and I'll try my best to help.
@Ruse125
Hey ^^
by accident i found your amazing Design, and tried to use it for myself.
Since i got no clue about CSS and such things, it took me several hours to find a way to somehow use it.
I also tried to make a few adjustments myself, so it's not a 100% copy from yours.

However, i struggle alot with using the extra info tab.
I tried to create it myself, but somehow the text gets very weird.

On MAL Tools i used this Template:

/* [TITLE] *[DEL]/ #tags-[ID] ~ .storage::after{content: "TITLE: [TITLE]\a TITLE ENG: [TITLEEN]\a TITLE GER: [TITLEDE]\a \a SCORE: [SCORE]\a RANK: [RANK]\a POPULARITY: [POPULARITY]\a \a YEAR: [YEAR] \a GENRE: [GENRES]\a THEME: [THEMES]";}

and this on "match template:
#tags-[ID]

Result: https://dl.dropboxusercontent.com/s/1dhbccww57ld4ulq8wqe0/MAL-info.css?rlkey=53ujo2li87hls51ysn6ia7ig1&st=anzo3v0o (i ended it early for testing purpose)

I also uploaded my things to a dropbox acccout, that i created for this.
but my list always breaks when i try to use it.
https://i.ibb.co/tLJqQy4/image.png
Those are my List settings. https://i.ibb.co/jHbXYbn/image.png


Link to my current list: https://myanimelist.net/animelist/Demikun


Maybe u can help me out? And also i hope i'm allowed to use your awesome Design!
Sep 19, 2024 4:51 AM
#8

Offline
Oct 2016
43
Reply to Demikun
@Ruse125
Hey ^^
by accident i found your amazing Design, and tried to use it for myself.
Since i got no clue about CSS and such things, it took me several hours to find a way to somehow use it.
I also tried to make a few adjustments myself, so it's not a 100% copy from yours.

However, i struggle alot with using the extra info tab.
I tried to create it myself, but somehow the text gets very weird.

On MAL Tools i used this Template:

/* [TITLE] *[DEL]/ #tags-[ID] ~ .storage::after{content: "TITLE: [TITLE]\a TITLE ENG: [TITLEEN]\a TITLE GER: [TITLEDE]\a \a SCORE: [SCORE]\a RANK: [RANK]\a POPULARITY: [POPULARITY]\a \a YEAR: [YEAR] \a GENRE: [GENRES]\a THEME: [THEMES]";}

and this on "match template:
#tags-[ID]

Result: https://dl.dropboxusercontent.com/s/1dhbccww57ld4ulq8wqe0/MAL-info.css?rlkey=53ujo2li87hls51ysn6ia7ig1&st=anzo3v0o (i ended it early for testing purpose)

I also uploaded my things to a dropbox acccout, that i created for this.
but my list always breaks when i try to use it.
https://i.ibb.co/tLJqQy4/image.png
Those are my List settings. https://i.ibb.co/jHbXYbn/image.png


Link to my current list: https://myanimelist.net/animelist/Demikun


Maybe u can help me out? And also i hope i'm allowed to use your awesome Design!
@Demikun I think it is because you also use the tags updater on the MALTools. Try to untick it and only use the CSS generator and see if the info tab works again.
Sep 19, 2024 4:53 AM
#9

Offline
Oct 2016
43
Reply to Shishio-kun
@Ruse125

So many ppl try to use your version of Clarity and have problems later, maybe it should just be its own topic with a easy guide on how to install it correctly 👀
https://myanimelist.net/forum/?goto=post&topicid=200323&id=71702960

@Shishio-kun Could be an idea. If you notice more people having trouble with my remix, just hit me up and maybe we can figure something out.

Also, for some reason, the list freezes the first couple of seconds on Chrome for me, and reenabling the cherry blossom animation freezes the list at intervals (CPU usage 100%). Could you perhaps help me with this?
Ruse125Sep 19, 2024 6:07 AM
Sep 19, 2024 10:00 AM
Offline
Dec 2011
43
Reply to Ruse125
@Demikun I think it is because you also use the tags updater on the MALTools. Try to untick it and only use the CSS generator and see if the info tab works again.
@Ruse125
i tried to disable "update tags" but the result were the same :/

https://i.ibb.co/vqhRKKt/image.png
Sep 19, 2024 10:22 AM

Offline
Oct 2016
43
Reply to Demikun
@Ruse125
i tried to disable "update tags" but the result were the same :/

https://i.ibb.co/vqhRKKt/image.png
@Demikun I think you just need to clear the tags of the anime affected now. You should be able to do this with the edit button shown below.
Sep 19, 2024 10:57 AM
Offline
Dec 2011
43
Reply to Ruse125
@Demikun I think you just need to clear the tags of the anime affected now. You should be able to do this with the edit button shown below.
@Ruse125
NICE!!!! That worked like a charm. Now it works as intended :D
Thanks alot for helping me out, and thanks for sharing your great design <3

Do u also have a idea how i can increase my load times? Or is it normal as it is?



Edit: is there a way to make the Tags abit smarter?
Example: i wanna include 3 titles (Original, English and German). Lets say there is no English Title, can i somehow remove the "TITLE ENG: " automatically, so that it isn't just "blank filled" ?


Edit 2:
there is currently "only" 1 header image that is used for every category (All Animes, COmpleted, Watching, Dropped, Hold)
Can somehow define a different banner for each category?
Or would this increase the load times even further?


Edit 3:
sorry ^^
at the very end of every page, u included a loading image. In your case it's the prez & Shinomiya gif.
Is there a way to only show the image while there is still data do be loaded and invisible if it reaches the true ending of a category?
DemikunSep 19, 2024 11:08 AM
Sep 19, 2024 11:28 AM

Offline
Oct 2016
43
Reply to Demikun
@Ruse125
NICE!!!! That worked like a charm. Now it works as intended :D
Thanks alot for helping me out, and thanks for sharing your great design <3

Do u also have a idea how i can increase my load times? Or is it normal as it is?



Edit: is there a way to make the Tags abit smarter?
Example: i wanna include 3 titles (Original, English and German). Lets say there is no English Title, can i somehow remove the "TITLE ENG: " automatically, so that it isn't just "blank filled" ?


Edit 2:
there is currently "only" 1 header image that is used for every category (All Animes, COmpleted, Watching, Dropped, Hold)
Can somehow define a different banner for each category?
Or would this increase the load times even further?


Edit 3:
sorry ^^
at the very end of every page, u included a loading image. In your case it's the prez & Shinomiya gif.
Is there a way to only show the image while there is still data do be loaded and invisible if it reaches the true ending of a category?
@Demikun No problem, I'm happy people are using it.

Demikun said:
Do u also have a idea how i can increase my load times? Or is it normal as it is?

The load time is probably because I went a bit overkill with all the stuff I added. What browser do you use? Because it used to run a lot faster on Chrome, while it seems to run normally on Firefox, so I am unsure why it freezes at the start on Chrome.

Demikun said:
is there a way to make the Tags abit smarter?

I haven't used the tool for this use case, so I have no idea.

Demikun said:
Can somehow define a different banner for each category?

/*-S-T-A-R-T--------------------*\
| Per-Category Banner Image      |
\*------------------------------*/
[data-query*='status":1'] { 	--banner: url(https://i.imgur.com/VoPJz2S.jpg); }
[data-query*='status":2'] { 	--banner: url(https://i.imgur.com/VoPJz2S.jpg); }
[data-query*='status":3'] { 	--banner: url(https://i.imgur.com/VoPJz2S.jpg); }
[data-query*='status":4'] { 	--banner: url(https://i.imgur.com/VoPJz2S.jpg); }
[data-query*='status":6'] { 	--banner: url(https://i.imgur.com/VoPJz2S.jpg); }
[data-query*='status":7'] { 	--banner: url(https://i.imgur.com/VoPJz2S.jpg); }
/*------------------------E-N-D-*/

This shouldn't increase the loading time by that much, but you can try to see if there is a noticeable difference.

https://valeriolyndon.github.io/Theme-Customiser/theme?t=https://valeriolyndon.github.io/MAL-Public-List-Designs/Clarity%20Theme/clarity.json
This is the base template that I used for my design. A lot of stuff, like the per-category banner image, can be found here, so try to look here to see if there is something you would like to add.
Sep 19, 2024 11:35 AM
Offline
Dec 2011
43
Reply to Ruse125
@Demikun No problem, I'm happy people are using it.

Demikun said:
Do u also have a idea how i can increase my load times? Or is it normal as it is?

The load time is probably because I went a bit overkill with all the stuff I added. What browser do you use? Because it used to run a lot faster on Chrome, while it seems to run normally on Firefox, so I am unsure why it freezes at the start on Chrome.

Demikun said:
is there a way to make the Tags abit smarter?

I haven't used the tool for this use case, so I have no idea.

Demikun said:
Can somehow define a different banner for each category?

/*-S-T-A-R-T--------------------*\
| Per-Category Banner Image      |
\*------------------------------*/
[data-query*='status":1'] { 	--banner: url(https://i.imgur.com/VoPJz2S.jpg); }
[data-query*='status":2'] { 	--banner: url(https://i.imgur.com/VoPJz2S.jpg); }
[data-query*='status":3'] { 	--banner: url(https://i.imgur.com/VoPJz2S.jpg); }
[data-query*='status":4'] { 	--banner: url(https://i.imgur.com/VoPJz2S.jpg); }
[data-query*='status":6'] { 	--banner: url(https://i.imgur.com/VoPJz2S.jpg); }
[data-query*='status":7'] { 	--banner: url(https://i.imgur.com/VoPJz2S.jpg); }
/*------------------------E-N-D-*/

This shouldn't increase the loading time by that much, but you can try to see if there is a noticeable difference.

https://valeriolyndon.github.io/Theme-Customiser/theme?t=https://valeriolyndon.github.io/MAL-Public-List-Designs/Clarity%20Theme/clarity.json
This is the base template that I used for my design. A lot of stuff, like the per-category banner image, can be found here, so try to look here to see if there is something you would like to add.
@Ruse125
alright i gonna test the banner thingy and see whatever i prefer more.

Regarding the original design, nah i'm pretty happy as of right now.
the only thing i saw on a different design, was a short button to sort my list my score. Lemme see if i can find that again... ^^


Edit:
i found it. https://myanimelist.net/animelist/Uji_Gintoki_Bowl?status=7 in the middle the "Sort by Score" button. I really like that idea. Easier to find for people


edit 2:
And on this customiser i saw that u could add the total number of entrys on a category. I really like that idea ^^ I tried to include it, but that my results were realllllyyy bad :D
DemikunSep 19, 2024 11:42 AM
Sep 19, 2024 1:08 PM

Offline
Feb 2010
11898
Reply to Ruse125
@Shishio-kun Could be an idea. If you notice more people having trouble with my remix, just hit me up and maybe we can figure something out.

Also, for some reason, the list freezes the first couple of seconds on Chrome for me, and reenabling the cherry blossom animation freezes the list at intervals (CPU usage 100%). Could you perhaps help me with this?
@Ruse125 The freeze and loadtime seems normal for All Anime loading all the thumbnails and such?

I see no cherry blossoms animation at all

The ways I can think of to speed layouts up would be to reduce the size of the initial load so you'd replace all cover imports with a Dropbox cover linking to only your covers, this means manually exporting your covers and updating them now and then
https://malscraper.azurewebsites.net/covers
https://myanimelist.net/forum/?topicid=1825686
https://myanimelist.net/forum/?topicid=1911384
It's a huge pain to do tho

Also containing all your CSS with imports you host might speed things up a tiny bit.
Sep 19, 2024 1:15 PM

Offline
Oct 2016
43
Reply to Shishio-kun
@Ruse125 The freeze and loadtime seems normal for All Anime loading all the thumbnails and such?

I see no cherry blossoms animation at all

The ways I can think of to speed layouts up would be to reduce the size of the initial load so you'd replace all cover imports with a Dropbox cover linking to only your covers, this means manually exporting your covers and updating them now and then
https://malscraper.azurewebsites.net/covers
https://myanimelist.net/forum/?topicid=1825686
https://myanimelist.net/forum/?topicid=1911384
It's a huge pain to do tho

Also containing all your CSS with imports you host might speed things up a tiny bit.
@Shishio-kun I have reenabled the cherry blossoms again.
Sep 19, 2024 2:07 PM
Offline
Dec 2011
43
@Ruse125
Alright i updated the tags css, and for some reason there are alot of anime not working. Any idea why? I can't find a typing error inside the css.

Example: https://myanimelist.net/animelist/Demikun?status=2&order=4&order2=0

GTO and Death Note got the correct info. Toradora and Reinbow do not, Another and Makuman have the info again. O_O
Have i done something wrong again?
Sep 19, 2024 2:45 PM

Offline
Oct 2016
43
Reply to Demikun
@Ruse125
Alright i updated the tags css, and for some reason there are alot of anime not working. Any idea why? I can't find a typing error inside the css.

Example: https://myanimelist.net/animelist/Demikun?status=2&order=4&order2=0

GTO and Death Note got the correct info. Toradora and Reinbow do not, Another and Makuman have the info again. O_O
Have i done something wrong again?
@Demikun I am unsure about this one. However, by sorting all anime alphabetically, I did notice that the info button stopped working after Hyouka, which is categorised as plan to watch. You could try to fix the category headers first and then maybe it will also fix the info button.
https://github.com/ValerioLyndon/MAL-Public-List-Designs/wiki/Install-Section-Category-Headers

The rounded style is the one currently used.
Sep 19, 2024 2:59 PM

Offline
Feb 2010
11898
Reply to Ruse125
@Shishio-kun I have reenabled the cherry blossoms again.
@Ruse125 It loads normally for me in Chrome except it might be a little jittery scrolling the page up and down, but this isn't really bad for me or anything

You should try the solutions I left you earlier it's the only way to significantly reduce the weight on the page by literally 60,000 lines of code and at least 6MB (maybe more with all the loaded cover pics?).

It could also be possible to record the cherry blossoms on the background, and then record that, convert it to a WEBP and use that for your background.
Sep 19, 2024 3:14 PM

Offline
Oct 2016
43
Reply to Shishio-kun
@Ruse125 It loads normally for me in Chrome except it might be a little jittery scrolling the page up and down, but this isn't really bad for me or anything

You should try the solutions I left you earlier it's the only way to significantly reduce the weight on the page by literally 60,000 lines of code and at least 6MB (maybe more with all the loaded cover pics?).

It could also be possible to record the cherry blossoms on the background, and then record that, convert it to a WEBP and use that for your background.
@Shishio-kun Hmmm, weird. Might be something wrong with my Chrome setting, since it happens on both my desktop and laptop with all extensions disabled. But I'll try the other things you mentioned, thanks :)
Sep 19, 2024 3:31 PM

Offline
Feb 2010
11898
Reply to Ruse125
@Shishio-kun Hmmm, weird. Might be something wrong with my Chrome setting, since it happens on both my desktop and laptop with all extensions disabled. But I'll try the other things you mentioned, thanks :)
@Ruse125

You can see here how your list looks on my PC, I dont have any extensions besides ublock origin lite. The second part is after me clearing cache/history/cookies etc and it take a few seconds but not really any more for me than other layouts on All Anime, unless it's the default.
Sep 20, 2024 1:07 AM
Offline
Dec 2011
43
Reply to Ruse125
@Demikun I am unsure about this one. However, by sorting all anime alphabetically, I did notice that the info button stopped working after Hyouka, which is categorised as plan to watch. You could try to fix the category headers first and then maybe it will also fix the info button.
https://github.com/ValerioLyndon/MAL-Public-List-Designs/wiki/Install-Section-Category-Headers

The rounded style is the one currently used.
@Ruse125
I just don't get it... I redid everything, reinstalled Tampermonkey, and also installed the script. But in the 'all anime' category, it just jumps to 'dropped' and 'plan to watch,' even though the anime is marked as completed for me. I'm not sure if this messes up the 'info.' But I also don't understand why it's switching categories at that point. However, the color (green for me) stays the same. So it doesn't change to the color of 'dropped' or 'plan to watch' at all.
Sep 20, 2024 7:03 AM

Offline
Oct 2016
43
Reply to Demikun
@Ruse125
I just don't get it... I redid everything, reinstalled Tampermonkey, and also installed the script. But in the 'all anime' category, it just jumps to 'dropped' and 'plan to watch,' even though the anime is marked as completed for me. I'm not sure if this messes up the 'info.' But I also don't understand why it's switching categories at that point. However, the color (green for me) stays the same. So it doesn't change to the color of 'dropped' or 'plan to watch' at all.
@Demikun It jumps to dropped and plan to watch because it still uses my numbers, meaning MalFox doesn't update the list for some reason.
Try to replace the MalFox Headers (Clarity Round Style) code in Tampermonkey with the one in the spoiler below:

I have modified the code a bit to bypass a check, since MalFox sometimes have problems recognising my remix as clarity.

Also, in the CSS, for the Category Headers (Round) R0.3 section, could you exchange that part of the code for the one in the spoiler below:

This will fix the glowing bars being small.
Sep 20, 2024 9:06 AM
Offline
Dec 2011
43
Reply to Ruse125
@Demikun It jumps to dropped and plan to watch because it still uses my numbers, meaning MalFox doesn't update the list for some reason.
Try to replace the MalFox Headers (Clarity Round Style) code in Tampermonkey with the one in the spoiler below:

I have modified the code a bit to bypass a check, since MalFox sometimes have problems recognising my remix as clarity.

Also, in the CSS, for the Category Headers (Round) R0.3 section, could you exchange that part of the code for the one in the spoiler below:

This will fix the glowing bars being small.
@Ruse125
Yeah the fix u posted for the glowing bar fix worked.
already tested arround alot, but couldn't fix it myself ^^

Regarding the switching category thing, i edited my tampermonkey code with the one u gave me.
Do i need to do something now? Cause it still switched the category as weird as before



I'm currently trying to "move" my banner image, but guess i have to crop it myself :P
Sep 20, 2024 10:11 AM

Offline
Oct 2016
43
Reply to Demikun
@Ruse125
Yeah the fix u posted for the glowing bar fix worked.
already tested arround alot, but couldn't fix it myself ^^

Regarding the switching category thing, i edited my tampermonkey code with the one u gave me.
Do i need to do something now? Cause it still switched the category as weird as before



I'm currently trying to "move" my banner image, but guess i have to crop it myself :P
@Demikun Not sure why the Malfox script is not updating your code. It should do it every time you enter your list. Maybe try to remove the whole Malfox section at the end of your CSS and see if it writes a new one.
Sep 20, 2024 11:36 AM

Offline
Feb 2010
11898
@Ruse125 Would you mind if I put your reskin of Clarity in this post right here? It's totally ok if you don't want it there. But I think it could be a good starter theme if I condensed the code and removed the info thing which seems complex

https://myanimelist.net/forum/?goto=post&topicid=2077861&id=68652987
Sep 20, 2024 11:54 AM
Offline
Dec 2011
43
Reply to Ruse125
@Demikun Not sure why the Malfox script is not updating your code. It should do it every time you enter your list. Maybe try to remove the whole Malfox section at the end of your CSS and see if it writes a new one.
@Ruse125

Ok, apparently I'm just too dumb for this...
I'll post my entire CSS for you. Maybe i have done something completly wrong with it? I'll just upload my text document. Since posting it in a spoiler destroys the formating. https://nopaste.net/nKd0sZK3Vj

If I leave out the bottom part (MALFOX ANIME START), then the rounded headers don't work at all. Am I doing something completely wrong?

I insert the code under https://myanimelist.net/ownlist/style/theme/1 and press save. That's all I do, right? Because I’m wondering, where is the code for MALFOX generated from then?

Sorry if I'm coming across as extremely clueless right now.
It's my first time ever, that i tried to do anything like that.
Sep 20, 2024 12:20 PM

Offline
Oct 2016
43
Reply to Shishio-kun
@Ruse125 Would you mind if I put your reskin of Clarity in this post right here? It's totally ok if you don't want it there. But I think it could be a good starter theme if I condensed the code and removed the info thing which seems complex

https://myanimelist.net/forum/?goto=post&topicid=2077861&id=68652987
@Shishio-kun Sure, go for it! You should probably also remove the Malfox category headers, since I had to modify the script a bit for it to work all the time. That way, the reskin can be used right from the get-go without needing to install any additional scripts.

The code can definitely be optimised since my coding has been very caveman-like. So tell me when you're done so I can use the code too 😂
Ruse125Sep 20, 2024 12:33 PM
Sep 20, 2024 12:26 PM

Offline
Oct 2016
43
Reply to Demikun
@Ruse125

Ok, apparently I'm just too dumb for this...
I'll post my entire CSS for you. Maybe i have done something completly wrong with it? I'll just upload my text document. Since posting it in a spoiler destroys the formating. https://nopaste.net/nKd0sZK3Vj

If I leave out the bottom part (MALFOX ANIME START), then the rounded headers don't work at all. Am I doing something completely wrong?

I insert the code under https://myanimelist.net/ownlist/style/theme/1 and press save. That's all I do, right? Because I’m wondering, where is the code for MALFOX generated from then?

Sorry if I'm coming across as extremely clueless right now.
It's my first time ever, that i tried to do anything like that.
@Demikun It's okay, I'm also a bit clueless right now, since it doesn't look like anything is wrong with what you've done, so I'm not sure why Malfox isn't updating your code. Probably best to just remove the category headers then.
Sep 20, 2024 3:01 PM
Offline
Dec 2011
43
Reply to Ruse125
@Demikun It's okay, I'm also a bit clueless right now, since it doesn't look like anything is wrong with what you've done, so I'm not sure why Malfox isn't updating your code. Probably best to just remove the category headers then.
@Ruse125

That's really sad, i really really like the category headers.

And disabling them will probably also don't fix my "info issue"
Sep 20, 2024 3:44 PM

Offline
Feb 2010
11898
Reply to Demikun
@Ruse125

That's really sad, i really really like the category headers.

And disabling them will probably also don't fix my "info issue"
@Demikun If we can help with something dont forget you can leave it in the Clarity topic and if VL swings by he may be able to answer!
Sep 20, 2024 11:19 PM
Offline
Dec 2011
43
Ok i jsut tried to fix it with using another, clean browser.
But again, tampermonkey seems to do nothing at all.....
As if it wouldn't exist
DemikunSep 21, 2024 9:30 AM
Sep 21, 2024 3:47 AM

Offline
Oct 2016
43
Reply to Demikun
@Ruse125

That's really sad, i really really like the category headers.

And disabling them will probably also don't fix my "info issue"
@Demikun In the list style design tab, did you pick the default theme to change the CSS? Because I modified the Tampermonkey to always choose that one, so if you picked another list design, the code will not get updated.


That's the only thing left I could think of as to why it doesn't work.
Sep 21, 2024 7:37 AM
Offline
Dec 2011
43
Reply to Ruse125
@Demikun In the list style design tab, did you pick the default theme to change the CSS? Because I modified the Tampermonkey to always choose that one, so if you picked another list design, the code will not get updated.


That's the only thing left I could think of as to why it doesn't work.
@Ruse125
by pure accident i really used the Default Theme xD

https://i.ibb.co/LvY1rM6/image.png

Any other idea?
Without category headers, it's really dull and hard to use the "All Anime" Tab.

Honestly, i thought that personally, i would love to add these headers on each individual Category aswell. =/
Sep 21, 2024 8:37 AM

Offline
Oct 2016
43
Reply to Demikun
@Ruse125
by pure accident i really used the Default Theme xD

https://i.ibb.co/LvY1rM6/image.png

Any other idea?
Without category headers, it's really dull and hard to use the "All Anime" Tab.

Honestly, i thought that personally, i would love to add these headers on each individual Category aswell. =/
@Demikun
Demikun said:
i would love to add these headers on each individual Category aswell. =/

Nice idea, I didn't think of that one!



But I honestly have no more ideas as to why it doesn't work.

Edit: Make sure you are viewing your list in the all anime category and unsorted. Also, you need to be in your actual list, and not in the CSS editor.
Ruse125Sep 21, 2024 8:46 AM
Sep 21, 2024 9:27 AM
Offline
Dec 2011
43
Reply to Ruse125
@Demikun
Demikun said:
i would love to add these headers on each individual Category aswell. =/

Nice idea, I didn't think of that one!



But I honestly have no more ideas as to why it doesn't work.

Edit: Make sure you are viewing your list in the all anime category and unsorted. Also, you need to be in your actual list, and not in the CSS editor.
@Ruse125
Nice Thanks for the Header Bar update outside of all anime, works great.


Regarding my problem:

I don’t get it... it just won't work.

Could it be because my list is simply too long? My anime list currently has 1,086 entries. Is that the problem?

Today, for testing purposes, I left out both the header bars and the MALFOX code, and ran the MAL tool again. Even the info button eventually stops working and just doesn’t function anymore. ~roughly after 50% of my list. Couldn't find the exact break point.


Edit: no matter what i do, it won't add the malfox code on itself. Neither does it gets updated.

i noticed ALOT of error when i watch the code on tampermonkey.
https://i.ibb.co/DRrLyC8/image.png
Is it supposed to look like that?
Sep 21, 2024 10:43 AM

Offline
Oct 2016
43
Reply to Demikun
@Ruse125
Nice Thanks for the Header Bar update outside of all anime, works great.


Regarding my problem:

I don’t get it... it just won't work.

Could it be because my list is simply too long? My anime list currently has 1,086 entries. Is that the problem?

Today, for testing purposes, I left out both the header bars and the MALFOX code, and ran the MAL tool again. Even the info button eventually stops working and just doesn’t function anymore. ~roughly after 50% of my list. Couldn't find the exact break point.


Edit: no matter what i do, it won't add the malfox code on itself. Neither does it gets updated.

i noticed ALOT of error when i watch the code on tampermonkey.
https://i.ibb.co/DRrLyC8/image.png
Is it supposed to look like that?
@Demikun Could you try to remove "I''s Pure" from your list? I feel like the two quotation marks could break the code, and it is also at that point the info bar breaks.

For the category headers, make sure you are viewing in your list in the all anime category and unsorted. Also, make sure to be in your actual list, and not in the CSS editor.

Edit: That is definitely the culprit. My info bar breaks if I insert "I''s Pure".
Ruse125Sep 21, 2024 10:47 AM
Sep 21, 2024 12:06 PM
Offline
Dec 2011
43
Reply to Ruse125
@Demikun Could you try to remove "I''s Pure" from your list? I feel like the two quotation marks could break the code, and it is also at that point the info bar breaks.

For the category headers, make sure you are viewing in your list in the all anime category and unsorted. Also, make sure to be in your actual list, and not in the CSS editor.

Edit: That is definitely the culprit. My info bar breaks if I insert "I''s Pure".
@Ruse125
OMG what a silly reason were the culprit that fucked everything up??? Jesus.... i would had NEVER found it without your help

I also found a problem with "Oshi no Ko". Since i also wanna display the titles in eng, ger and original, the "" Brackets from "Oshi no Ko" broke the info on "Oshi no Ko". But just on that one, it didn't broke everything.

I don't wanna remove Oshi no Ko, since i love it so i removed the "" manually for now. :D But hey, beside that everything works now !!!!
Well done in finding the issue. THANKS ALOT!!!!

So let me tell u step by step what i do for the header issue. I still think that i'm doing something wrong here.

1. i open my Notepad and Copy my List CSS code, except for the MALFOX Part.
2. i open mal website -> click on the arrow near my Username on the top right corner and preferences -> Tab: list Style Design -> left Click on the Image to the modern Default Theme.
3. on the left site i paste my code that i copied before into "Add Custom CSS" and click save.
4. the editor updates and reloads my list. I'm now on my "ALL ANIME" category. No MALFOX Part got added.
5. i close this window and go to the MAL Start Site. -> Arrow next to my Username and click on Profile -> Anime List
6. I'm again on my Anime List inside "ALL ANIME" category. Still no headers.

If i go baack to my css edit site, i also don't see a new code beeing added.
So, what did i do wrong?


Edit: i made the steps more simple, just incase that my booksmarks would break something here xD
DemikunSep 21, 2024 12:09 PM
Sep 21, 2024 12:21 PM

Offline
Oct 2016
43
Reply to Demikun
@Ruse125
OMG what a silly reason were the culprit that fucked everything up??? Jesus.... i would had NEVER found it without your help

I also found a problem with "Oshi no Ko". Since i also wanna display the titles in eng, ger and original, the "" Brackets from "Oshi no Ko" broke the info on "Oshi no Ko". But just on that one, it didn't broke everything.

I don't wanna remove Oshi no Ko, since i love it so i removed the "" manually for now. :D But hey, beside that everything works now !!!!
Well done in finding the issue. THANKS ALOT!!!!

So let me tell u step by step what i do for the header issue. I still think that i'm doing something wrong here.

1. i open my Notepad and Copy my List CSS code, except for the MALFOX Part.
2. i open mal website -> click on the arrow near my Username on the top right corner and preferences -> Tab: list Style Design -> left Click on the Image to the modern Default Theme.
3. on the left site i paste my code that i copied before into "Add Custom CSS" and click save.
4. the editor updates and reloads my list. I'm now on my "ALL ANIME" category. No MALFOX Part got added.
5. i close this window and go to the MAL Start Site. -> Arrow next to my Username and click on Profile -> Anime List
6. I'm again on my Anime List inside "ALL ANIME" category. Still no headers.

If i go baack to my css edit site, i also don't see a new code beeing added.
So, what did i do wrong?


Edit: i made the steps more simple, just incase that my booksmarks would break something here xD
@Demikun No problem

This might be a bit farfetched, but is MalFox headers enabled in Tampermonkey?


If this is the case, then as a last resort you can just manually change the numbers in the code, so the headers are in the correct place.
Sep 21, 2024 12:28 PM
Offline
Dec 2011
43
Reply to Ruse125
@Demikun No problem

This might be a bit farfetched, but is MalFox headers enabled in Tampermonkey?


If this is the case, then as a last resort you can just manually change the numbers in the code, so the headers are in the correct place.
@Ruse125


https://i.ibb.co/6ZcqNFd/image.png

Yeah it's activated =/
Grahhh doign this manually sucks... i would need to adjust these numbers everytime i add something to my list =/
Sep 21, 2024 12:37 PM

Offline
Oct 2016
43
Reply to Demikun
@Ruse125


https://i.ibb.co/6ZcqNFd/image.png

Yeah it's activated =/
Grahhh doign this manually sucks... i would need to adjust these numbers everytime i add something to my list =/
@Demikun Yeah, I didn't develop this tool, so I don't really know why doesn't work.

To answer your earlier question about the errors, I also have them, and I remember them being there when I first used this tool too, so I don't think this is a problem, since mine works fine.
Sep 21, 2024 12:39 PM
Offline
Dec 2011
43
Reply to Ruse125
@Demikun Yeah, I didn't develop this tool, so I don't really know why doesn't work.

To answer your earlier question about the errors, I also have them, and I remember them being there when I first used this tool too, so I don't think this is a problem, since mine works fine.
@Ruse125
alright... really thanks ALOT for taking your time to help me. Still pretty happy about my new list ^^.

Guess i'll just have to avoid using "ALL ANIME" and hope that noone clicks on it xD
Sep 22, 2024 12:20 PM

Offline
May 2010
1094
Reply to Shishio-kun
@Ruse125 Would you mind if I put your reskin of Clarity in this post right here? It's totally ok if you don't want it there. But I think it could be a good starter theme if I condensed the code and removed the info thing which seems complex

https://myanimelist.net/forum/?goto=post&topicid=2077861&id=68652987
Shishio-kun said:
removed the info thing which seems complex
I've been working on an API that will make this easier, like malscraper covers all people would need to do is change the username of the import

@Demikun @Ruse125
it's not perfect yet, but it means you don't have to edit/update the css everytime you add an entry, plus can handle things like double quotes and brackets in titles, and I'll keep trying to get the bugs out so it can add all the css replacements people may want.

example:
Demikun's anime info css
ShaggyZESep 22, 2024 3:17 PM
Sep 22, 2024 2:57 PM
Offline
Dec 2011
43
Reply to ShaggyZE
Shishio-kun said:
removed the info thing which seems complex
I've been working on an API that will make this easier, like malscraper covers all people would need to do is change the username of the import

@Demikun @Ruse125
it's not perfect yet, but it means you don't have to edit/update the css everytime you add an entry, plus can handle things like double quotes and brackets in titles, and I'll keep trying to get the bugs out so it can add all the css replacements people may want.

example:
Demikun's anime info css
@ShaggyZE
not sure if i 100% understood everything, but i'll test it :D

Edit: okay after the 4th time, the code finally got generated ^^
DemikunSep 22, 2024 3:13 PM
Sep 22, 2024 3:13 PM

Offline
May 2010
1094
Reply to Demikun
@ShaggyZE
not sure if i 100% understood everything, but i'll test it :D

Edit: okay after the 4th time, the code finally got generated ^^
@Demikun it uses cache so only the first time every 24 hours initiated by you or someone viewing your list takes the longest, you can test it by importing it instead of your dropbox one.
also takes longer on bigger lists or if you use synopsis which can timeout so on my anime list I use the cache'd css so it always loads fast, and anytime I add a anime/manga I just run the api url again to update it.

@\import "https://shaggyze.website/msa/usercss?u=Demikunt=anime&q=%2F*%20%7Banime_title%7D%20*%2F%20%23tags-%7Banime_id%7D%20~%20.storage%3A%3Aafter%7Bcontent%3A%20%22TITLE%3A%20%7Banime_title%7D%7B%5Ca%7D%20TITLE%20ENG%3A%20%7Banime_title_eng%7D%7B%5Ca%7D%20TITLE%20GER%3A%20%7Banime_title_de%7D%7B%5Ca%7D%20%7B%5Ca%7D%20SCORE%3A%20%7Bscore%7D%20%20points%7B%5Ca%7D%20RANK%3A%20%23%20%7Brank%7D%7B%5Ca%7D%20POPULARITY%3A%20%23%20%7Banime_popularity%7D%7B%5Ca%7D%20%7B%5Ca%7D%20START%20DATE%3A%20%7Bstart_date_string%7D%20%7B%5Ca%7D%20GENRE%3A%20%7Bgenres%7D%7B%5Ca%7D%20THEME%3A%20%7Bthemes%7D%22%3B%7D"

you can find more info here https://myanimelist.net/forum/?topicid=2168274&msgid=71357550 though I still need to make a usercss webpage to help with it like with the covers generator
ShaggyZESep 22, 2024 3:20 PM
Sep 22, 2024 3:35 PM
Offline
Dec 2011
43
Reply to ShaggyZE
@Demikun it uses cache so only the first time every 24 hours initiated by you or someone viewing your list takes the longest, you can test it by importing it instead of your dropbox one.
also takes longer on bigger lists or if you use synopsis which can timeout so on my anime list I use the cache'd css so it always loads fast, and anytime I add a anime/manga I just run the api url again to update it.

@\import "https://shaggyze.website/msa/usercss?u=Demikunt=anime&q=%2F*%20%7Banime_title%7D%20*%2F%20%23tags-%7Banime_id%7D%20~%20.storage%3A%3Aafter%7Bcontent%3A%20%22TITLE%3A%20%7Banime_title%7D%7B%5Ca%7D%20TITLE%20ENG%3A%20%7Banime_title_eng%7D%7B%5Ca%7D%20TITLE%20GER%3A%20%7Banime_title_de%7D%7B%5Ca%7D%20%7B%5Ca%7D%20SCORE%3A%20%7Bscore%7D%20%20points%7B%5Ca%7D%20RANK%3A%20%23%20%7Brank%7D%7B%5Ca%7D%20POPULARITY%3A%20%23%20%7Banime_popularity%7D%7B%5Ca%7D%20%7B%5Ca%7D%20START%20DATE%3A%20%7Bstart_date_string%7D%20%7B%5Ca%7D%20GENRE%3A%20%7Bgenres%7D%7B%5Ca%7D%20THEME%3A%20%7Bthemes%7D%22%3B%7D"

you can find more info here https://myanimelist.net/forum/?topicid=2168274&msgid=71357550 though I still need to make a usercss webpage to help with it like with the covers generator
@ShaggyZE
u said every 24 hours it takes the same amount of time as when i try to use it right now?
Cause then it's really not useable for me. My list is way to long, and i need 3 or 4 takes before it finally loads.


That's the code i have been trying to use.


i also noticed 2 bugs with it:

1. it takes my score, not the MAL average Score for the anime
2. it won't generate german titles, genre and theme.

Sep 22, 2024 3:42 PM

Offline
May 2010
1094
Reply to Demikun
@ShaggyZE
not sure if i 100% understood everything, but i'll test it :D

Edit: okay after the 4th time, the code finally got generated ^^
@Demikun Okay, looks like I made a mistake and put THEMES twice, but I still need to fix it to actually replace themes, genres and additional titles and more, so you'll probably want to use your dropbox one until I get more done with it.

also when I go to your generated css url it loads instantly, but when I go to your list it seems you have other things making it take awhile to load.

and you could always import the cache'd css to speed things up like I do https://shaggyze.website/cache
ShaggyZESep 22, 2024 3:48 PM
Sep 22, 2024 3:44 PM
Offline
Dec 2011
43
Reply to ShaggyZE
@Demikun Okay, looks like I made a mistake and put THEMES twice, but I still need to fix it to actually replace themes, genres and additional titles and more, so you'll probably want to use your dropbox one until I get more done with it.

also when I go to your generated css url it loads instantly, but when I go to your list it seems you have other things making it take awhile to load.

and you could always import the cache'd css to speed things up like I do https://shaggyze.website/cache
@ShaggyZE



I also tried this code, removing start date and added year. But year also won't work (if i done everything correct)
Still a very nice idea. Let me know if u want me to test it again :)
Sep 22, 2024 3:53 PM

Offline
May 2010
1094
Reply to Demikun
@ShaggyZE



I also tried this code, removing start date and added year. But year also won't work (if i done everything correct)
Still a very nice idea. Let me know if u want me to test it again :)
@Demikun oops, you can change "score" to "anime_score_val" and I haven't added year yet
Sep 22, 2024 3:55 PM

Offline
Oct 2016
43
Reply to ShaggyZE
Shishio-kun said:
removed the info thing which seems complex
I've been working on an API that will make this easier, like malscraper covers all people would need to do is change the username of the import

@Demikun @Ruse125
it's not perfect yet, but it means you don't have to edit/update the css everytime you add an entry, plus can handle things like double quotes and brackets in titles, and I'll keep trying to get the bugs out so it can add all the css replacements people may want.

example:
Demikun's anime info css
@ShaggyZE Sounds great, especially since I only occasionally run the MAL Tool. Give me a shout when you have some big updates, or at least when you add "themes" and "total runtime" replacements, since I use those for my list :)
Pages (2) [1] 2 »

More topics from this board

» I had to create new account just to Logout

hexploy - Jan 28, 2024

4 by baldursgay »»
Yesterday, 7:06 PM

Sticky: » Inactive Username Request Thread ( 1 2 3 4 5 ... Last Page )

Kineta - Sep 21, 2015

3685 by CareBear »»
Yesterday, 1:13 PM

» Watch list change

AR-07 - Yesterday

0 by AR-07 »»
Yesterday, 12:22 PM

» My main account got permabanned with no reason given

tchitch - Jan 20

4 by KayKimii »»
Jan 20, 2:40 PM

» This just started happening

quigonzel - Jan 20

1 by quigonzel »»
Jan 20, 1:18 PM
It’s time to ditch the text file.
Keep track of your anime easily by creating your own list.
Sign Up Login