The dark mode applies an inversion filter so that the page isn't so bright. It can be fixed by adding this code to the bottom: /* ====================
Dark Mode Filter Fix */
body[data-owner="1"] #fancybox-frame { filter: none; } |
| how do we remove banner shadow on the bottom |
 "Hard work is worthless for those that don’t believe in themselves" - Naruto Uzumaki |
JayDaAnimeLord said: how do we remove banner shadow on the bottom /* Remove cover shadow */
.cover-block::before { display: none; } |
JayDaAnimeLord said: how do we make the preview images larger? -> for clarity list design as well or is it the same way ? do the banner images have a specific size? This depends a lot on how big you want the images and if you are using the on-hover image previews or not. At the base of the issue, you can increase the images by increasing the width and/or height properties of ".data.image", ".data.image a", and ".data.image img" in the CSS. If I am to make some code for this, I need to know how big you're thinking and if you're using the large hover image previews as well, since these will affect how it is coded. I cannot view your animelist as it is private, so I need you to tell me these things or provide the code you are currently using to properly create an in-depth addon. |
| Is there any way to use the Tag Description, along with the Fav Hearts (Valerio_Lyndon's Version), bcuz, when I use both codes, the heart icon disappears, But, If the tag description code is removed, then, it works fine My List's Css : https://paste2.org/2Y3Hz4hm   |
jery_jsJun 17, 2021 6:56 AM
[  |
Menken21 said: Hello I need help I'm trying to add hovering but it doesn't work on me I'm trying to figure out for about 2 hours already i've been following the guide https://myanimelist.net/forum/?topicid=1499059 but non of it solved my problem here is the css code Thank you so much! Moved the post here |
| Can someone please help me I don't know what I'm doing I tried doing everything you told me to but it's not working but I would just like a normal dark theme with no banner, girl, and name. Can someone help me, please. Thanks 🙏🙏 |
 |
Tokyomission said: Can someone please help me I don't know what I'm doing I tried doing everything you told me to but it's not working but I would just like a normal dark theme with no banner, girl, and name. Can someone help me, please. Thanks 🙏🙏 So, you mean your list should be just like the default one but with dark mode but without any banner, girl and name??? or do you mean your list should look like viory's but without any banner, girl and name??? It would be better if you could specify that. Cuz the list you are using currently is the default one and it doesn't have the things you want removed |
Legends_of_animeJun 19, 2021 10:49 AM
   StoryGraph x Spotify x Instagram “Whether we die or not isn't really that big a deal." — Suzuya Juuzou |
Well, I changed my list so you know what I'm talking about on having no banner but you know how there's a part "Show cover image: Yes No" I would like clarity list on dark mode. like this  as the dark mode and theme if you know what I mean and with no background image, name, girl. So it would just be my list and pfp, so short summary I would like it exactly like the picture with no top part if that was specific enough. |
|
jery_js said: Is there any way to use the Tag Description, along with the Fav Hearts (Valerio_Lyndon's Version), bcuz, when I use both codes, the heart icon disappears, But, If the tag description code is removed, then, it works fine My List's Css : https://paste2.org/2Y3Hz4hm Someone Help 👆 |
[ |
I removed the things you mentioned. Now you can add your customizations below this code. But after I removed the banner part the home button disappeared and I don't know how to make it show up again, so you @Valerio_Lyndon will probably tell you the solution if she knows that. Here's the code: This is how it looks, I made the avatar like a square cuz I think it looks better but please tell if you want it changed (or you can just change it yourself)  |
Legends_of_animeJun 19, 2021 11:58 PM
StoryGraph x Spotify x Instagram “Whether we die or not isn't really that big a deal." — Suzuya Juuzou |
I tried but couldn't fix it, you gotta wait till someone else finds the solution. Your problem isn't being ignored. Sometimes it just takes time. |
StoryGraph x Spotify x Instagram “Whether we die or not isn't really that big a deal." — Suzuya Juuzou |
LEGENDS_OF_ANIME said: I tried but couldn't fix it, you gotta wait till someone else finds the solution. Your problem isn't being ignored. Sometimes it just takes time. Ohh...kay thx |
[ |
Kizumi21 said: Hello everyone can someone help me I'm trying to figure out how to add Hovering image and tag but I'm not that good in css so i don't know if im doing it correctly Thank you in advance!! : )) here is my code btw Here you go, I added hover images. And I didn't understand what you meant by "tags" so I just left it as it is. But if you wanted horizontal tags then tell me I will do it for you. And I thought that you would like dark mode so I added it. But if you don't want dark mode just remove the import for it. |
StoryGraph x Spotify x Instagram “Whether we die or not isn't really that big a deal." — Suzuya Juuzou |
jery_js said: Is there any way to use the Tag Description, along with the Fav Hearts (Valerio_Lyndon's Version), bcuz, when I use both codes, the heart icon disappears, But, If the tag description code is removed, then, it works fine My List's Css : https://paste2.org/2Y3Hz4hm The tag descriptions have support for the default favourite tags. But since you've modified the favourite tags, you will have to add support for your new modifications to the tag description mod. So everywhere the tag description mod has an exception for the favourite tags, we need to also add an exception for your custom tags. Here's what your tag description code looks like now: The changes that need to be made to the description mod are adding another ":not([href*="=TAGNAME"])" in every place one already exists. This will prevent certain parts of the tag description code from breaking the favourite hearts. This needs to be done for every new tag. Here's an image of me doing that and some code where I have already made those changes for your list as it currently is. You can use this code to overwrite your current tag description mod. If you change the favourite mod in the future, you will have to do this process yourself. The only other way to do this would be to add a bunch of code to the favourite mod which would overwrite all of the tag description code, but I'd argue that is even clunkier than this solution. |
| Thanks a lot ! |
[ |
LEGENDS_OF_ANIME said: I removed the things you mentioned. Now you can add your customizations below this code. But after I removed the banner part the home button disappeared and I don't know how to make it show up again, so you @Valerio_Lyndon will probably tell you the solution if she knows that. Here's the code: This is how it looks, I made the avatar like a square cuz I think it looks better but please tell if you want it changed (or you can just change it yourself) Thanks for all the help, once again! @Tokyomission The home button could be added something like this. Here's a modified version of the code which keeps the home button if so desired.  |
Valerio_LyndonJun 20, 2021 11:16 PM
Valerio_Lyndon said: jery_js said: Is there any way to use the Tag Description, along with the Fav Hearts (Valerio_Lyndon's Version), bcuz, when I use both codes, the heart icon disappears, But, If the tag description code is removed, then, it works fine My List's Css : https://paste2.org/2Y3Hz4hm The tag descriptions have support for the default favourite tags. But since you've modified the favourite tags, you will have to add support for your new modifications to the tag description mod. So everywhere the tag description mod has an exception for the favourite tags, we need to also add an exception for your custom tags. Here's what your tag description code looks like now: The changes that need to be made to the description mod are adding another ":not([href*="=TAGNAME"])" in every place one already exists. This will prevent certain parts of the tag description code from breaking the favourite hearts. This needs to be done for every new tag. Here's an image of me doing that and some code where I have already made those changes for your list as it currently is. You can use this code to overwrite your current tag description mod. If you change the favourite mod in the future, you will have to do this process yourself. The only other way to do this would be to add a bunch of code to the favourite mod which would overwrite all of the tag description code, but I'd argue that is even clunkier than this solution. I cant believe the fix was as simple as changing the "Favo" to "Loved%20it!". My bad for not understanding the code better. Also, I'm not sure wat the problem was, but, in your "new code", the description box didnt appear on hovering. So, I just replaced all the "Favo" to "Loved%20it!" in the prev code, and it works fine. I'm just curious abt why it didn't work. |
[ |
jery_js said: I cant believe the fix was as simple as changing the "Favo" to "Loved%20it!". My bad for not understanding the code better. Also, I'm not sure wat the problem was, but, in your "new code", the description box didnt appear on hovering. So, I just replaced all the "Favo" to "Loved%20it!" in the prev code, and it works fine. I'm just curious abt why it didn't work. Hm, that's quite odd. I probably missed something, but the code does look to be in working order when I double checked it. But if it's working now, then that's good. On a similar note, if you're still having trouble with the compatibility then you can try this alternate fix. I realized after looking again that you were trying to get the descriptor box to show up on the favourite tags as well, so this should enable that. It also requires a change to the favourite tags, specifically removing "overflow: hidden". |
Valerio_Lyndon said: jery_js said: I cant believe the fix was as simple as changing the "Favo" to "Loved%20it!". My bad for not understanding the code better. Also, I'm not sure wat the problem was, but, in your "new code", the description box didnt appear on hovering. So, I just replaced all the "Favo" to "Loved%20it!" in the prev code, and it works fine. I'm just curious abt why it didn't work. Hm, that's quite odd. I probably missed something, but the code does look to be in working order when I double checked it. But if it's working now, then that's good. On a similar note, if you're still having trouble with the compatibility then you can try this alternate fix. I realized after looking again that you were trying to get the descriptor box to show up on the favourite tags as well, so this should enable that. It also requires a change to the favourite tags, specifically removing "overflow: hidden". Woah! I didn't really need the description for the fav heart, but, if it's possible then that's also amazing. thx a lot!!!! |
[ |
| Just updated my code. It works perfectly. Thx o/ |
[ |
| Thnk u🥺🙏 |
|
I guess this is pretty similar to the above, except I'm using review tags instead of tag descriptors (a subtle difference that might cause a solution to be not so doable).  Is it possible to have a tag review while keeping the favorite star? Even some major work-around like instead of having the keyword for the star be "Favorite", the keyword "This is my review" also works. (Unfortunately as it currently stands, having "Favorite" written as the tag gets the star, but leaves a skinny blank line instead of showing "Favorite" as part of the review. Maybe a small adjustment could make "Favorite" show, and thus the aforementioned work-around would work, but idk) |
ttc1Hundred said: I guess this is pretty similar to the above, except I'm using review tags instead of tag descriptors (a subtle difference that might cause a solution to be not so doable). Is it possible to have a tag review while keeping the favorite star? Even some major work-around like instead of having the keyword for the star be "Favorite", the keyword "This is my review" also works. (Unfortunately as it currently stands, having "Favorite" written as the tag gets the star, but leaves a skinny blank line instead of showing "Favorite" as part of the review. Maybe a small adjustment could make "Favorite" show, and thus the aforementioned work-around would work, but idk) You can try adding this to the bottom of your code (specifically, it needs to be placed below the review tags). It:
|
Valerio_Lyndon said: It:
Ohhhh I didn't realize the review tags could already be paired with a favorite, but it seems so obvious in hindsight. They're tags after all, comma-separated (at the end), so of course having tag 1 be the review and having another tag as favorite would work... at the cost of having a leftover ',' character. Wouldn't have realized this otherwise, thanks and thanks for the ',' cleanup code! |
| I noticed MAL has a 255 character limit on tags... is this something modifiable? |
ttc1Hundred said: I noticed MAL has a 255 character limit on tags... is this something modifiable? See extending tags https://myanimelist.net/forum/?topicid=1499059#msg63378290 |
Shishio-kun said: ttc1Hundred said: I noticed MAL has a 255 character limit on tags... is this something modifiable? See extending tags https://myanimelist.net/forum/?topicid=1499059#msg63378290 It seems the code only works on a relatively blank canvas (list without all these extensions: example Spirited Away has code 199 but #tags-199 ... doesn't work)  I made a minor change to get it to show up, but I'm unsure how/if one can specify the title via code, as per your example, with syntax that is friendly to the general list modifications made  |
ttc1001Jun 23, 2021 8:20 AM
ttc1Hundred said: It seems the code only works on a relatively blank canvas (list without all these extensions: example Spirited Away has code 199 but #tags-199 ... doesn't work) I made a minor change to get it to show up, but I'm unsure how/if one can specify the title via code, as per your example, with syntax that is friendly to the general list modifications made OK I modded it for Clarity div.tags-31646:after{ content: " text ext text text ext text tet text text text text text text text text text ext text text ext text tet text text text text text text text text text ext text text ext text tet text text text text text text text text text text text text ext text tet text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text "; }  |
Shishio-kun said: OK I modded it for Clarity div.tags-31646:after{ content: " text ext text text ext text tet text text text text text text text text text ext text text ext text tet text text text text text text text text text ext text text ext text tet text text text text text text text text text text text text ext text tet text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text "; } Ah thank you so much! |
ttc1Hundred said: Shishio-kun said: OK I modded it for Clarity div.tags-31646:after{ content: " text ext text text ext text tet text text text text text text text text text ext text text ext text tet text text text text text text text text text ext text text ext text tet text text text text text text text text text text text text ext text tet text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text "; } Ah thank you so much! Awesome its working :D and now the topic is updated for Clarity! There might an issue with that if you add commas, if there is, I think you'd have to remove the commas |
| is it possible to display the anime Genres as well next to tags? if yes can you help me with doing that =) |
 |
Daisy-Sensei said: is it possible to display the anime Genres as well next to tags? if yes can you help me with doing that =) The only way to do this that I know of is to use this tool: https://myanimelist.net/forum/?topicid=1905478 With this tool, you can either add the genres to your tags or generate custom CSS to add the genres elsewhere. Generating the CSS would probably be the best option so that your tags remain as you want them (I also cannot guarantee all your current tags would maintain intact). Keep in mind you would have to manually generate CSS for any new items you add, so decide before you go this route whether that seems worth it. I could help with making a CSS template/styling for the generator, but would need to know what kind of effect you're going for. Right now, I see your list with the horizontal tags: Would you be trying to place the genres similar to the default tags, in a vertical-style? Or in a horizontal style aligned to the right? |
Valerio_Lyndon said: Daisy-Sensei said: is it possible to display the anime Genres as well next to tags? if yes can you help me with doing that =) The only way to do this that I know of is to use this tool: https://myanimelist.net/forum/?topicid=1905478 With this tool, you can either add the genres to your tags or generate custom CSS to add the genres elsewhere. Generating the CSS would probably be the best option so that your tags remain as you want them (I also cannot guarantee all your current tags would maintain intact). Keep in mind you would have to manually generate CSS for any new items you add, so decide before you go this route whether that seems worth it. I could help with making a CSS template/styling for the generator, but would need to know what kind of effect you're going for. Right now, I see your list with the horizontal tags: Would you be trying to place the genres similar to the default tags, in a vertical-style? Or in a horizontal style aligned to the right? i was thinking of adding a new box between Anime Name/Tag and Rating to generate the list of genres in it. i do like my current style, so i am not sure which way can work better, if you can help me in maintaining the tags part i would appreciate that because i need them to spot my anime challenges list and update them faster if needed, i am too bad at CSS and styling, so not sure how this will work. i will be happy with whatever you see fit, i dont mind to throw my tags away or shorten my tags to make it more simply, for example i will switch to JU21C (June 2021 Challenge). if you see that fit... you recommendation and assistance will be much appreciated |
|
Daisy-Sensei said: Valerio_Lyndon said: The only way to do this that I know of is to use this tool: https://myanimelist.net/forum/?topicid=1905478 With this tool, you can either add the genres to your tags or generate custom CSS to add the genres elsewhere. Generating the CSS would probably be the best option so that your tags remain as you want them (I also cannot guarantee all your current tags would maintain intact). Keep in mind you would have to manually generate CSS for any new items you add, so decide before you go this route whether that seems worth it. I could help with making a CSS template/styling for the generator, but would need to know what kind of effect you're going for. Right now, I see your list with the horizontal tags: Would you be trying to place the genres similar to the default tags, in a vertical-style? Or in a horizontal style aligned to the right? i was thinking of adding a new box between Anime Name/Tag and Rating to generate the list of genres in it. i do like my current style, so i am not sure which way can work better, if you can help me in maintaining the tags part i would appreciate that because i need them to spot my anime challenges list and update them faster if needed, i am too bad at CSS and styling, so not sure how this will work. i will be happy with whatever you see fit, i dont mind to throw my tags away or shorten my tags to make it more simply, for example i will switch to JU21C (June 2021 Challenge). if you see that fit... you recommendation and assistance will be much appreciated Also I forgot to mention, if you add genres via this method they won't be clickable in the same way as tags are. The only way to have the tags be interactable is by adding them to the tags. So if you want them interactable then you can skip the rest of this post and decide whether or not you want to add them to the tags using the tool. With that out of the way, I notice you have a missing curly bracket in your code which is breaking some later code, so before anything else you should go to line 144 and add a closing bracket on the end: }  Once you've done that, the easiest way to add the genres with the aformentioned tool would be using the below combination of CSS and settings. There are a couple of other ways to do this, one option being displayed in a column just to the left of the score as opposed to one long row (for instance). But this (and most other options) would require a slightly modified verison of the tool and for you to have "Storage" enabled in list settings (the Storage list column would be used for some extra styling options with the CSS, it wouldn't actually be displayed). So it's possible, just requires a little more effort. You can put either of these CSS blocks at the bottom of your code: And these tool/generator settings: |
| @Valerio_Lyndon, thank you for replying, i added option 1, which i see fit nicely without effecting how the list appear 1- first i changed line 144 as shown, 2- Storage enabled 3- i added the option to the end of the code, i just didnt figure out where to add last part "And these tool/generator settings:", i tried different places, didnt work i uploaded my code https://codeshare.io/pqqj0Y maybe mine is outdated... |
|
| Yo I just wanna say that I have been using this theme for the longest time and I absolutely adore it! The customization is amazing. Thank you so much for making this <3 Just wanted to share my appreciation :) |
Geebear said: Yo I just wanna say that I have been using this theme for the longest time and I absolutely adore it! The customization is amazing. Thank you so much for making this <3 Just wanted to share my appreciation :) Thank you so much for letting Valerio know, its well deserved and he worked really hard on it; I really appreciate when ppl make posts like this for our layout designers and volunteers 😌🙏🙂 |
Shishio-kunJul 5, 2021 9:10 AM
Hi, I would like to know how to add the 'Edit notes' option without having to click on 'Edit' there in the left corner. And how to make the note clickable? |
Tone_ZR said: Hi, I would like to know how to add the 'Edit notes' option without having to click on 'Edit' there in the left corner. And how to make the note clickable? Not sure what you are talking about, but if you mean adding tags then the option already is there. move your mouse/pointer to the end of the list how and you will be able to see the option to add tags. Hope I made sense. |
StoryGraph x Spotify x Instagram “Whether we die or not isn't really that big a deal." — Suzuya Juuzou |
Daisy-Sensei said: @Valerio_Lyndon, thank you for replying, i added option 1, which i see fit nicely without effecting how the list appear 1- first i changed line 144 as shown, 2- Storage enabled 3- i added the option to the end of the code, i just didnt figure out where to add last part "And these tool/generator settings:", i tried different places, didnt work i uploaded my code https://codeshare.io/pqqj0Y maybe mine is outdated... You can disable the Storage if you want, it's only if we wanted to try some alternate codes. I should have made the clearer. The generator settings are to be used with the aformentioned tool: https://myanimelist.net/forum/?topicid=1905478 Follow the installation steps there. Once you have it installed to your bookmarks bar, you can click on it and generate the genre CSS by using the provided template.  |
Geebear said: Yo I just wanna say that I have been using this theme for the longest time and I absolutely adore it! The customization is amazing. Thank you so much for making this <3 Just wanted to share my appreciation :) Thanks for saying so! It's always nice to hear someone is enjoying what I am doing. |
 Red_Line_H said: How can I convert round photo frames into rectangular frames *sorry if my English bad 😔 Changing the avatar/profile picture to a square can be done by setting the border-radius to 0. Add the code to the bottom of your CSS. /* Square avatar */
.status-menu::after,
.btn-menu a.username,
[data-owner="1"] .list-menu-float .icon-menu.profile {
border-radius: 0;
} |
Red_Line_H said: Sorry but I meant how to convert anime pictures into rectangles that are not my profile picture thank you for replying Just as Valerio said previously, set the border-radius to 0 in this code. The only difference is this it will make the anime pictures at the start of the rows. (They will look pretty weird though). Add the code to the bottom of your CSS.
.data.image a:after, .data.image img {
border-radius: 0%;
}
This is how it will look:  And if you meant add hover images then read the instructions here. And you will find the instructions in the "Add large covers" spoiler of the "Further Modifications" section |
StoryGraph x Spotify x Instagram “Whether we die or not isn't really that big a deal." — Suzuya Juuzou |
Valerio_Lyndon said: Daisy-Sensei said: @Valerio_Lyndon, thank you for replying, i added option 1, which i see fit nicely without effecting how the list appear 1- first i changed line 144 as shown, 2- Storage enabled 3- i added the option to the end of the code, i just didnt figure out where to add last part "And these tool/generator settings:", i tried different places, didnt work i uploaded my code https://codeshare.io/pqqj0Y maybe mine is outdated... You can disable the Storage if you want, it's only if we wanted to try some alternate codes. I should have made the clearer. The generator settings are to be used with the aformentioned tool: https://myanimelist.net/forum/?topicid=1905478 Follow the installation steps there. Once you have it installed to your bookmarks bar, you can click on it and generate the genre CSS by using the provided template. i got it now =D, thanks, the run gonna take a long time,, is it bad to lower the delay? note even when i lower delay its still slow, but i dont mind, i will keep the window open, and testing around it, i can see that i can resume later as well, thank you again, like ur modern style, also gonna update mine to latest version after i finish genres import... Best of luck ~ Happy Anime |
|
LEGENDS_OF_ANIME said: Tone_ZR said: Hi, I would like to know how to add the 'Edit notes' option without having to click on 'Edit' there in the left corner. And how to make the note clickable? Not sure what you are talking about, but if you mean adding tags then the option already is there. move your mouse/pointer to the end of the list how and you will be able to see the option to add tags. Hope I made sense. What I was saying was more or less this:  It is clickable, but it is separated by putting the ",". I wanted to leave it like this:  But leaving it this way, it is not possible to click on the tag and go towards all the tags, if there is one that is the same. But I have another question now, and it's about the "Favorite" tag. I'd like to change the spelling from "Favorite" to "FV" because that's the tag I use, and doing it that way would make it easier, as it would have a heart next to it. @Valerio_Lyndon Here is my code: https://pastebin.com/raw/5Pc7kfLx Edit1: About the hearts I managed to arrange it this way: I would also like to know if this is possible with all tags, in the sense of: "MV = Movie" and put an icon of some clapperboard or something like that. But I still want to know from the first question if there is any solution. Thanks for listening. In short: I wanted it to be clickable, but also to be in the form of a review (large). |
Tone_ZRJul 9, 2021 10:41 AM
More topics from this board
» theme helpthreat - Jul 5 |
5 |
by Zaryf
»»
Aug 21, 5:46 AM |
|
» [CSS] ⭐️ Customize your List Cursor + Cursor FixesShishio-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 ListsYasminaRegina - Jul 25 |
2 |
by YasminaRegina
»»
Jul 26, 1:02 AM |
|
Sticky: » 💚 [REPAIR STICKY] Repair/speed up layouts + Request layout fixes ( 1 2 )Shishio-kun - Nov 17, 2023 |
52 |
by LucaBalsa
»»
Jul 6, 2:02 PM |
|
» [CSS/BBCODE] ⭐️ How to view anyone's CSS or BBcodes (for lists, profiles, or clubs)!Shishio-kun - Feb 6, 2012 |
37 |
by sunnysummerday
»»
Jun 11, 7:44 PM |