Rase's Testing Area

Achievement Points Gained

Player Name Achievement Points
Al
190
Nick
185
Aaron
135

230/1,000 XP

<div style="position:relative;width:730px;margin-left:auto;margin-right:auto;">
	<div style="position:relative;width:25%;height:122px;background-image: url('http://cdn.obsidianportal.com/assets/28617/nunchaku_layer.png');"></div>
	<div style="position:absolute;top:0px;width:730px;height:122px;background-image: url('http://cdn.obsidianportal.com/assets/28642/nunchaku_outline_layer.png')"></div>
	<p style="position:absolute;left:70px;top:15px;font-weight:bold;">230/1,000 XP</p> 
</div>

Transparent Images

Here, all I have done is used a DIV container with the same background image as the image that I am making opaque. For adjustable opacity, all you need is the internal image tag. I am just displaying this way for clarity, as well as awesomitude.

<div style="position:relative;width:50%;height:122px;background-image: url('http://cdn.obsidianportal.com/assets/28617/nunchaku_layer.png');">
<img src="http://cdn.obsidianportal.com/assets/28617/nunchaku_layer.png" style="opacity:0.5;filter:alpha(opacity=50)" />
</div>

WoD

Rase's Testing Area

Ragged Vestiges Rase Cidraen