Sign Up! Login: Password: New User? Forgot? Support
Top Mods!
Wowhead Search
by sonofsamedi
Digital Clock
by Wolfar15
Admin Forums
Welcome to the GuildPortal Help Community! These forums are for admin-to-admin help.
Available Forums
Forums : Pimp My Site! > navigation bar help
Nybors (New Admin) 7/29/2008 1:50 AM EST : navigation bar help
Nybors
Posts: 436
Fingers of Fury!

A friend and I are redoing our site. and the navigation bar between the banner and the content boxes got a bit mess up.

I can not seem to find where to edit that.

Eternity  <--

any assistance would be of great help
TopBottom

Mottie (MVP) 7/29/2008 2:01 AM EST : RE: navigation bar help
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

It looks like you started using the new "Horizontal Full Bar" but without any settings. If you want to go back to the original bar, it's called the "Horizontal Tab Bar".

You can find these selections by going here: Control Panel > Style & Colors > Tab Bar Styles
TopBottom

Nybors (New Admin) 7/29/2008 2:17 AM EST : RE: navigation bar help
Nybors
Posts: 436
Fingers of Fury!

Thankss

I did try changing it and it will not changes as i have a customs css enabled.
I am rusty at css i can not find in the css where the tab bar style is called

We are changing o

/* The content of the posts (body of text) */
body{font:12px Verdana, Arial, Helvetica, sans-serif;margin:0px 0px;padding:0 0;
background-image: url('http://www.axiomfiles.com/Files/185846/bgdcolor.jpg');
scrollbar-3dlight-color:#6a6a6a;
scrollbar-arrow-color:#fc9b00;
scrollbar-darkshadow-color:#000000;
scrollbar-face-color:#1f1f1f;
scrollbar-highlight-color:#1f1f1f;
scrollbar-shadow-color:#000000;
scrollbar-track-color:#2e2e2e; color: e7e7e7}

/* General font families for common tags */
font, th, td, p{font:12px Verdana,Arial,Helvetica,sans-serif}
p{margin-top:2px;margin-bottom:3px}

/* General text */
.gensmall{font-size:10px}
td.genmed, .genmed{font-size:11px}
.explaintitle{font-size:11px;font-weight:bold;color:#ffffff}

/* General page style */
a:link, a:active, a:visited, a.postlink{color: #F8981D;text-decoration:none }
a:hover{color:#F8981D}

/* titles for the topics:could specify viewed link colour too */
.topictitle{font-size:11px;font-weight:bold}
a.topictitle:visited{color:#F8981D}
a.topictitle:hover{color:#F8981D}

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name{font-size:11px;font-weight: bold}

hr{border: 0px solid #000000;border-top-width:1px;height:0px}

/* Category gradients */
td.cat, td.rowpic{color:#8e8e8e;font-weight:bold;letter-spacing:1px;background:#191919 url('/CExplorer/Themes/EQ2/cellpic1.gif');
height:31px;text-indent:4px}

a.cattitle, a.cattitle:visited{color:#F8981D}
a.cattitle:hover{color:#F8981D}

/* Main table cell colours and backgrounds */
.row1{background:#F8981D}
.row2{background:#F8981D}
.row3{background:#F8981D}
td.spacerow{background:#343434}
.row1, .row2, .row3, thcornerl, td.spacerow, td.cat, th, .topnav{
border:1px solid;border-color:#F8981D #000000 #000000 #F8981D}


/* This is for the table cell above the Topics,Post & Last posts on the index.php */
td.rowpic{background: #343434 url('http://www.axiomfiles.com/Files/185846/bgdcolor.jpg') repeat-y; }

/* Table Header cells */
th{background: #F8981D url('http://www.axiomfiles.com/Files/185846/bgdcolor.jpg');color:#8e8e8e;font-size:11px;
font-weight:bold;height:27px;white-space:nowrap;text-align:center;padding-left:8px;padding-right:8px}
{color:#8e8e8e;font-weight:bold;letter-spacing:1px;background:#191919 url(http://www.axiomfiles.com/Files/185846/bgdcolor.jpg);
height:31px;text-indent:4px}

/* This is the border line & background colour round the entire page */
.bodyline{background:#F8981D}

/* This is the outline round the main forum tables */
.forumline{background:#010101}
.forumline{border:1px solid;border-color: #000000 #F8981D #F8981D #000000}

/* The largest text used in the index page title and toptic title etc. */
.maintitle, h1{
font:bold 20px/120% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;text-decoration:none;color:#FF592F}

.subtitle, h2{font:bold 18px/180% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
text-decoration:none}

/* Used for the navigation text,(Page 1,2,3 etc) and the navigation bar when in a forum */
.nav{font-size:11px;font-weight:bold;color:#FF592F}
.postbody{font-size:12px;line-height:125%}

/* Location,number of posts,post date etc */
.postdetails{font-size:10px;color:#FF592F}

/* Quote blocks */
.quote{background:#FF592F;border:1px solid #000000;color:#FF592F;
font-size:11px;line-height:125%}

/* Code blocks */
.code{background:#545454;border:1px solid #000000;color:#fff8dc;
font:12px Courier,"Courier New",sans-serif;padding:5px}

/* This is for the error messages that pop up */
.errorline{background:#ff8c00;border:1px solid #000000}
input{font:11px Verdana, Arial, Helvetica, sans-serif;color:#000000}
select{background:#e7e7e7;color:#000000;font:11px Verdana, Arial, Helvetica, sans-serif}
input.post, textarea.post{background:#303030;color:#e7e7e7;
font:11px Verdana,Arial,Helvetica,sans-serif;padding-bottom:2px;padding-left:2px;
border:1px solid;border-color: #000000 #707070 #707070 #000000}
input.liteoption, .fakebut{background:#303030;font-size:11px;color:#e7e7e7;
border:1px solid; border-color:#707070 #000000 #000000 #707070}
input.mainoption{background:#303030;color:#ffcc00;font-size:11px;
border:1px solid; border-color:#707070 #000000 #000000 #707070}
input.catbutton{background:#303030;font-size:11px;
border:1px solid; border-color:#707070 #000000 #000000 #707070}
a.but, a.but:hover, a.but:visited{color:#d0a700;text-decoration:none}

/* This is the line in the posting page which shows the rollover help line. */
.helpline{background:#FF592F;border:0px solid;font-size:10px}

/* This is the gradient background at the top of the page */
.topbkg{background: #411316 url('http://www.axiomfiles.com/Files/185846/bgdcolor.jpg') repeat-x; font-size:13px;font-weight:bold;color:#000000}
.headtitle{font:bold 28px/180% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;color: #411316}
.topnav{font-size:10px;background:#411316;color:#411316;white-space:nowrap}

/* Admin & Moderator Colours MODification */
.admin, .mod{font-size:11px;font-weight:bold}
.admin, a.admin, a.admin:visited{color:#ffa34f}
.mod, a.mod, a.mod:visited{color:#FDAD2F}
a.admin:hover, a.mod:hover{color:#767676}

/* Specify the space around images */
.imgtopic, .imgicon{margin-left:0}
.imgspace{margin-left:1px;margin-right:2px}
.imgfolder{margin:1px 4px 1px 4px}

/* Background images for tables */
.tbltop{background:#411316 url('http://www.axiomfiles.com/Files/185846/bgdcolor.jpg') repeat-x; }
.tblleft{background:#411316 url('http://www.axiomfiles.com/Files/185846/bgdcolor.jpg') repeat-y; }
.tblright{background:#411316 url('http://www.axiomfiles.com/Files/185846/bgdcolor.jpg') repeat-y; }
.tblbot{background:#411316 url('http://www.axiomfiles.com/Files/185846/bgdcolor.jpg') repeat-x; }
input.button { background:#CCCCCC;font-size:11px;color:#000000;
border:1px solid; border-color:#707070 #000000 #000000 #707070 }
.bodyline { border:0px solid}

.ContentBoxBody
{BACKGROUND-COLOR: #411316;
BORDER-WIDTH: 1px 1px 1px 1px;
BORDER-STYLE: solid;
BORDER-COLOR: #FF992A;
PADDING-LEFT: 5px;
PADDING-RIGHT: 5px;
FONT-SIZE: 9pt;
FONT-FAMILY: Trebuchet MS, Verdana;}

.ContentBox
{BACKGROUND-COLOR: #411316;
BORDER-WIDTH: 1px 1px 1px 1px;
BORDER-STYLE: solid;
BORDER-COLOR: #FF992A;
PADDING-LEFT: 5px;
PADDING-RIGHT: 5px;
FONT-SIZE: 9pt;
FONT-FAMILY: Trebuchet MS, Verdana;}

.ForumCategoryHeader
{BACKGROUND-COLOR: #411316;
BORDER-WIDTH: 1px 1px 1px 1px;
BORDER-STYLE: solid;
BORDER-COLOR: #FF992A;
PADDING-LEFT: 5px;
PADDING-RIGHT: 5px;
FONT-SIZE: 10pt;
FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;}

TopBottom

Mottie (MVP) 7/29/2008 2:25 AM EST : RE: navigation bar help
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

I never really messed around with the "Horizontal Full Bar" styles, but I've found a few different ways to style the "Horizontal Tab Bar". Make sure you scan over the whole thread here.
TopBottom

Nybors (New Admin) 7/29/2008 3:39 AM EST : RE: navigation bar help
Nybors
Posts: 436
Fingers of Fury!

wow tons of nice stuff there. your tutorial is awesome

I am confused as how to begin

I cleared every thing out like u stated

I tried putting images into the control panel/ styles and colors/ tab bar images
and placing the corrasponding images into the css
I tested it and the bar never changes.

am I putting the css for the bar in the wrong spot?

I used the css on the first page but called some different imgages on later pages in the thread editing only the button1 image. I also placed teh image url in the tab images as indicated.

I know i am missing something simple here to make it work
TopBottom

Mottie (MVP) 7/29/2008 4:06 AM EST : RE: navigation bar help
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

You still have the tab bar set to "Horizontal Full Bar", I believe. The mods I posted only work with "Horizontal Tab Bar"
TopBottom

Nybors (New Admin) 7/29/2008 5:58 AM EST : RE: navigation bar help
Nybors
Posts: 436
Fingers of Fury!

that was it.

Now i am able to play with it more

/thanks
TopBottom

Admins Online
There are   members online.
So-and-so has logged on!
%title%
%message%