Gettin Bubbly!

[Darthmaul]

Hy no problem. Take your time man. Thanks for helping out!

 

[death180]

I just have a question, where did you put it?

 

[Darthmaul]

Umm....

For prosilver based themes:

Open styles/stylename/template/viewtopic_body.html:

<!-- END postrow -->

Add before:

       <!-- 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>
             </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 -->

Note: haven't tested but it should work fine.

(it works)
I just need the actual bubble and the code to add an avatar to the thing posting the bubble.

 

[death180]

you know, to make this thing a whole lot quicker, can you just post what you have? So I don't have to go through the work.

 

[Darthmaul]

My viewtopic_body.html page?

 

[death180]

no, just what you have for the bubble part.

 

[Darthmaul]

This:

           <!-- 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>
                 </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 -->

I haven't worked on it yet because i was waiting for a response. Basically i want to add a background and then put a picture next to it.

 

[OscarG]

You need to make a background image for the bubble to show up, then you have to CSS the damn thing. :lol:

 

[Darthmaul]

Awwwwwwwwwwwwwwwllllllllllllllllllllllllllll. Dang. Any ways someone could help with that?

 

[OscarG]

I suppose I can help.

 

[Darthmaul]

Really? What kind of access would i have to give you?

 

[OscarG]

I'll study the coding on my localhost version, and come back to you with the final result.

 

[Darthmaul]

Ok, tell me when ready.

 

[Brad]

If you need any CSS work call me, im a designer, I have studied CSS for 3 years.

 

[Grumpy]

It should be.. The same exact script is used on several different forums. Most just edit in their forum's name to try to take credit for it.
:lol:

Anyway here it is:

<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>

Thanks for sharing the code, I may use it for my new forum. 😀

 

[Justin]

If you need any CSS work call me, im a designer, I have studied CSS for 3 years.

Experience onyl helps if you show us what you have done :lol:

 

[death180]

I am rated #7 best at php in Australia

Who rated you that, and how can we believe you on that?

 

[Darthmaul]

Ok, so we can confirm it's css? I might talk to richazey about it and see if i can work something out with him. I know i can trust him, and he does great work.

 

[OscarG]

I'm the fifth teletubby - thought that I shall continue the 'php' thing. :lol:

 

[Darthmaul]

Huh? What do you mean by that?