vb.org Archive - Forum Home Enhancements

Page 4 of 8

« First

Last »

Show 40 post(s) from this thread on one page

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vBulletin 3.8 Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=236)

- - Forum Home Enhancements - Another Forum Tabs (https://vborg.vbsupport.ru/showthread.php?t=209097)

powerful_rogue

04-21-2009 02:31 PM

Quote:

Originally Posted by powerful_rogue (Post 1793849)

Seem to have a small problem with this in IE. Ive attatched a screenshot if anyone would be able to help!

Its the first tab, "Home" which dosent seem to display properly

Bump, Any help would be great. Shows fine in FF, just damn IE!

isatice

04-23-2009 10:26 AM

Quote:

Originally Posted by powerful_rogue (Post 1795992)

Bump, Any help would be great. Shows fine in FF, just damn IE!

try this :

Code:

#vibetab

{

    margin:5px 0 0 0px;

    height:29px;

    font-weight:bold;

}

#vibetab a

{

    color:white;

    background:url(../images/vibetab.gif) 0% 0% no-repeat;

    text-decoration: none;

    padding-left: 6px;

    margin:0;

    height:29px;

    outline:0;

}

#vibetab a span

{

    background: url(../images/vibetab.gif) 100% 0% no-repeat;

    padding: 9px 12px 0 4px;

    height:20px;

    cursor: pointer;

}

#vibetab a, #vibetab a span

{

    display: block;

    float: left;

}

#vibetab a#active_menutopnav

{

    color: black;

    background:url(../images/vibetab.gif) 0% 45% no-repeat;

}

#vibetab a#active_menutopnav span

{

    background: url(../images/vibetab.gif) 100% 45% no-repeat;

}

#vibetab a:hover

{

    color: white;

    background:url(../images/vibetab.gif) 0% 89% no-repeat;

}

#vibetab a:hover span

{

    background: url(../images/vibetab.gif) 100% 89% no-repeat;

}

#vibetab ul

{

    list-style: none;

    padding: 0;

    margin: 0;

}

#vibetab li

{

    float: left;

    margin: 0;

}

mrtroybaker

04-28-2009 12:48 AM

Awsome man. Just great.
Is there a way to use an image? I tried to change the gif but nothing changed.

s2lo7

04-29-2009 02:20 PM

good

DanielN24

04-30-2009 01:49 AM

How would I make it so that when you click on it, it automatically loads without having to change to a new page..

Kinda like here

http://sportstwo.com/forums/
and
http://www.dailysportspages.com/forums/

powerful_rogue

05-05-2009 01:44 PM

Quote:

Originally Posted by isatice (Post 1797299)

try this :

Code:

#vibetab

{

    margin:5px 0 0 0px;

    height:29px;

    font-weight:bold;

}

#vibetab a

{

    color:white;

    background:url(../images/vibetab.gif) 0% 0% no-repeat;

    text-decoration: none;

    padding-left: 6px;

    margin:0;

    height:29px;

    outline:0;

}

#vibetab a span

{

    background: url(../images/vibetab.gif) 100% 0% no-repeat;

    padding: 9px 12px 0 4px;

    height:20px;

    cursor: pointer;

}

#vibetab a, #vibetab a span

{

    display: block;

    float: left;

}

#vibetab a#active_menutopnav

{

    color: black;

    background:url(../images/vibetab.gif) 0% 45% no-repeat;

}

#vibetab a#active_menutopnav span

{

    background: url(../images/vibetab.gif) 100% 45% no-repeat;

}

#vibetab a:hover

{

    color: white;

    background:url(../images/vibetab.gif) 0% 89% no-repeat;

}

#vibetab a:hover span

{

    background: url(../images/vibetab.gif) 100% 89% no-repeat;

}

#vibetab ul

{

    list-style: none;

    padding: 0;

    margin: 0;

}

#vibetab li

{

    float: left;

    margin: 0;

}

Hi,

Really sorry about not replying soon, ive been away for a bit.

Ive tried using the code above, but for some reason the text in the first tab still looks out of place in IE. Looks brillaint in FF, just not IE!

Any other tips you may have would be greatly appreciated!

PHILIPS-08

05-10-2009 08:46 PM

I copy this code to navbar

Code:

    <div id="vibetab">

    <ul>

    <li><a href="#" id="active_menutopnav"><span>Portal</span></a></li>

    <li><a href="#"><span>Forum</span></a></li>

    <li><a href="#"><span>Article</span></a></li>

    <li><a href="#"><span>Mods</span></a></li>

    <li><a href="#"><span>Styles</span></a></li>

    <li><a href="#"><span>Graphic</span></a></li>

    <li><a href="#"><span>Page 1</span></a></li>

    <li><a href="#"><span>Page 2</span></a></li>

    <li><a href="#"><span>Page 3</span></a></li>

    </ul>

    </div>

after i save it i am viewing like this https://vborg.vbsupport.ru/external/2009/05/124.jpg

any one please help..

powerful_rogue

05-11-2009 01:13 PM

I had similar problem. Its to do with the image link in the css

EG -

Quote:

#vibetab
{
margin:5px 0 0 0px;
height:29px;
font-weight:bold;
}
#vibetab a
{
color:white;
background:url(../images/vibetab.gif) 0% 0% no-repeat;
text-decoration: none;
padding-left: 6px;

Go through and put a direct link in to the image and it should work.

franzis

05-12-2009 09:23 AM

Hello,

because the self-manufactured Tab drafts, so vibetab.gif always somewhat delayed, because I want to ask what the percentages are exactly the effect.

For example:

PHP Code:


		
			
#vibetab a#active_menutopnav

{

    color: black;

    background:url(../images/vibetab.gif) 0% 45% no-repeat;

}

#vibetab a#active_menutopnav span

{

    background: url(../images/vibetab.gif) 100% 45% no-repeat;

}

#vibetab a:hover

{

    color: white;

    background:url(../images/vibetab.gif) 0% 89% no-repeat;

}

If now background: url(../images/vibetab.gif) 100% 45% no-repeat;
an amendment to background: url(../images/vibetab.gif) 100% 60% no-repeat;
is made, what happens there, the percentages with the image and its position to do?

I just want to understand and perfect this great mod to use, hence my question.

Apologies my English, I hope you can understand what I want ;)

LG Franzis

ubcforums

06-25-2009 04:16 PM

Looks cool...

All times are GMT. The time now is 09:04 AM.

Page 4 of 8

« First

Last »

Show 40 post(s) from this thread on one page

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01168 seconds Memory Usage 1,759KB 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 (4)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
Messages: