This topic is part of our CSS Tutorials and Add-ons section: http://myanimelist.net/forum/?topicid=419405 What is opacity and how to add it Opacity refers to how much you can see through something. The code to control a part of your layouts opacity is opacity: .9;. Add it to the part of the layout code you want to affect. You can add it to any part of your list. For example, say I want to add it to this part of the code: .header_cw { background:black url(http://i39.tinypic.com/14xdpiu.jpg) no-repeat scroll center bottom; color:gold; } I would add it like this (see it in bold): .header_cw { background:black url(http://i39.tinypic.com/14xdpiu.jpg) no-repeat scroll center bottom; color:gold; opacity: .9; } Just keep in mind it will make the entire area including fonts on that part more transparent as well! So if you want to affect something like the background color, see below How to adjust the opacity of a list part You can adjust the number to change the degree of how much you can see through it. Normally, parts of your layout are set to opacity:1; by default. This is no opacity (not see through at all). opacity: 0; is completely invisible. Even if a part of the layout is invisible, its still there and would cover up links behind it. If you want to remove a part of the layout, use display: none; I'll play with different opacity settings on the K-on! header pic (from the K-on! layout). opacity: 1; (default before you add opacity code)  opacity: .9;  opacity: .4;  opacity: .0;  Affecting opacity of a list's background color instead  Sometimes you'll want to change the opacity of your list so you can see the main background better behind it, but when you add opacity to your list more than you wanted will become transparent! Like in this example above. A lot of people get that since they want to change the background color to a more transparent one but end up affecting the list's text too. You can't use the usual opacity code for that. If you want to affect only the background color on the list with opacity not the rest of the list, you need to replace the background color with RGBA color which allows you to target just the background color with opacity. For more info on it, go to this tutorial and scroll to Changing the list background color + opacity of the list background. http://myanimelist.net/forum/?topicid=440525 Control the entire list's opacity  This will let you control the entire list's opacity. This isn't including the main background of your list page. The amount of opacity determines how see-thru it is, whether its barely see-through or completely transparent. |
Shishio-kunSep 1, 2016 9:06 PM
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 |
7924 |
by Shishio-kun
»»
8 hours ago |
|
» [CSS - Modern] 🍰 Clarity by V.L ( 1 2 3 4 5 ... Last Page )Valerio_Lyndon - Apr 19, 2018 |
1262 |
by Shishio-kun
»»
Sep 22, 4:35 AM |
|
» [CSS - MODERN] ⚡️ Fully-Customizable Layouts (2024 updates!) ( 1 2 3 4 5 ... Last Page )Shishio-kun - Jul 21, 2017 |
382 |
by Shishio-kun
»»
Sep 22, 4:29 AM |
|
Sticky: » [ BBCODE ] All 2023 BBcodes, Guides, and Templates ( 1 2 )Shishio-kun - Feb 16, 2023 |
57 |
by Shishio-kun
»»
Sep 22, 4:27 AM |
|
Sticky: » [ SIGNATURES ~ PROFILES] All guides, generators, and templatesShishio-kun - Feb 16, 2023 |
31 |
by Shishio-kun
»»
Sep 22, 4:14 AM |