Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

customizing my shop


longwayhome

Recommended Posts

Posted

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>

Posted

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

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...