longwayhome Posted September 15, 2010 Posted September 15, 2010 I been following a topic on in this forum at http://www.oscommerce.com/forums/topic/277795-i-want-to-make-a-navigation-bar-at-top/ I'm trying to add a navbar both at the top and side of the shop i have tried to follow the topic mention above however when it comes to the CSS Stylesheets for the header can some one tell my which one i should add the following CSS to or should i make a new style sheet <style type="text/css"> /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .animatedtabs{ border-bottom: 1px solid gray; overflow: hidden; width: 100%; font-size: 14px; /*font of menu text*/ } .animatedtabs ul{ list-style-type: none; margin: 0; margin-left: 10px; /*offset of first tab relative to page left edge*/ padding: 0; } .animatedtabs li{ float: left; margin: 0; padding: 0; } .animatedtabs a{ float: left; position: relative; top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */ background: url(media/tab-blue-left.gif) no-repeat left top; margin: 0; margin-right: 3px; /*Spacing between each tab*/ padding: 0 0 0 9px; text-decoration: none; } .animatedtabs a span{ float: left; position: relative; display: block; background: url(media/tab-blue-right.gif) no-repeat right top; padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */ font-weight: bold; color: black; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ .animatedtabs a span {float:none;} /* End IE5-Mac hack */ .animatedtabs .selected a{ background-position: 0 -125px; top: 0; } .animatedtabs .selected a span{ background-position: 100% -125px; color: black; padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */ top: 0; } .animatedtabs a:hover{ background-position: 0% -125px; top: 0; } .animatedtabs a:hover span{ background-position: 100% -125px; padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */ top: 0; } </style>
seandenby Posted September 15, 2010 Posted September 15, 2010 could you not just set the text size, colour and type in HTML if you dont know enough about Stylesheets? you cant just use any style sheet..the one for Oscommerce should be located at "catalog/Stylesheet.css", dont just read one you have found on Dynamicdrive
Recommended Posts
Archived
This topic is now archived and is closed to further replies.