Quote:
Originally Posted by Digital Jedi
The code is red is your container, which you need to keep to make is work. Everything on the inside is replaceable code:
Code:
<!--TAB 1 CONTENT -->
<div id="tab1$post[postid]" class="tabcontent">
<div class="info">Tab 1 Content:Block A</div>
<div class="info">Tab 1 Content:Block B</div>
<div class="info">Tab 1 Content:Block C</div>
</div>
For the LI, just change the TITLE to whatever you want the mouseover tool tip to say:
Code:
<li><span title="View Tab 1"><a href="#" rel="tab1$post[postid]" id="selected$post[postid]"> </a></span></li>
|
Ok that makes sense. It is doing the same thing as before though, when I click one of the tabs it just brings me back to the top of the page instead of just showing that tab. I only modified tab 3 to test this out but here it is:
<!-- BEGIN AJAX CONTENT -->
<div id="postbittabs$post[postid]" class="djdot">
<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: left" />
</div>
<div class="smallfont">
<!--TAB 1 CONTENT -->
<div id="tab1$post[postid]" class="tabcontent">
<div class="info">Tab 1 Content:Block B</div>
<div class="info">Tab 1 Content:Block C</div>
</div>
<!-- TAB 2 CONTENT -->
<div id="tab2$post[postid]" class="tabcontent">
<div class="info">Tab 2 Content:Block A</div>
<div class="info">Tab 2 Content:Block B</div>
<div class="info">Tab 2 Content:Block C</div>
<div class="info">Tab 2 Content:Block D</div>
</div>
<!-- TAB 3 CONTENT -->
<div id="tab3$post[postid]" class="tabcontent">
<div class="info">$vbphrase[posts]: $post[posts]</div>
<if condition="$post['joindate']"><div class="info">$vbphrase[join_date]: $post[joindate]</div></if>
<div class="info">Tab 3 Content:Block C</div>
<div class="info">Tab 3 Content:Block D</div>
<div class="info">Tab 3 Content:Block E</div>
<div class="info">Tab 3 Content:Block F</div>
</div>