What's new
  • When posting, please be aware that artistic nudity is still nudity and not allowed under RpNation rules. Please edit your pictures accordingly!

    Remember to credit artists when using work not your own.

Help Opacity Issues (SOLVED!)

Yellow Swan

Why Stop Dreaming When You Wake?
So I'm trying to work with opacity and when I use a lighter color it seems to be working;



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit, in pretium arcu hendrerit in. Ut rhoncus ipsum metus, auctor pulvinar erat hendrerit ut. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa libero et mauris. Fusce porttitor fermentum lectus, et dapibus est aliquet at. Duis nec molestie ex. Interdum et malesuada fames ac ante ipsum primis in faucibus.



Code:
[bg=transparent; max-width: 400px; margin: auto; background: url(https://image.freepik.com/free-photo/yellow-chrysanthemum-flowers-bright-orange-red-yellow-paper-background_124337-269.jpg);]

[bg=transparent; opacity:9; background: #3A728F70;]



[FONT=Rock Salt]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit, in pretium arcu hendrerit in. Ut rhoncus ipsum metus, auctor pulvinar erat hendrerit ut. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa libero et mauris. Fusce porttitor fermentum lectus, et dapibus est aliquet at. Duis nec molestie ex. Interdum et malesuada fames ac ante ipsum primis in faucibus.[/FONT]



[/bg][/bg]

Then I'll insert a Darker color and then it looks like this.



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit, in pretium arcu hendrerit in. Ut rhoncus ipsum metus, auctor pulvinar erat hendrerit ut. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa libero et mauris. Fusce porttitor fermentum lectus, et dapibus est aliquet at. Duis nec molestie ex. Interdum et malesuada fames ac ante ipsum primis in faucibus.




Code:
[bg=transparent; max-width: 400px; margin: auto; background: url(https://image.freepik.com/free-photo/yellow-chrysanthemum-flowers-bright-orange-red-yellow-paper-background_124337-269.jpg);]

[bg=transparent; opacity:9; background: #00147B;]



[FONT=Rock Salt]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit, in pretium arcu hendrerit in. Ut rhoncus ipsum metus, auctor pulvinar erat hendrerit ut. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa libero et mauris. Fusce porttitor fermentum lectus, et dapibus est aliquet at. Duis nec molestie ex. Interdum et malesuada fames ac ante ipsum primis in faucibus.[/FONT]



[/bg][/bg]

So maybe my opacity isn't working correctly in either, however why is one allowing transparency and the other not?
 

low fidelity

𝗅𝗂𝖿𝖾 𝗈𝗇 𝗍𝗁𝖾 𝗆𝗎𝗋𝖽𝖾𝗋 𝗌𝖼𝖾𝗇𝖾.
i think i see the issue here. you have the opacity set to 9 instead of below 1, setting it above 1 will make it fully colored. i hope that makes sense, here's an example!

opacity set to 0.5 (you can go as low as 0.1 to 0.9 before it's fully colored)






Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit, in pretium arcu hendrerit in. Ut rhoncus ipsum metus, auctor pulvinar erat hendrerit ut. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa libero et mauris. Fusce porttitor fermentum lectus, et dapibus est aliquet at. Duis nec molestie ex. Interdum et malesuada fames ac ante ipsum primis in faucibus.





as you can see, the blue is now half transparent! but because of the way your border tags are set up, your text is affected as well. if you add a border tag around your text dictating it's opacity and font and whatever else you'd like (like font size or line height) that should likely fix it. hope this helped!
 

Yellow Swan

Why Stop Dreaming When You Wake?
i think i see the issue here. you have the opacity set to 9 instead of below 1, setting it above 1 will make it fully colored. i hope that makes sense, here's an example!

opacity set to 0.5 (you can go as low as 0.1 to 0.9 before it's fully colored)






Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit, in pretium arcu hendrerit in. Ut rhoncus ipsum metus, auctor pulvinar erat hendrerit ut. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa libero et mauris. Fusce porttitor fermentum lectus, et dapibus est aliquet at. Duis nec molestie ex. Interdum et malesuada fames ac ante ipsum primis in faucibus.





as you can see, the blue is now half transparent! but because of the way your border tags are set up, your text is affected as well. if you add a border tag around your text dictating it's opacity and font and whatever else you'd like (like font size or line height) that should likely fix it. hope this helped!
Thank you; I thought the range was 1 to 100. Yeah, that would do it. Still unsure how the first one *had turned out any transparency then lol
 

Users who are viewing this thread

Top