Adding Borders around navigation areas, in boxes?

bluecat · #1 04-13-2004, 09:15 AM

Can anyone tell me how and where to add a border around the navigation boxes?

lyncca · #2 04-13-2004, 12:36 PM

Hi there,

In your CSS file, you can make those adjustments. It should be in the following code:

Code:

.VertMenuBox {
        BACKGROUND-COLOR: #EEEEEE;
}
.VertMenuBorder {
        BACKGROUND-COLOR: #182C66;
}
.VertMenuTitle {
        BACKGROUND-COLOR: #ee0000; COLOR: #ffffff; FONT: bold 10px;
}
.VertMenuItems {
        COLOR: #000000; TEXT-DECORATION: none;
}
.VertMenuItems:link {
        COLOR: #11204C; TEXT-DECORATION: none;
}
.VertMenuItems:visited {
        COLOR: #11204C; TEXT-DECORATION: none;
}
.VertMenuItems:hover {
        COLOR: #ee0000; TEXT-DECORATION: underline;
}
.VertMenuItems:active  {
        COLOR: #ee0000; TEXT-DECORATION: none;
}
.VertMenuHr {
        COLOR: #000000;
}

bluecat · #3 04-13-2004, 01:12 PM

Thank you very much!

lyncca · #4 04-13-2004, 01:24 PM

welcome

bluecat · #5 04-13-2004, 01:25 PM

Well shoot, if I could bug you (or anyone) a bit more, can you give an example of how to add it to the code? I've added: table border="1" inside the tags to no avail.

lyncca · #6 04-13-2004, 01:36 PM

I think you can just change this:

Code:

.VertMenuBorder { 
        BACKGROUND-COLOR: #182C66; 
}

to the color you want.... if not let me know.

I actually think they have changed how to do it in the more recent versions to be a little easier than the older ones so we may need to dig a bit in yours...

bluecat · #7 04-13-2004, 01:42 PM

Thanks for all the help, actually, I don't have that one. Here's the whole script:

Code:

BODY,DIV,TH,TD,P,INPUT,SELECT,TEXTAREA {
        FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif; 
        COLOR: #550000; FONT-SIZE: 10px;
}
A:link {
        COLOR: #000000; TEXT-DECORATION: none;
}
A:visited {
        COLOR: #000000; TEXT-DECORATION: none;
}
A:hover {
        COLOR: #FF3300; TEXT-DECORATION: underline;
}
A:active  {
        COLOR: #000000; TEXT-DECORATION: none;
}
H1 {
        FONT-SIZE: 15px;
}
H2 {
        FONT-SIZE: 13px;
}
H3 {
        FONT-SIZE: 12px;
}
HR {
        COLOR: #DDDDDD; HEIGHT: 1px;
}
BODY { 
        MARGIN-TOP: 0 px; MARGIN-BOTTOM: 0 px; MARGIN-LEFT: 0 px; MARGIN-RIGHT: 0 px; 
        BACKGROUND-COLOR: #FFFFFF;
}
.HeadBox {
        BACKGROUND-COLOR: #FFFFFF;
}
.VertMenuBox {  
        BACKGROUND-COLOR: #CCCCCC; 
}
.VertMenuTitle {
        BACKGROUND-COLOR: #999999; COLOR: #000000; FONT-WEIGHT: bold;
}
.VertMenuItems{
        COLOR: #330000; TEXT-DECORATION: none;
}
.VertMenuItems:link {
        COLOR: #000000; TEXT-DECORATION: none;
}
.VertMenuItems:visited {
        COLOR: #000000; TEXT-DECORATION: none;
}
.VertMenuItems:hover {
        COLOR: #550000; TEXT-DECORATION: underline;
}
.VertMenuItems:active  {
        COLOR: #330000; TEXT-DECORATION: none;
}
.VertMenuHr {
        COLOR: #999999;
}
.CategoriesList {
	FONT-SIZE: 12px;
}
.DialogBox {
        BACKGROUND-COLOR: #ffffff;
}
.DialogBorder {
        BACKGROUND-COLOR: #999999;
}
.DialogTitle {
        COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 11px;
}
.NumberOfArticles {
        COLOR: #000000; FONT-WEIGHT: bold;
}
.TopLabel {
        COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.Text {
        COLOR: #000000;
}
.DecorTr {
        COLOR: #B89E56;
}
.AdminSmallMessage {
        COLOR: #000000;
}
.AdminTitle {
        COLOR: #999999; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.Line {
        BACKGROUND-COLOR: #999999;
}
.ProductTitle {
        COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.ProductDetailsTitle {
        COLOR: #CC0000; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.ProductDetails {
        COLOR: #000000;
}
.ProductPriceTitle {
        COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.ProductPriceConverting {
        COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.ProductPrice {
        COLOR: #CC0000; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.ProductPriceSmall {
        COLOR: #7C4C00; FONT-WEIGHT: bold;
}
.MarketPrice {
		FONT-SIZE: 14px; FONT-FAMILY: Times New Roman;
}
.ItemsList {
        COLOR: #000000; FONT-WEIGHT: bold;
}
.NavigationPath {
        COLOR: #CC0000; FONT-WEIGHT: bold;
}
.FormButton {
        COLOR: #000000; FONT-WEIGHT: bold; 
}
.CustomerMessage {
        COLOR: #FF3300; FONT-WEIGHT: bold; 
}
.ErrorMessage {
        COLOR: #FF3300; FONT-WEIGHT: bold; 
}
.Star {
        COLOR: #FF0000;
}
.SaveMoneyLabel {
        COLOR: #FFFFFF; FONT-WEIGHT: bold; 
}
.TableHead {
    BACKGROUND-COLOR: #DDDDDD;
}
.TableLine {
    BACKGROUND-COLOR: #F0F0F0;
}
.SmallNote:link {
        COLOR: #7C4C00; TEXT-DECORATION: none; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif;
}
.SmallNote:visited {
        COLOR: #7C4C00; TEXT-DECORATION: none; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif;
}
.SmallNote:hover {
        COLOR: #7C4C00; TEXT-DECORATION: underline; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif; 
}
.SmallNote:active {
        COLOR: #7C4C00; TEXT-DECORATION: none; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif;
}
.Bottom {
        BACKGROUND-COLOR: #CCCCCC; COLOR: #000000;
}

Unless I'm missing it.

lyncca · #8 04-13-2004, 01:55 PM

try this:

Code:

.VertMenuBox {  
        BACKGROUND-COLOR: #CCCCCC; 
        BORDER: #000000 1PX solid;
}

bluecat · #9 04-13-2004, 04:57 PM

That worked, thank you!

lyncca · #10 04-13-2004, 06:29 PM

Great