Linue_DarkStar
01-12-2012, 10:28 PM
So I was able to write some coding for a CMPS Module to display a SW:TOR Server Status on my site...www.clanpf.com, well I would like to spice it up some by adding a Random Background Image Rotator, while keeping the text on top of the image as it is already. Just simply swap the background image everytime someone refreshes the page. This is what I got thus far...
<div class="menuBody widg_drag_handle" >
<div class='menuContrastBox' >
<div style="background-image:url('http://www.clanpf.com/forums/images/misc/Logo/images.php');width:195px;height:150px;margin:0 auto;">
<table style="position:relative;top:35px;left:0px;height:50px;wi dth:200px" border="0">
<tr>
<td valign="top" align="center">
<img src="http://www.clanpf.com/forums/images/misc/Green Up.png"/>
<span style="font-size:20px;font-weight:bold;">
<span style="color:white;">Lord Praven
</span>
</span>
</td>
</tr>
<tr>
<td valign="bottom" align="center" width="35">
<span style="font-size:14px;font-weight:bold;">
<span style="color:white;">Pop:</span>
<span style="color:#63F578;"> Light
</span>
</span>
</td>
</tr>
</table>
</div>
</div>
</div>
The images.php works fine, I just can't get it to show up as the backgorund.
<div class="menuBody widg_drag_handle" >
<div class='menuContrastBox' >
<div style="background-image:url('http://www.clanpf.com/forums/images/misc/Logo/images.php');width:195px;height:150px;margin:0 auto;">
<table style="position:relative;top:35px;left:0px;height:50px;wi dth:200px" border="0">
<tr>
<td valign="top" align="center">
<img src="http://www.clanpf.com/forums/images/misc/Green Up.png"/>
<span style="font-size:20px;font-weight:bold;">
<span style="color:white;">Lord Praven
</span>
</span>
</td>
</tr>
<tr>
<td valign="bottom" align="center" width="35">
<span style="font-size:14px;font-weight:bold;">
<span style="color:white;">Pop:</span>
<span style="color:#63F578;"> Light
</span>
</span>
</td>
</tr>
</table>
</div>
</div>
</div>
The images.php works fine, I just can't get it to show up as the backgorund.