[code] Image Opacity Table

[Dartmouth Moineau]

This table uses transparent .png's to make the background see through without compromising the clarity of the text.
Tammi's resource here has some bg's you can use, along with the ones I've provided - <!-- l --><a class="postlink-local" href="http://www.soulsrpg.com/forum/viewtopic.php?f=37&t=3283">viewtopic.php?f=37&t=3283</a><!-- l -->

<!-- m --><a class="postlink" href="http://www.ghostecho.net/st/b.png">http://www.ghostecho.net/st/b.png</a><!-- m --> - Mid Black
<!-- m --><a class="postlink" href="http://www.ghostecho.net/st/b2.png">http://www.ghostecho.net/st/b2.png</a><!-- m --> - Highest black transparency
<!-- m --><a class="postlink" href="http://www.ghostecho.net/st/b3.png">http://www.ghostecho.net/st/b3.png</a><!-- m --> - Lowest black transparency

<!-- m --><a class="postlink" href="http://www.ghostecho.net/st/w.png">http://www.ghostecho.net/st/w.png</a><!-- m --> - Least white transparency
<!-- m --><a class="postlink" href="http://www.ghostecho.net/st/w2.png">http://www.ghostecho.net/st/w2.png</a><!-- m --> - Most white transparency


[html]<div class="doublebox"><div class="doublebox-in"><div class="doublebox-ooc">ooc chat goes here <b>[000]</b></div><p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ornare, lectus quis adipiscing fermentum, libero nibh auctor neque, vel iaculis metus nisl id enim. Praesent sollicitudin ligula vel ligula viverra quis gravida est dapibus. Pellentesque scelerisque, nibh sit amet facilisis tristique, purus nibh scelerisque purus, vitae fringilla quam mi non tortor. <b>"Phasellus tincidunt facilisis felis. Nam facilisis leo non urna sollicitudin adipiscing."</b> Donec pretium suscipit auctor. Nam cursus, sapien eu dictum scelerisque, tellus orci consectetur libero, vitae ultricies nisi urna lacinia mauris. Suspendisse porta aliquam neque a fringilla. Phasellus lacinia semper neque. Cras at nibh nisi, id euismod nisi.</p>
<p>Sed sit amet orci in ante semper accumsan. Aliquam eu feugiat leo. Morbi vitae velit non enim vehicula cursus quis eget purus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. <b>"Nulla vehicula interdum sodales. Praesent commodo, augue eu pretium scelerisque,"</b> turpis justo faucibus elit, <b>"et interdum odio dolor sed nisl."</b> Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris bibendum varius orci, nec scelerisque ante commodo nec. Nam ante massa, tincidunt non sagittis in, aliquet ac tortor. Suspendisse sagittis pulvinar metus, ac vehicula purus eleifend a. Etiam nisi eros, fermentum sit amet ultricies in, dapibus luctus libero. <b>"Conubia nostra, per inceptos himanaeos"</b></p></div></div><style type="text/css">.doublebox {width:630px; background-image:url('http://ghostecho.net/st/bs/two.png'); background-position:bottom center; background-color:#152532; background-repeat:no-repeat; border:1px solid #000; padding:10px 10px 100px 10px; margin:0px auto; text-align:justify;} .doublebox b {color:#FFEBD0;} .doublebox p {text-indent:50px; color:#9FA297; font:12px/1.75 Georgia; margin:0px;} .doublebox-in {padding:20px; margin:0px auto; background-image:url('http://www.ghostecho.net/st/b.png'); background-repeat:repeat;} .doublebox-ooc {font-style:italic; border-bottom:1px dotted #FFEBD0; color:#FFEBD0;}</style>
[/html]

Code:

[html]<div class="doublebox"><div class="doublebox-in"><div class="doublebox-ooc">ooc chat goes here <b>[000]</b></div><p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ornare, lectus quis adipiscing fermentum, libero nibh auctor neque, vel iaculis metus nisl id enim. Praesent sollicitudin ligula vel ligula viverra quis gravida est dapibus. Pellentesque scelerisque, nibh sit amet facilisis tristique, purus nibh scelerisque purus, vitae fringilla quam mi non tortor. <b>"Phasellus tincidunt facilisis felis. Nam facilisis leo non urna sollicitudin adipiscing."</b> Donec pretium suscipit auctor. Nam cursus, sapien eu dictum scelerisque, tellus orci consectetur libero, vitae ultricies nisi urna lacinia mauris. Suspendisse porta aliquam neque a fringilla. Phasellus lacinia semper neque. Cras at nibh nisi, id euismod nisi.</p>
</p></div></div><style type="text/css">.doublebox {width:630px; background-image:url('http://ghostecho.net/st/bs/two.png'); background-position:bottom center; background-color:#152532; background-repeat:no-repeat; border:1px solid #000; padding:10px 10px 100px 10px; margin:0px auto; text-align:justify;} .doublebox b {color:#FFEBD0;} .doublebox p {text-indent:50px; color:#9FA297; font:12px/1.75 Georgia; margin:0px;} .doublebox-in {padding:20px; margin:0px auto; background-image:url('http://www.ghostecho.net/st/b.png');  background-repeat:repeat;} .doublebox-ooc {font-style:italic; border-bottom:1px dotted #FFEBD0; color:#FFEBD0;}</style>
[/html]

[Tsytsaki]

>.< Sorry for being a douche and using before you posted this. <33

[Colibri Haki]

Giving this a bump because it seems the "ghostecho" transparencies are no longer working. :) Replace the repeating background with these instead: <!-- l --><a class="postlink-local" href="http://www.soulsrpg.com/forum/viewtopic.php?f=37&t=3283">viewtopic.php?f=37&t=3283</a><!-- l -->

-- And when you're replacing them, don't forget to put ('apostrophes') around them! Or else the image won't load and you'll spend a stupidly long time trying to figure out why. @_@

[Callum Knight]

I probably should read the whole thread before I put in a reply, right? >.>

[Vendetta Massacre]

Transparent .pngs not working? O: Try RGBa color code instead by using it as a background color! (works in newer browsers, although translates to a solid color when it doesn't work! exception is IE 5.5 and down + Safari 2.x and down)

BLACK: rgba(0, 0, 0, .75) (adjust .75 to change transparency -- translates to percentages basically)
WHITE: rgba(225, 225, 225, .75)

And I also have a link to this color converter that converts regular hex color codes to RGBa ones. woohoo fancy.

also if you don't know the CSS for background color, it is background-color:rgba(0, 0, 0, .75) [change out the rgba(0, 0, 0, .75) part with adjustments and stuff], and it goes in the .doublebox-in div

You can also use it to lower the opacity on text-shadows and stuff like that, basically any colors can be made transparent.

[Axelle Napier]

Also, this site is a great converter :)

[Lila Jordans]

Ghostecho is apparently back up?