Okay, so i have this code for a bubble after the first post:
But i want to have images instead of links. How would i go about editing this code to enable me to do so?
Code:
<!-- IF postrow.S_FIRST_ROW -->
<div class="post bg2">
<div class="inner"><span class="corners-top"><span></span></span>
<div class="postbody">
<h3>{postrow.POST_SUBJECT}</h3>
<p class="author"><strong>DM Bubble</strong></p>
<div class="content" style="text-align: center;">
<script type="text/javascript">var Darthmaulcloud = new Array();
Darthmaulcloud[0]=["http://example.com","Example"];
Darthmaulcloud[1]=["http://example-2.com","Example 2"];
Darthmaulcloud[2]=["http://example-3.com","Example 3"];
for( i=0; i<Darthmaulcloud.length; i++){size = 8+(Math.random()*10);if( size < 8 ){color = '#0000CC'}else if( size > 8 && size < 9 ){color = '#3366FF'}else if( size > 10 && size < 11 ){ color = '#6699FF'}else if( size > 12 && size < 16 ){ color = '#000099'}else{color = '#9999FF';}document.write("<span style='font-size:"+size+"px;margin: 45px;'>");document.write("<a href='"+Darthmaulcloud[i][0]+"' style='color:"+color+";text-decoration: none;' target='_blank'>"+Darthmaulcloud[i][1]+"</a>"); document.write("</span> ");}</script>
</div>
</div>
<dl class="postprofile" id="profile0000">
<dt>
<strong>DM Bubble</strong>
<br />
<img src="put img location here add the extension" alt="put an alt text here" />
</dt>
<dd> </dd>
</dl>
<div class="back2top"><a href="#wrap" class="top" title="{L_BACK_TO_TOP}">{L_BACK_TO_TOP}</a></div>
<span class="corners-bottom"><span></span></span></div>
</div>
<hr class="divider" />
<!-- ENDIF -->But i want to have images instead of links. How would i go about editing this code to enable me to do so?
