Show Sub categories Menu Categories CSS and Graphical borders

[Diablo666]

Hi There!

 

I have downloaded the contrib Show Sub categories Menu Categorias CSS and Graphical borders.

First of all i installed Show Sub categories Menu Categorias CSS and then Graphical borders.

 

It looks great but,

I can't get graphical borders and a rounded box on categories!! i have searched for this but i can't find any help.

 

Can someone please tell me what to do to get graphical borders but still show subcategories and have the mouseovereffect??

I think the change can be made in stylecheets.css..

 

I have added this in the end of my stylesheet.css

 

.moduleRow { }

.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }

.moduleRowSelected { background-color: #E9F4FC; }

 

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }

.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

 

/* message box */

 

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }

.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }

.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

 

/* input requirement */

 

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

 

/* menu Image -noborderBox2 - Show Sub-categories Star */

a.menucateg:link, a.menucateg:visited, a.menucateg:active {

display: block;

vertical-align: middle;

color:#999999;

font-size: 10px;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-weight: bold;

text-align: left;

height: 19px;

padding-top:2px;

text-decoration: none;

background-color: #EDEDEF;

border: solid 1px #FFFFFF;

}

 

a.menucateg:hover {

border: solid 1px #CCCCCC;

background-image: url(images/menuon.png);

background-repeat: repeat;

text-decoration: none;

font-weight: bold;

color: #000000;

}

 

a.menusubcateg:link, a.menusubcateg:visited, a.menusubcateg:active {

display: block;

vertical-align: middle;

font-size: 10px;

font-family: Verdana, Arial, Helvetica, sans-serif;

text-align: left;

height: 19px;

text-decoration: none;

padding-top:2px;

border-bottom: 1px solid #7b9ebd;

border: solid 1px #FFFFFF;

}

 

a.menusubcateg:hover {

border-bottom: 1px solid #666666;

border-top: 1px solid #666666;

background-image: url(images/menuon.png);

background-repeat: repeat;

text-decoration: none;

color: #000000;

}

/* menu Image -noborderBox2 - Show Sub-categories End */

 

 

/* Graphical Borders - boxes column_left_right - Star */

.mws_boxTop { background: url('images/infobox/top.gif');

font-family: Tahoma;

font-size: 11px;

text-align : center;

font-weight: bold;

background-repeat:repeat-x;

vertical-align: middle;

white-space: nowrap; }

.mws_boxLeft { background: url('images/infobox/left.gif'); }

.mws_boxRight { background: url('images/infobox/right.gif'); }

.mws_boxBottom { background: url('images/infobox/bot.gif');

font-family: Verdana, Arial, sans-serif;

font-size: 11px;

text-align : center;

vertical-align: middle;

white-space: nowrap; }

.mws_boxCenter { background: #FFFFFF; }

/* Graphical Borders - boxes column_left_right - Star */

 

/* Graphical Borders - boxes main modules and file-pages - Star */

.mws_boxTop_main { background: url('images/infobox_main/top.gif');

font-family: Tahoma;

font-size: 11px;

text-align : center;

font-weight: bold;

background-repeat:repeat-x;

vertical-align: middle;

white-space: nowrap; }

.mws_boxLeft_main { background: url('images/infobox_main/left.gif'); }

.mws_boxRight_main { background: url('images/infobox_main/right.gif'); }

.mws_boxBottom_main { background: url('images/infobox_main/bot.gif');

font-family: Verdana, Arial, sans-serif;

font-size: 11px;

text-align : center;

vertical-align: middle;

white-space: nowrap; }

.mws_boxCenter_main { background: #FFFFFF; }

/* Graphical Borders - boxes main modules and file-pages - End */

 

TD.noborderbox {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

}

 

 

Thanks

[nimz]

I can't get graphical borders and a rounded box on categories!! i have searched for this but i can't find any help.

 

you mean your category infobox is not a rounded box? but all the others are?

 

provide a link to ur shop if possible to get a look at this

[Diablo666]

you mean your category infobox is not a rounded box? but all the others are?

 

provide a link to ur shop if possible to get a look at this

 

Here are the address

 

http://www.nordichome.se

[Diablo666]

Is it Also possible to get graphical borders around the shop framework (between black background and white)??

[Diablo666]

Is there anyone who got any ideas of why my boxes changes size?!

If you click on a category and then yourself all the way into a product, you'll see the size is changed?

Has it something to do with Graphical border contrib??

 

http://www.nordichome.se