vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 4.x Add-ons (https://vborg.vbsupport.ru/forumdisplay.php?f=245)
-   -   Mini Mods - Innovative Signature Showcase (https://vborg.vbsupport.ru/showthread.php?t=228026)

ProFifaLeagues 01-26-2010 05:01 AM

Thats Great Mike cheers!!!

TheLastSuperman 08-23-2010 09:32 AM

Update - Cleaned up the install.html file and tried to make details very simple. I expect to release a full product soon with option to enable/disable per forum basis and on/off in admincp and auto-template install... well 99.9% auto :p.

Xencored 08-23-2010 10:10 AM

Mike. Your demo is dead :X

Mike :)

TheLastSuperman 08-23-2010 10:15 AM

Quote:

Originally Posted by Animemike (Post 2088220)
Mike. Your demo is dead :X

Mike :)

But the screenshot is still good ftw although it does not show the true functionality of this... DJ's demo get's the point across though.

FYI I used to be the main admin at that site, things went south in RL so I decided to code for a living.. I didn't have time for games or tournaments anymore and since I've been busy actually working they moved onto phpBB :erm:... even after getting a free Suite from me :confused: but so far it's going well, life is good and a full product for the signature showcase after the "Opening Soon" in my sig has passed :D.

I just posted that I was off to bed so now I must lol :rolleyes:

- Mike :cool:

EquinoxWorld 08-23-2010 02:01 PM

Awesome mod , great work, although I can't get the buttons to show on any of them. I'm using FF and Chrome and neither show them. Also is there any way to make the page not "jump" when a user has this mod. Seems though it makes the page jump , when trying to make a post this can be REALLY annoying. Awesome work though, thank you for the addition.

EDITED:. To make the pages not jump I have added an additional CSS for class .tabcontent and placed a minimum-height so that after the first sig is displayed (if it has other additional lines apart from the sig) the page will not jump back . The buttons not showing is still an issue for us though : ( .

TheLastSuperman 08-23-2010 04:33 PM

Quote:

Originally Posted by EquinoxWorld (Post 2088331)
Awesome mod , great work, although I can't get the buttons to show on any of them. I'm using FF and Chrome and neither show them. Also is there any way to make the page not "jump" when a user has this mod. Seems though it makes the page jump , when trying to make a post this can be REALLY annoying. Awesome work though, thank you for the addition.

EDITED:. To make the pages not jump I have added an additional CSS for class .tabcontent and placed a minimum-height so that after the first sig is displayed (if it has other additional lines apart from the sig) the page will not jump back . The buttons not showing is still an issue for us though : ( .

Sometimes you need to add a / in front of any image URL, it seems last night before releasing I forgot to add the code back in (I have my images in another directory so the url was wrong in the css but don't tell anyone :p) to the correct url.. it was a late night err morning rather :D. I've cleaned up the code a bit more and changed the .tabcontent to .tabcontentss. Do me a favor, download the new .zip and overwrite all the old files then let me know if you have any issues.

TheLastSuperman 08-23-2010 04:47 PM

Quote:

Originally Posted by EquinoxWorld (Post 2088331)
Also is there any way to make the page not "jump" when a user has this mod. Seems though it makes the page jump , when trying to make a post this can be REALLY annoying. Awesome work though, thank you for the addition.

EDITED:. To make the pages not jump I have added an additional CSS for class .tabcontent and placed a minimum-height so that after the first sig is displayed (if it has other additional lines apart from the sig) the page will not jump back . The buttons not showing is still an issue for us though : ( .

What did you add to the CSS a min/max-height or other? Also thanks for the catch on the images I mentioned that when sending out the update just now ;). *One thing to remember is... some will want the post to become shorter/longer with the different content that is shown, it shows interaction and you can quit clicking the "dots" for it to stop then simply click Edit or Reply etc. or some like you will not like that, I imagine it's not an issue in DJ's version for userinfo in the postbit_legacy because it's already so tall and you don't notice any extra space when switching between ;) although all of this is simply a matter of preference.

EquinoxWorld 08-23-2010 05:12 PM

Quote:

Originally Posted by TheLastSuperman (Post 2088405)
What did you add to the CSS a min/max-height or other? Also thanks for the catch on the images I mentioned that when sending out the update just now ;). *One thing to remember is... some will want the post to become shorter/longer with the different content that is shown, it shows interaction and you can quit clicking the "dots" for it to stop then simply click Edit or Reply etc. or some like you will not like that, I imagine it's not an issue in DJ's version for userinfo in the postbit_legacy because it's already so tall and you don't notice any extra space when switching between ;) although all of this is simply a matter of preference.

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

EquinoxWorld 08-23-2010 05:14 PM

Quote:

Originally Posted by TheLastSuperman (Post 2088400)
Sometimes you need to add a / in front of any image URL, it seems last night before releasing I forgot to add the code back in (I have my images in another directory so the url was wrong in the css but don't tell anyone :p) to the correct url.. it was a late night err morning rather :D. I've cleaned up the code a bit more and changed the .tabcontent to .tabcontentss. Do me a favor, download the new .zip and overwrite all the old files then let me know if you have any issues.

Will do : ) Thanks for the update TLS

TheLastSuperman 08-23-2010 05:43 PM

Quote:

Originally Posted by EquinoxWorld (Post 2088416)
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 (Post 2088417)
Will do : ) Thanks for the update TLS

No problem :D


All times are GMT. The time now is 02:33 PM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01145 seconds
  • Memory Usage 1,796KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)bbcode_code_printable
  • (7)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (4)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (10)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 

Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • pagenav_page
  • pagenav_complete
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete