WebsiteBaker Support (2.8.x) > Templates, Menus & Design

menu round corners

(1/3) > >>

Ogierini:
 hi there,

Still working on my writers website....
I would like my menu to have round corners, like the campsite vossenjacht of Bramus. :roll:

In fact I shoud only have round corners on the top level menu and on the bottem level menu.... I thought of doing this with images, but maybe somebody has a better suggestion?

This is the site sofar: www.o-pen.nl/cms

this is my css for the top menu


--- Code: ---#nav ul li {

    display: inline;

    line-height: 16px;

    list-style: none;

}

#nav ul li a {

    color: #FFF;

    display: block;

    padding: 5px;

    text-decoration: none;

    width: 169px;

    margin-left: 1px;

    background-color: #92278F;

    border-bottom-width: 1px;

    border-bottom-style: solid;

    border-bottom-color: #CCC;

    border-right-width: 1px;

    border-right-style: solid;

    border-right-color: #92278f;

}

--- End code ---
thanks for helping out.

Irene

crnogorac081:
Hi irene,

Try this link. On that site you may find some menu you like.. Copy css code and pictures to your site and adapt show menu call..

all best,
Ivan

Ogierini:
Hi Ivan,

Didn't see what I had in mind. Could you take a look:
www.o-pen.nl/cms
This is what I want only the Home Nedelands picture should be the other way around.......

crnogorac081:
try to style with menu-last , I belive that is the class..

Ogierini:
Hi,
  :? unfortunately it doesn't work... 
Should that be like this?



--- Code: ---}
#nav li a:hover menu-last{
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: right center;
    color: #92278f;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #92278f;
    background-image: url(images/menu/menuonder.gif);
}
--- End code ---

Navigation

[0] Message Index

[#] Next page