vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 3.6 Add-ons (https://vborg.vbsupport.ru/forumdisplay.php?f=194)
-   -   Forum Home Enhancements - Tab Menu *** Enhanced (https://vborg.vbsupport.ru/showthread.php?t=148933)

Deepdog009 06-04-2007 10:00 PM

Tab Menu *** Enhanced
 
*** Tabbar Menu *** Inverted Tabbars *** Custom Tabs *** Mini Tabbars ***


This mod can be updated over in 3.7 mods if needed



Tabbars Suite 3.7

Inverted Tabbars 3.7

Mini Tabbars 3.7


Updated All three TABBARS to work with 3.7 & 3.6
Quaterbore has an update mod that allows lower version installs with 3.5/3.0


Thanks for your support folks!!!

Deepdog009 06-05-2007 01:38 AM

<font color="Red">Updating this Mod and also a 3.7 version...</font>

RvG2 06-05-2007 01:53 AM

On the 4th sample image, where shall I insert $tabbars?

thanks for this! :)

theFAILURE 06-05-2007 02:01 AM

Something like this would be great instead of the navbar ;)

sensimilla 06-05-2007 05:24 AM

Exactly what I was looking for, thanks!

Subah 06-05-2007 07:24 AM

Cool , Thanks :)

VBUsers 06-05-2007 07:45 AM

just what i was looking for, thanks!

where do i put it so it looks like the 3rd image you uploaded?

dj_f16 06-05-2007 07:49 AM

thank you man :)
very nice

dope15gd 06-05-2007 01:24 PM

To put it above the navbar, just edit the navbar and add $tabbers at the top and delete the <br /> that is under it.

edit this line in the CSS to get it to align to the right.

#tabs4 a {
float:right;
background:url("tableft4.gif") no-repeat left top;
margin:0;
padding:0 0 0 7px;
text-decoration:none;
}

Just change the alignment from left to right and it will shift over

//edit - this sort of works. It flips it all over to the right. I'll get back to this if I figure it out the right way

unitedpunjab 06-05-2007 04:18 PM

i followed the instruction but nothin happnd.. !! i placed $tabbers on forum home just under my nav bar. but nothin appered over there. i tried it placing at several places but no use... !!

i edited all the links in tabbar template and uploaded the images to forum root.

Fungsten 06-05-2007 04:41 PM

I'll install it on my test server!

giovannicosta 06-05-2007 04:54 PM

cool, how do I edit what is written and where it redirects to?

Fungsten 06-05-2007 05:23 PM

Nothing happened.

Quote:

Originally Posted by unitedpunjab (Post 1261847)
i followed the instruction but nothin happnd.. !! i placed $tabbers on forum home just under my nav bar. but nothin appered over there. i tried it placing at several places but no use... !!

i edited all the links in tabbar template and uploaded the images to forum root.


dope15gd 06-05-2007 06:06 PM

Quote:

Originally Posted by giovannicosta (Post 1261879)
cool, how do I edit what is written and where it redirects to?

go to your ACP and edit templates in whatever style you want. Choose tabbers and scroll down some. Near the bottom you'll see the links already placed there. You can just edit those to what you want

puertoblack2003 06-05-2007 09:25 PM

wow been looking for this for months had to get a third party script will try this out..good job:up:

puertoblack2003 06-05-2007 09:28 PM

sorry just noticed you have only one color scheme is there a chance you can create multiple colors and i notice too that the scripts are the same as what i have...i hard coded it...

aveon 06-05-2007 09:43 PM

can u add another feature to these hacks can u get them highlighted when its active???

FreshFroot 06-05-2007 09:49 PM

wow very cool stuff! I needed something like this done! thanks

MikeLTAD 06-05-2007 10:48 PM

Dead for me. Nothing showing up.

puertoblack2003 06-05-2007 11:30 PM

Quote:

Originally Posted by MikeLTAD (Post 1262103)
Dead for me. Nothing showing up.

well try this manual i used this currently now on my board. i take no create for this at all this is a third party hack....

Info:

Quote:

Originally Posted by 4x4 Mecca (Post 1239477)
step one, pick one from here
http://exploding-boy.com/images/cssmenus/menus.html

Step 2, download the pack of menus there from here
http://www.exploding-boy.com/2005/12...ation-designs/ where it says "Download the entire menu set"

upload the images for the style you want to your images folder

Example = tableftC.gif and tabrightC.gif

Edit your styles & templates > style manager > YOUR SKIN > Main CSS
Scroll to the bottom to see "Additional CSS Definitions"
Paste the code for your css menu there.
example:
PHP Code:

 #tabsJ {
      
float:right/* left */
/*      width:100%; */
/*      background:#F4F4F4; */
      
font-size:93%;
      
line-height:normal;
/*    border-bottom:1px solid #24618E; */
      
}
    
#tabsJ ul {
    
margin:0;
    
padding:10px 0px 0 50px;
    list-
style:none;
      }
    
#tabsJ li {
      
display:inline;
      
margin:0;
      
padding:0;
      }
    
#tabsJ a {
      
float:right/* left */
      
background:url("images/tableftJ.gif"no-repeat left top;
      
margin:0;
      
padding:0 0 0 5px;
      
text-decoration:none;
      }
    
#tabsJ a span {
      
float:right/* left */
      
display:block;
      
background:url("images/tabrightJ.gif"no-repeat right top;
      
padding:5px 15px 4px 6px;
      
color:#24618E;
      
}
    
/* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      
color:#FFF;
      
}
    
#tabsJ a:hover {
      
background-position:0% -42px;
      }
    
#tabsJ a:hover span {
      
background-position:100% -42px;
      } 

The go to your navbar template and find
Code:

        <if condition="$show['member']">
       
                <td class="alt2" valign="top" nowrap="nowrap">

ABOVE THAT PASTE

Code:

<div id="tabsJ">
  <ul>
    <li><a href="http://www.YOURFORUM.com/forum/forumdisplay.php?f=69" title="Buy and Sell with other members here."><span>Classifieds</span></a></li>
    <li><a href="http://www.YOURFORUM.com/forum/forumdisplay.php?f=133" title="Purchase products for your rig from our vendors!"><span>Vendors</span></a></li>
    <li><a href="http://www.YOURFORUM.com/forum/forumdisplay.php?f=4" title="Non Tech Forums"><span>Non Tech</span></a></li>
    <li><a href="http://www.YOURFORUM.com/forum/forumdisplay.php?f=1" title="Tech Forums"><span>Tech</span></a></li>
    <li><a href="http://www.YOURFORUM.com/forum/arcade.php" title="Hang out in the Arcade!"><span>Arcade</span></a></li>
    <li><a href="http://www.YOURFORUM.com/forum/" title="The main forum page!"><span>Home</span></a></li>
  </ul>
</div><br><br>


These are the basic instructions, you can use any tabs you'd like.

and download this images file : http://www.motoxtremehosting.com/fil...2f430244569db1


good luck

dbirosel 06-06-2007 12:48 AM

Quote:

Originally Posted by puertoblack2003 (Post 1262144)
well try this manual i used this currently now on my board. i take no create for this at all this is a third party hack....

Info:



and download this images file : http://www.motoxtremehosting.com/fil...2f430244569db1


good luck



I did the same exact thing with my forum. here's my results:

www.caraudiojunkyard.com/forum

Deepdog009 06-06-2007 01:06 AM

Quote:

Originally Posted by giovannicosta (Post 1261879)
cool, how do I edit what is written and where it redirects to?

Just got off working...

Look in tabbers template 4 this and make changes...

HTML Code:

<li id="current"><a href="yoursite.com">Frontpage</a></li>
<li><a href="/forums/arcade.php">Arcade</a></li>
<li><a href="/forums/flashchat.php">Chat</a></li>
<li><a href="/forums/">Forums</a></li>
<li><a href="/gallery/">Gallery</a></li>
<li><a href="/forums/sendmessage.php">Support</a></li>
<li><a href="/forums/downloads.php">Downloads</a></li>

Also check in CSS area 2 make background color changes and more...

Yes I will add more TABS if I have time next few dias...

Some styles may have issues with this, but 4 the most part its working on 90 % of styles...
Check the Tabbars template for any HTML problems...

I will check more on this Mod and C why some styles may have issues...

Checked on all my styles and test boards and all working O-Ta...

Good Luck;)

Hornstar 06-06-2007 02:14 AM

That hot! and exactly what i want to do on my site. I will play around with positioning them. thanks for sharing this.

unitedpunjab 06-06-2007 04:00 AM

Quote:

Originally Posted by puertoblack2003 (Post 1262144)
well try this manual i used this currently now on my board. i take no create for this at all this is a third party hack....

Info:



and download this images file : http://www.motoxtremehosting.com/fil...2f430244569db1


good luck


thnx a lot it worked like a champ ;)

Deepdog009 06-06-2007 04:24 AM

Thanks 4 support and All advice and helpful hints welcome...

Tabs_Helper_4_Verify_Styles.zip

Download and read instructions...

Good Luck;)

Deepdog009 06-06-2007 04:26 AM

4 thoses that dont have the time 2 work on this, Im working on an update 2 make it easier 4 ya...

Good Luck;)

blastup 06-06-2007 11:41 AM

does this have the tabs seletcted via a certain url.. ? if it does i definitly will use this..

blastup 06-06-2007 11:44 AM

oh i guess yoiu don't have the select thing for the specific url.. can you add that?

giovannicosta 06-06-2007 02:45 PM

Thanks!

Triky 06-06-2007 03:01 PM

Great one! :)

jarod1981? 06-06-2007 03:20 PM

Hello Deep and congratulations for this modification ;-)

Pardon me, but I have a little problem with the alignment the botton, they are always in the center and I can't put it on the left!

My Forum

Can you help me please?
  • I insert $tabbars in the navbar template
  • I have upload images on forumroot
  • I installed plugin
  • I insert this code in Additional CSS:
Quote:

#tabs4 a {
float:left;
background:url("tableft4.gif") no-repeat left top;
margin:0;
padding:0 0 0 7px;
text-decoration:none;
}

Thanks :)

Deepdog009 06-06-2007 08:54 PM

Quote:

Originally Posted by jarod1981? (Post 1262559)
Hello Deep and congratulations for this modification ;-)

Pardon me, but I have a little problem with the alignment the botton, they are always in the center and I can't put it on the left!

My Forum

Can you help me please?
  • I insert $tabbars in the navbar template
  • I have upload images on forumroot
  • I installed plugin
  • I insert this code in Additional CSS:



Thanks :)

Look 4 this in your CSS area and edit...

#tabs4 ul {
margin:0;
padding:2px 2px 0 110px;
list-style:none;
}

Good Luck;)

Deepdog009 06-06-2007 08:59 PM

Thanks 4 all Thanks My releases dedicated 2 all that dont have the time 2 do it because busy, busy, busy...

If some have issues im trying 2 make it easier 4 ya...

Update coming...

Its nice 2 use var $tabbars anywhere on templates...

Suggestion open tabbars template and edit with any CSS TABS code and then update and place $tabbars where U like best...

Saw all requests and will try 2 add some...


Good Luck:)

jarod1981? 06-06-2007 09:49 PM

Hello Deep

Sorry but the code dont' work :(

2) Another ask please; Is possibile create a color menu? With each tabs of different colour?

Thanks :)

Deepdog009 06-07-2007 03:32 AM

Quote:

Originally Posted by jarod1981? (Post 1262752)
Hello Deep

Sorry but the code dont' work :(

2) Another ask please; Is possibile create a color menu? With each tabs of different colour?

Thanks :)


U that code to shift left or right or use the FLOAT code : left, right, center...

What U ask can be done, but many CSS code changes and much time...

Good Luck

Deepdog009 06-07-2007 03:34 AM

Minor update...

One of these is pure CSS without images and the others are similar 2 the original first posted...:cool:

Kaasie 06-07-2007 03:46 AM

very interesting mod, thanks a lot

dbirosel 06-07-2007 10:17 AM

When clicking on a tab, how do i have the tab become highlighted? It seems like even though i click another tab, my Forum tab will remain highlighted.

aveon 06-07-2007 10:31 AM

Quote:

Originally Posted by dbirosel (Post 1263111)
When clicking on a tab, how do i have the tab become highlighted? It seems like even though i click another tab, my Forum tab will remain highlighted.

that u can use if conditional to accomplish

Deepdog009 06-07-2007 11:26 AM

Until I come up with a more easy update use this software 2 assist your CSS editing...

Simple CSS, This software does not install any files. Its Standalone.

I use it and its just like it says...SIMPLE

Just create new project and then import the TEXT css menu tab file...Open source and edit:)

Import other css file ext's. also...

Good Luck


All times are GMT. The time now is 06:05 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.01378 seconds
  • Memory Usage 1,848KB
  • 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
  • (2)bbcode_code_printable
  • (1)bbcode_html_printable
  • (1)bbcode_php_printable
  • (11)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (2)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (40)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