Quote:
Originally Posted by EquinoxWorld
Well for our case I added 650px for minimum-height and no max. My reasoning behind this is that because only the first sig will have those extra lines that user can edit through their profile , the other images are just images, so max height in this case is not needed. I added 650px because we allow our members to have about 15 lines on their sig (max amount of lines we allow for the highest usergroup), so one should see how many lines they allow or how many characters and adjust accordingly. I also did not add the max height because we have the sig slider as an option to buy in our shop , and one of our requisite before purchasing is that the additional images must be the same size, although this measure was because of the issue we were having with the pages jumping, this way I would only have to control the first sig with min-height and not worry about the rest because they would be smaller or the same size. This is not an issue with the other mod (DJ's) because there is no additional content aside from the one created , in this case one has to take in account what the user has added to their sigs. Another thing I tried was to have it to position:absolute; but this was causing the extra lines to overlap onto the next post if there was alot of lines added, although this did little to fixing the problem. The only additional CSS I have added is min-height: 650; and so far no jumping . Check it out here: http://www.aniworlds.net/forum/galle...h-edition.html |
Hmm then try this code:
Code:
<!-- Postbit Slide by TheLastSuperman start -->
<vb:if condition="$post['signature']">
<blockquote class="signature restore">
<div align="center"><a class="musername" href="member.php?u={vb:raw post.userid}">{vb:raw post.username}</a>'s Signature Showcase
<br />
<div id="postbittabspost{vb:raw post.postid}" class="smanslide">
<ul>
<li><span title="View Tab 1"><a href="#" rel="tab1post{vb:raw post.postid}" id="selectedpost{vb:raw post.postid}"> </a></span></li>
<li><span title="View Tab 2"><a href="#" rel="tab2post{vb:raw post.postid}"> </a></span></li>
<li><span title="View Tab 3"><a href="#" rel="tab3post{vb:raw post.postid}"> </a></span></li>
<li><span title="View Tab 4"><a href="#" rel="tab4post{vb:raw post.postid}"> </a></span></li>
<li><span title="View Tab 5"><a href="#" rel="tab5post{vb:raw post.postid}"> </a></span></li>
</ul>
<br style="clear: center" />
</div>
<div class="smallfont">
<!-- SLIDE 1 CONTENT -->
<div id="tab1post{vb:raw post.postid}" class="tabcontentss">
<div class="info">
<div class="signaturecontainer">
{vb:raw post.signature}
</div>
</div>
</div>
<!-- SLIDE 2 CONTENT -->
<div id="tab2post{vb:raw post.postid}" class="tabcontentss">
<div class="info">
<img border="0" src="{vb:raw post.field5}" border="0"/>
</div>
</div>
<!-- SLIDE 3 CONTENT -->
<div id="tab3post{vb:raw post.postid}" class="tabcontentss">
<div class="info">
<img border="0" src="{vb:raw post.field6}" border="0"/>
</div>
</div>
<!-- SLIDE 4 CONTENT -->
<div id="tab4post{vb:raw post.postid}" class="tabcontentss">
<div class="info">
<img border="0" src="{vb:raw post.field7}" border="0"/>
</div>
</div>
<!-- SLIDE 5 CONTENT -->
<div id="tab5post{vb:raw post.postid}" class="tabcontentss">
<div class="info">
<img border="0" src="{vb:raw post.field8}" border="0"/>
</div>
</div>
</div>
<script type="text/javascript">
var mytabs=new ddtabcontent("postbittabspost{vb:raw post.postid}")
mytabs.setpersist(false)
mytabs.setselectedClassTarget("link")
mytabs.init()
</script>
</div>
</blockquote>
<vb:else />
<!-- No Signature so show all Tabs as showcase in case of purchase -->
<blockquote class="signature restore">
<div align="center"><a class="musername" href="member.php?u={vb:raw post.userid}">{vb:raw post.username}</a>'s Signature Showcase
<br />
<div id="postbittabspost{vb:raw post.postid}" class="smanslide">
<ul>
<li><span title="View Tab 1"><a href="#" rel="tab1post{vb:raw post.postid}" id="selectedpost{vb:raw post.postid}"> </a></span></li>
<li><span title="View Tab 2"><a href="#" rel="tab2post{vb:raw post.postid}"> </a></span></li>
<li><span title="View Tab 3"><a href="#" rel="tab3post{vb:raw post.postid}"> </a></span></li>
<li><span title="View Tab 4"><a href="#" rel="tab4post{vb:raw post.postid}"> </a></span></li>
<li><span title="View Tab 5"><a href="#" rel="tab5post{vb:raw post.postid}"> </a></span></li>
</ul>
<br style="clear: center" />
</div>
<div class="smallfont">
<!-- SLIDE 1 CONTENT -->
<div id="tab1post{vb:raw post.postid}" class="tabcontentss">
<div class="info">
<img border="0" src="{vb:raw post.field???}" border="0"/>
</div>
</div>
<!-- SLIDE 2 CONTENT -->
<div id="tab2post{vb:raw post.postid}" class="tabcontentss">
<div class="info">
<img border="0" src="{vb:raw post.field5}" border="0"/>
</div>
</div>
<!-- SLIDE 3 CONTENT -->
<div id="tab3post{vb:raw post.postid}" class="tabcontentss">
<div class="info">
<img border="0" src="{vb:raw post.field6}" border="0"/>
</div>
</div>
<!-- SLIDE 4 CONTENT -->
<div id="tab4post{vb:raw post.postid}" class="tabcontentss">
<div class="info">
<img border="0" src="{vb:raw post.field7}" border="0"/>
</div>
</div>
<!-- SLIDE 5 CONTENT -->
<div id="tab5post{vb:raw post.postid}" class="tabcontentss">
<div class="info">
<img border="0" src="{vb:raw post.field8}" border="0"/>
</div>
</div>
</div>
<script type="text/javascript">
var mytabs=new ddtabcontent("postbittabspost{vb:raw post.postid}")
mytabs.setpersist(false)
mytabs.setselectedClassTarget("link")
mytabs.init()
</script>
</div>
</blockquote>
<!-- /No Signature so show all Tabs as showcase in case of purchase -->
</vb:if>
<!-- /Postbit Slide by TheLastSuperman end -->
So just in case they purchase before making a sig or if they simply don't have one it will show all tabs, be sure to replace the new profile field number labeled ??? in my code above with the new field number or you can relabel from the beginning with the appropriate id's too. Don't foget you can use fancy scripts inside a tab so if you wanted them to be able to show something else off simply add in the code to one of the tabs and now that script with it's content shows instead of an image
.
Quote:
Originally Posted by EquinoxWorld
Will do : ) Thanks for the update TLS
|
No problem
More Information