Install Signature Slide in Postbit

How to install S-MAN's Signature Slide in Postbit:

1. Insert the following code in your header_include template @ the very bottom (admincp --> Styles & Templates --> Style Manager then select the style and choose edit templates)

<link rel="stylesheet" type="text/css" href="$vboptions[bburl]/postbit_slide/slidecontent.css" />
<script type="text/javascript" src="$vboptions[bburl]/postbit_slide/slidecontent.js">
/***********************************************
* Tab Content script v2.2- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>

2. Now in the zip from vb.org you downloaded to use, simply go into the UPLOAD folder and copy the folder postbit_slide into your forums root.

3. Now go into admincp, and create a new user profile field! Single line text box and after your done simply find the number it created and replace the filed #'s in the code from step 4 below. The first slide displayed will be your actual signature that you can do whatever the board allows you to with per permissions but the other 5 will just be images for now!

3a. As an example, read the first part of step 4 then look below in the replacement code for: $post[field5] and now the new field you created has a number so for example if you created one and it is field11 then change it to $post[field11] for slide #2 and then find the next one i.e. $post[field6] and enter in the next field number you created for slide #3 and so on!

4. Go into your postbit OR postbit_legacy template (whichever one you use with your style) and find:

<strong></strong>
		<!-- POSTBIT SLIDE START -->
<if condition="$post['signature']">
		        <!-- sig -->

        		<!-- / sig -->
<div align="center"><a class="musername" href="member.php?$session[sessionurl]u=$post[userid]">$post[musername]</a>'s Signature Showcase
<br />
<div id="postbittabs$post[postid]" class="smanslide">
 <ul>
<li><span title="View Tab 1"><a href="#" rel="tab1$post[postid]" id="selected$post[postid]"> </a></span></li>
<li><span title="View Tab 2"><a href="#" rel="tab2$post[postid]"> </a></span></li>
<li><span title="View Tab 3"><a href="#" rel="tab3$post[postid]"> </a></span></li>
<li><span title="View Tab 4"><a href="#" rel="tab4$post[postid]"> </a></span></li>
<li><span title="View Tab 5"><a href="#" rel="tab5$post[postid]"> </a></span></li>
 </ul>
<br style="clear: center" />
</div>
<div class="smallfont">
 
<!-- SLIDE 1 CONTENT -->
<div id="tab1$post[postid]" class="tabcontent">
<div class="info">				
				$post[signature]</div>
</div>
 
<!-- SLIDE 2 CONTENT -->
<div id="tab2$post[postid]" class="tabcontent">
 <div class="info">				
<img alt="My 2nd Sig Pic" border="0" src="$post[field5]" border="0"/>
</div>
</div>
 
<!-- SLIDE 3 CONTENT -->
<div id="tab3$post[postid]" class="tabcontent">
 <div class="info">
<img alt="My 3rd Sig Pic" border="0" src="$post[field6]" border="0"/>
</div>
</div>
 
<!-- SLIDE 4 CONTENT -->
<div id="tab4$post[postid]" class="tabcontent">
<div class="info">
<img alt="My 4th Sig Pic" border="0" src="$post[field7]" border="0"/>
</div>
</div>
 
<!-- SLIDE 5 CONTENT -->
<div id="tab5$post[postid]" class="tabcontent">
<div class="info">
<img alt="My 5th Sig Pic" border="0" src="$post[field8]" border="0"/>
</div>
</div>

</div>
 
<script type="text/javascript">
var mytabs=new ddtabcontent("postbittabs$post[postid]")
mytabs.setpersist(false)
mytabs.setselectedClassTarget("link")
mytabs.init()
</script>  
</div>
        </if>
		<!-- /POSTBIT SLIDE END -->

5. Now just remember you can customize this via the CSS and even putting in your own codes or other vB variables/phrases to achieve different results, I'll have more info soon! Enjoy - S-MAN