Gettin Bubbly!

[Deleted member 4320]

PM me if you want me to do it, it's quite easy to be honest 😛

 

[Nathan]

The bubble is css but the avatar is not, gimme a min and ill add the avatar to the code I provided you earlier.

 <!-- 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>
<img src="put img location here add the extension" alt="put an alt text here" />
                 </dt>

                 <dd>&nbsp;</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 -->

Make sure you change the "put img location here add the extension" to the image location and the "put an alt text here" to the alternative text for the image.

 

[Darthmaul]

That works, but i get this:
http://i27.tinypic.com/30tmofn.png

How do i make it appear on a seperate line?

 

[Brad]

nathan, I tried that code, but the links dont work.

 

[Nathan]

@ Darthmaul,

 <!-- 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>&nbsp;</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 -->

Again make sure you change the "put img location here add the extension" to the image location and the "put an alt text here" to the alternative text for the image.

@ Hermes, the links need to be changed, for someone who's rated #7th best at PHP in Aus, you seem to not know some basic coding languages such as HTML and JS..

 

[Darthmaul]

Thanks so much nathan and theezy! You guys have been a great help. Now that the code is out of the way, i am goign to PM dan about the CSS. Thanks guys!