This topic is part of our CSS Tutorials and Add-ons section: https://myanimelist.net/forum/?topicid=2077862 Overview: Modern List Styles Color coded tags is a great way to quickly convey what titles have certain attributes without having to directly read every tag. Personally I use color coded tags to keep track of manga availability and such. Note: This method is most useful when your list style shows all tags at the same time. Preview:  Instructions: My Tag Isn't Colored: Final Example: This example implements everything shown in preview at the top of the page. If anyone needs anything, I'll be happy to help. |
Shishio-kunFeb 21, 2023 10:04 AM
| OK thanks, I've added it with our modern CSS tutorials! |
| I colored my genre tags, which can be added to every series on your list in under five minutes using this script (if it fails some the first time, just have it do the empty ones until it gets them all). Figured I would post the code here to save someone the trouble of coloring the tags himself. Preview:   |
ReinhardMar 7, 2020 9:13 PM
Reinhard said: I colored my genre tags, which can be added to every series on your list in under five minutes using this script. Figured I would post the code here to save someone the trouble of coloring the tags himself. Preview: wow thanks! |
trigger_segfault said: This tutorial is also part of our Modern CSS Tutorials and Add-ons section: http://myanimelist.net/forum/?topicid=1499059 Overview: Modern List Styles Color coded tags is a great way to quickly convey what titles have certain attributes without having to directly read every tag. Personally I use color coded tags to keep track of manga availability and such. Note: This method is most useful when your list style shows all tags at the same time. Preview: Instructions: My Tag Isn't Colored: Final Example: This example implements everything shown in preview at the top of the page. If anyone needs anything, I'll be happy to help. Hey! I'm not sure if it's been asked somewhere already, but is it possible to color the whole tag field, instead of specific words? So that they would be colored no matter what words I write, without altering the code every time. EDIT: I mean ONLY the tag field. For example I use this paragraph to color my list: .list-table .list-table-data .data a{ color: #FFC7A6 !important; font-family: verdana; } but it covers *everything* and I'd like only my tags to have another color. |
 Run with the Wind is criminally underrated. |
franxz said: Hey! I'm not sure if it's been asked somewhere already, but is it possible to color the whole tag field, instead of specific words? So that they would be colored no matter what words I write, without altering the code every time. For your specific list, you could add this to the bottom of your CSS: .list-table .list-table-data .data div[class^="tags-"] a {
color: white !important;
}You could then change the "white" to any valid CSS colour. |
Valerio_Lyndon said: franxz said: Hey! I'm not sure if it's been asked somewhere already, but is it possible to color the whole tag field, instead of specific words? So that they would be colored no matter what words I write, without altering the code every time. For your specific list, you could add this to the bottom of your CSS: .list-table .list-table-data .data div[class^="tags-"] a {
color: white !important;
}You could then change the "white" to any valid CSS colour. Forgot to say that I found it, but thanks anyway. |
Run with the Wind is criminally underrated. |
More topics from this board
» ❓ Ask for help here + See Frequently Asked Questions ( 1 2 3 4 5 ... Last Page )Shishio-kun - Apr 15, 2010 |
7812 |
by mtsRhea
»»
Apr 21, 5:25 AM |
|
» [CSS- MODERN] ⭐ Minimal Dashboard layout by 5cm ~ Compact and convenient! ( 1 2 3 )Shishio-kun - Sep 4, 2020 |
121 |
by Pokitaru
»»
Apr 21, 3:25 AM |
|
» [CSS-MODERN] Change list text/font colors on any list layoutShishio-kun - May 4, 2021 |
3 |
by hideso
»»
Apr 20, 4:33 PM |
|
» [CSS] [VIDEO GUIDE] ⭐️ How to change fonts on a list layoutShishio-kun - Jul 15, 2019 |
17 |
by hideso
»»
Apr 20, 4:03 PM |
|
» [CSS][Modern] ☀️ Endless Summer Layout by Cateinya ( 1 2 3 4 5 ... Last Page )Cateinya - Aug 18, 2016 |
309 |
by hideso
»»
Apr 20, 3:56 PM |