Go Back   vb.org Archive > vBulletin Modifications > vBulletin 3.8 Modifications > vBulletin 3.8 Template Modifications

Reply
 
Thread Tools
Orange Navbar TAB Details »»
Orange Navbar TAB
Version: 1.00, by Limode Limode is offline
Developer Last Online: Mar 2013 Show Printable Version Email this Page

Category: Forum Home Enhancements - Version: 3.8.x Rating:
Released: 05-13-2009 Last Update: Never Installs: 18
Template Edits
 
No support by the author.

This is a navbar tab base CSS
Demo see screenshot

Install :
Upload images to /images/ folder
Additional CSS Definitions Add :

Code:
ul.newsnav {
	float:left;
	clear:both;
	margin:0;
	padding:0;
	width:840px;
}

ul.newsnav li {
	float:left;
	height:27px;
	list-style-type:none;
	display:inline;
	font-size:12px;
	margin-right:1px;
	padding-top:12px;
}

ul.newsnav li.inorange {
	height:27px;
	width:auto;
	padding:0 4px 0 0;
	background:url(images/tabright.png) bottom right no-repeat;
	text-transform:uppercase;
	color:#fff;
	margin-top:12px;
}

ul.newsnav li.inorange span {
	float:left;
	height:21px;
	width:auto;
	padding:6px 15px 0 20px;
	background:url(images/tableft.png) bottom left no-repeat;
}

ul.newsnav li a {
	float:left;
	height:27px;
	width:auto;
	padding:0 4px 0 0;
	background:url(images/tabright.png) top right no-repeat;
	display:block;
	text-transform:uppercase;
	color:#2b6d9f;
	text-decoration:none;
}

ul.newsnav li a span {
	float:left;
	height:21px;
	width:auto;
	padding:6px 16px 0 20px;
	background:url(images/tableft.png) top left no-repeat;
	cursor:pointer;
	display:block;
}

ul.newsnav li a:hover {
	background-position:bottom right;
	color:#fff;
}

ul.newsnav li a:hover span {
	background-position:bottom left;
	color:#fff;
}
Add to navbar template or any where you need.

Navigation / Breadcrumb Templates / navbar
Very above find <br /> and add under

Code:
<!-- New Navbar -->
<div align="center">
<ul class="newsnav">
<li class="inorange"><span>Home</span></li>
<li><a href="#"><span>News</span></a></li>
<li><a href="#"><span>People</span></a></li>
<li><a href="#"><span>Social</span></a></li>
<li><a href="#"><span>About us</span></a></li>
<li><a href="#"><span>Contact</span></a></li>
<li><a href="#"><span>Orange TAB</span></a></li>
</ul>
</div>
<!-- / New Navbar -->

Download Now

File Type: zip inorange.zip (4.2 KB, 196 views)

Screenshots

File Type: jpg untitled.JPG (15.7 KB, 0 views)

Show Your Support

  • This modification may not be copied, reproduced or published elsewhere without author's permission.

Comments
  #12  
Old 07-01-2009, 08:53 AM
Raptor Raptor is offline
 
Join Date: Nov 2001
Posts: 499
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

it works on all browsers but breaks on safari
Reply With Quote
  #13  
Old 08-20-2011, 02:21 PM
Gipskopf Gipskopf is offline
 
Join Date: Dec 2006
Posts: 13
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Hello
In Firefox everything is displayed correctly.
But not in Internet explorer. There, the tabs are displayed side by side but not on each other.

Sometimes I hang a picture on how it looks in internet explorer.


Can you help me?

Can watch it live in my test forum.
http://an.diespritzer.de

Oh yes, you have to choose one style down under some circumstances.
Attached Images
File Type: jpg 222222222222222222222222222222.jpg (57.3 KB, 0 views)
Reply With Quote
  #14  
Old 08-21-2011, 12:54 PM
Gipskopf Gipskopf is offline
 
Join Date: Dec 2006
Posts: 13
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

hop
Reply With Quote
  #15  
Old 08-23-2011, 09:37 AM
Gipskopf Gipskopf is offline
 
Join Date: Dec 2006
Posts: 13
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

hi

fixed version for all Browser. IE9 - FF - Chrome and VB3.8

For Header



PHP Code:
<!-- New Navbar -->
<
div style="float:right;padding-right:5%">
    <
ul class="newsnav">
        <
li class="inorange"><span>Lackshop</span></li>
        <
li><a href="#"><span>News</span></a></li>
        <
li><a href="#"><span>People</span></a></li>
        <
li><a href="#"><span>Social</span></a></li>
        <
li><a href="#"><span>About us</span></a></li>
        <
li><a href="#"><span>Contact</span></a></li>
        <
li><a href="#"><span>Orange TAB</span></a></li>
    </
ul>
</
div>
<!-- / New 
Navbar --> 
For Css.

PHP Code:
ul.newsnav {
    
clear:both;
    
margin:0;
    
padding:0;
    
width:840px;
}

ul.newsnav li {
    
float:right;
    
height:27px;
    list-
style-type:none;
    
display:inline;
    
font-size:12px;
    
margin-right:1px;
    
padding-top:12px;
}

ul.newsnav li.inorange {
    
float:right;
    
height:27px;
    
display:inline;
    
width:auto;
    
padding:0 4px 0 0;
    
background:url(images/tabright.pngbottom right no-repeat;
    
text-transform:uppercase;
    
color:#fff;
    
margin-top:12px;
}

ul.newsnav li.inorange span {
    
height:21px;
    
width:auto;
    
padding:6px 16px 0 20px;
    
background:url(images/tableft.pngbottom left no-repeat;
    
cursor:pointer;
    
display:block;
}

ul.newsnav li a {
    
height:27px;
    
width:auto;
    
padding:0 4px 0 0;
    
background:url(images/tabright.pngtop right no-repeat;
    
display:block;
    
text-transform:uppercase;
    
color:#2b6d9f;
    
text-decoration:none;
}

ul.newsnav li a span {
    
height:21px;
    
width:auto;
    
padding:6px 16px 0 20px;
    
background:url(images/tableft.pngtop left no-repeat;
    
cursor:pointer;
    
display:block;
}

ul.newsnav li a:hover {
    
background-position:bottom right;
    
color:#fff;
}

ul.newsnav li a:hover span {
    
background-position:bottom left;
    
color:#fff;

Reply With Quote
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 07:03 PM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.05021 seconds
  • Memory Usage 2,291KB
  • Queries Executed 20 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (2)bbcode_code
  • (2)bbcode_php
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)modsystem_post
  • (1)navbar
  • (4)navbar_link
  • (120)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (1)pagenav_pagelink
  • (5)post_thanks_box
  • (5)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (5)post_thanks_postbit_info
  • (4)postbit
  • (3)postbit_attachment
  • (5)postbit_onlinestatus
  • (5)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.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/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.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
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • fetch_musername
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_attachment
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete