vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 3.7 Add-ons (https://vborg.vbsupport.ru/forumdisplay.php?f=228)
-   -   Forum Home Enhancements - Minitabbars 3.7 *** Tabs & Dropdown menus (https://vborg.vbsupport.ru/showthread.php?t=175549)

peterle1 05-18-2008 09:04 PM

Here we have a mini_tabbars_html template with all tabs with pulldown menues.

Code:

<!--Tabbars Mini Tabs-->
<if condition="$vboptions[mini_tabbars_popups6_onoff]">       
<table cellpadding="0" cellspacing="0" border="0" style="border-bottom-width:0px"><tbody><tr>
<td class="minitabbarttclass"><img src="images/minitabs/tabbar_selected_left$vboptions[minitabbar_colornum1].gif" height="27" width="10"></td>
<td id="$vboptions[mini_tabbars_popups1]" class="minitabbarttclass" background="images/minitabs/tabbar_selected_middle$vboptions[minitabbar_colornum1].gif" nowrap="nowrap" valign="top"><img src="$vboptions[mini_tabbars_spacerimage]" height="9" width="1"><br><a class="minitabbarselect" href="$vboptions[url_minitabbar_href1]" title="$vboptions[title_minitabbars_info1]">$titleminitabbar1</a><script type="text/javascript"> vbmenu_register("$vboptions[mini_tabbars_popups1]"); </script></td>
<td class="minitabbarttclass"><img src="images/minitabs/tabbar_selected_right$vboptions[minitabbar_colornum1].gif" height="27" width="10"></td>

<td class="minitabbarttclass"><img src="images/minitabs/tabbar_left$vboptions[minitabbar_colornum2].gif" height="27" width="10"></td>
<td id="$vboptions[mini_tabbars_popups2]" class="minitabbarttclass" background="images/minitabs/tabbar_middle$vboptions[minitabbar_colornum2].gif" nowrap="nowrap" valign="top"><img src="$vboptions[mini_tabbars_spacerimage]" height="9" width="1"><br><a class="minitabbarselect" href="$vboptions[url_minitabbar_href2]" title="$vboptions[title_minitabbars_info2]">$titleminitabbar2</a><script type="text/javascript"> vbmenu_register("$vboptions[mini_tabbars_popups2]"); </script></td>
<td class="minitabbarttclass"><img src="images/minitabs/tabbar_right$vboptions[minitabbar_colornum2].gif" height="27" width="10"></td>

<td class="minitabbarttclass"><img src="images/minitabs/tabbar_left$vboptions[minitabbar_colornum3].gif" height="27" width="10"></td>
<td id="$vboptions[mini_tabbars_popups3]" class="minitabbarttclass" background="images/minitabs/tabbar_middle$vboptions[minitabbar_colornum3].gif" nowrap="nowrap" valign="top"><img src="$vboptions[mini_tabbars_spacerimage]" height="9" width="1"><br><a class="minitabbarselect" href="$vboptions[url_minitabbar_href3]" title="$vboptions[title_minitabbars_info3]">$titleminitabbar3</a><script type="text/javascript"> vbmenu_register("$vboptions[mini_tabbars_popups3]"); </script></td>
<td class="minitabbarttclass"><img src="images/minitabs/tabbar_right$vboptions[minitabbar_colornum3].gif" height="27" width="10"></td>
               
<td class="minitabbarttclass"><img src="images/minitabs/tabbar_left$vboptions[minitabbar_colornum4].gif" height="27" width="10"></td>
<td id="$vboptions[mini_tabbars_popups4]" class="minitabbarttclass" background="images/minitabs/tabbar_middle$vboptions[minitabbar_colornum4].gif" nowrap="nowrap" valign="top"><img src="$vboptions[mini_tabbars_spacerimage]" height="9" width="1"><br><a class="minitabbarselect" href="$vboptions[url_minitabbar_href4]" title="$vboptions[title_minitabbars_info4]">$titleminitabbar4</a><script type="text/javascript"> vbmenu_register("$vboptions[mini_tabbars_popups4]"); </script></td>
<td class="minitabbarttclass"><img src="images/minitabs/tabbar_right$vboptions[minitabbar_colornum4].gif" height="27" width="10"></td>

<td class="minitabbarttclass"><img src="images/minitabs/tabbar_left$vboptions[minitabbar_colornum5].gif" height="27" width="10"></td>
<td id="$vboptions[mini_tabbars_popups5]" class="minitabbarttclass" background="images/minitabs/tabbar_middle$vboptions[minitabbar_colornum5].gif" nowrap="nowrap" valign="top"><img src="$vboptions[mini_tabbars_spacerimage]" height="9" width="1"><br><a class="minitabbarselect" href="$vboptions[url_minitabbar_href5]" title="$vboptions[title_minitabbars_info5]">$titleminitabbar5</a><script type="text/javascript"> vbmenu_register("$vboptions[mini_tabbars_popups5]"); </script></td>
<td class="minitabbarttclass"><img src="images/minitabs/tabbar_right$vboptions[minitabbar_colornum5].gif" height="27" width="10"></td>

<td class="minitabbarttclass"><img src="images/minitabs/tabbar_left$vboptions[minitabbar_colornum6].gif" height="27" width="10"></td>
<td id="$vboptions[mini_tabbars_popups6]" class="minitabbarttclass" background="images/minitabs/tabbar_middle$vboptions[minitabbar_colornum6].gif" nowrap="nowrap" valign="top"><img src="$vboptions[mini_tabbars_spacerimage]"  height="9" width="1"><br><a class="minitabbarselect" href="$vboptions[url_minitabbar_href6]" title="$vboptions[title_minitabbars_info6]">$titleminitabbar6</a><script type="text/javascript"> vbmenu_register("$vboptions[mini_tabbars_popups6]"); </script></td>
<td class="minitabbarttclass"><img src="images/minitabs/tabbar_right$vboptions[minitabbar_colornum6].gif" height="27" width="10"></td></if>

<if condition="$vboptions[mini_tabbars_popups7_onoff]">               
<td class="minitabbarttclass"><img src="images/minitabs/tabbar_left$vboptions[minitabbar_colornum7].gif" height="27" width="10"></td>
<td id="$vboptions[mini_tabbars_popups7]" class="minitabbarttclass" background="images/minitabs/tabbar_middle$vboptions[minitabbar_colornum7].gif" nowrap="nowrap" valign="top"><img src="$vboptions[mini_tabbars_spacerimage]" height="9" width="1"><br><a class="minitabbarselect" href="$vboptions[url_minitabbar_href7]" title="$vboptions[title_minitabbars_info7]">$titleminitabbar7</a><script type="text/javascript"> vbmenu_register("$vboptions[mini_tabbars_popups7]"); </script></td>
<td class="minitabbarttclass"><img src="images/minitabs/tabbar_right$vboptions[minitabbar_colornum7].gif" height="27" width="10"></td></if>               

<if condition="$vboptions[mini_tabbars_popups8_onoff]">       
<td class="minitabbarttclass"><img src="images/minitabs/tabbar_left$vboptions[minitabbar_colornum8].gif" height="27" width="10"></td>
<td id="$vboptions[mini_tabbars_popups8]" class="minitabbarttclass" background="images/minitabs/tabbar_middle$vboptions[minitabbar_colornum8].gif" nowrap="nowrap" valign="top"><img src="$vboptions[mini_tabbars_spacerimage]" height="9" width="1"><br><a class="minitabbarselect" href="$vboptions[url_minitabbar_href8]" title="$vboptions[title_minitabbars_info8]">$titleminitabbar8</a><script type="text/javascript"> vbmenu_register("$vboptions[mini_tabbars_popups8]"); </script></td>
<td class="minitabbarttclass"><img src="images/minitabs/tabbar_right$vboptions[minitabbar_colornum8].gif" height="27" width="10"></td></if>
</tr></tbody></table></if>

<!--Tabbars Mini Tabs-->


Deepdog009 05-23-2008 04:50 AM

Quote:

Originally Posted by peterle1 (Post 1522628)
You had a typo in tab 6 of your little pulldown demo.
I changed it.
Code:

<!-- Minitabbars POPUP MENUS -->

<div class="vbmenu_popup" id="navbar_frontpage_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">
        <tr>
            <td class="thead">Showcase</td>
        </tr>
        <tr>
            <td class="vbmenu_option" title="nohilite">
<a href="/gallery/index.php?$session[sessionurl_q]">Newest Articles</a>
</td>
</tr>
<tr>
            <td class="vbmenu_option" title="nohilite">
<a href="/gallery/index.php?$session[sessionurl_q]">Members News</a>
</td>
</tr>
</table>
</div>

<div class="vbmenu_popup" id="navbar_chat_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">
        <tr>
            <td class="thead">Site Updates</td>
        </tr>
        <tr>
            <td class="vbmenu_option" title="nohilite">
<a href="forumdisplay.php?f=1$session[sessionurl_q]">ChatBox</a>
</td>
</tr>
<tr>
            <td class="vbmenu_option" title="nohilite">
<a href="forumdisplay.php?f=2$session[sessionurl_q]">Hottest Chat</a>
</td>
</tr>
</table>
</div>

<div class="vbmenu_popup" id="navbar_forums_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">
        <tr>
            <td class="thead">Site Updates</td>
        </tr>
        <tr>
            <td class="vbmenu_option" title="nohilite">
<a href="forumdisplay.php?f=1$session[sessionurl_q]">Latest Posts</a>
</td>
</tr>
<tr>
            <td class="vbmenu_option" title="nohilite">
<a href="forumdisplay.php?f=2$session[sessionurl_q]">Ask Staff</a>
</td>
</tr>
</table>
</div>

<div class="vbmenu_popup" id="navbar_gallery_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">
        <tr>
            <td class="thead">Site Updates</td>
        </tr>
        <tr>
            <td class="vbmenu_option" title="nohilite">
<a href="forumdisplay.php?f=1$session[sessionurl_q]">Gallery News</a>
</td>
</tr>
<tr>
            <td class="vbmenu_option" title="nohilite">
<a href="forumdisplay.php?f=2$session[sessionurl_q]">Latest Pics</a>
</td>
</tr>
</table>
</div>

<div class="vbmenu_popup" id="navbar_downloads_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">
        <tr>
            <td class="thead">Site Updates</td>
        </tr>
        <tr>
            <td class="vbmenu_option" title="nohilite">
<a href="forumdisplay.php?f=1$session[sessionurl_q]">Hotest uploads</a>
</td>
</tr>
<tr>
            <td class="vbmenu_option" title="nohilite">
<a href="forumdisplay.php?f=2$session[sessionurl_q]">Hottest downloads</a>
</td>
</tr>
</table>
</div>

<div class="vbmenu_popup" id="navbar_news_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">
        <tr>
            <td class="thead">Site Updates</td>
        </tr>
        <tr>
            <td class="vbmenu_option" title="nohilite">
<a href="forumdisplay.php?f=1$session[sessionurl_q]">News</a>
</td>
</tr>
<tr>
            <td class="vbmenu_option" title="nohilite">
<a href="forumdisplay.php?f=2$session[sessionurl_q]">Announcements</a>
</td>
</tr>
</table>
</div>

<div class="vbmenu_popup" id="navbar_albums_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">
        <tr>
            <td class="thead">Site Updates</td>
        </tr>




peterle1,,,
where is the typo???

Thanks 4 looking out and let me know if there's other issues... I will try to fix if time permits

peterle1 05-25-2008 07:38 PM

Quote:

Originally Posted by Deepdog009 (Post 1528605)
peterle1,,,
where is the typo???

Thanks 4 looking out and let me know if there's other issues... I will try to fix if time permits


You wrote:
Code:

<div class="vbmenu_popup" id="navbar_news_updates_menu" style="display:none">
but navbar_news_updates isn't in your Navbar dropdown titles so it breaks your demo.

You can change the titles instead.

Thanks for looking. :)

peterle1 06-02-2008 07:53 AM

Maybe a dumb question, but what is the difference between this mod here and your Tabbar Suite? :confused:

Deepdog009 06-08-2008 12:48 AM

Quote:

Originally Posted by peterle1 (Post 1538476)
Maybe a dumb question, but what is the difference between this mod here and your Tabbar Suite? :confused:

peterle1,,,
YES there is peterle1...

The difference is that this Mod works very well with the default vBULLETIN dropdown javasrcipt... WHY???
Because it uses three images and a spacer image,,, and its inclosed within a table which allows more flexiblility to add other images without causing issues with javascipt loading...

Tabbarsuite and Invertedtabbars use TWO images to create tabbar,,, both dont work well with vBULLETIN dropdown javasrcipt,,, because they use div's and li's,,, not tables...

There are other differences with color editing and ability to make changes to CSS...

peterle1 06-08-2008 09:41 AM

Quote:

Originally Posted by Butcher (Post 1486623)
nice hack but unfortunately the tabs simply won't fit any style. a better control over the tabs colour would make this far better

You can take a look at the tabs the mod offers and very easily create your own ones.
The only thing important I have found doing so, is the size of the pictures used as tabs and that there have to be three pictures for one tab.

Quote:

Originally Posted by indie2industry (Post 1486681)
Are there any limits to how many tabs you can have??

Not really, you can edit the mini_tabbars_html template and add as many tabs as you like, but you have to hard code it in the template.

peterle1 06-09-2008 09:47 AM

Quote:

Originally Posted by Deepdog009 (Post 1543632)
Tabbarsuite and Invertedtabbars use TWO images to create tabbar,,, both dont work well with vBULLETIN dropdown javasrcipt,,, because they use div's and li's,,, not tables...

There are other differences with color editing and ability to make changes to CSS...

What do you mean by "don't work well"?
The design is different, but I haven't found any problems with the functionality of the drop down menues.

Deepdog009 06-09-2008 06:57 PM

Quote:

Originally Posted by peterle1 (Post 1544850)
What do you mean by "don't work well"?
The design is different, but I haven't found any problems with the functionality of the drop down menues.

peterle1,,,
Tabbarsuite and Invertedtabbars probably can work with vBulletin standard dropdown menu's,,, but after I've spent hours trying to make them work together,,, I finally gave up and found another option...CHROME DD... working ok...

vBulletin standard dropdowns work extremely well with Minitabbars... It has something to do with the image icon setup in the menu.js file...

Shazz 07-09-2008 03:46 AM

I have contacted Deepdog009 about the the issue with IE7 showing this error:

PHP Code:

'this.controlobj' is a null or not an object 

Im gussing its the headinclude template that comes with the plugin, but the html template is pretty big as well... Can't find whats causing this.

Hornstar 07-10-2008 01:52 AM

Finally got around to installing this, it looks very good, and was easy to install. Thanks.


All times are GMT. The time now is 05:21 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.01428 seconds
  • Memory Usage 1,805KB
  • 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
  • (3)bbcode_code_printable
  • (1)bbcode_php_printable
  • (7)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (3)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