Меню

  • Автор Автор Black
  • Начална дата Начална дата

Black

Registered
Някой може ли да ми направи това меню:
http://www.nicelogodesign.com/logo-portfolio.html
Черното... ?
 
Ами копирай си css-a (класовете и подкласовете - .nav,.end,.start и .nav-reflection) и си свали нужните картинки.
:)

//EDIT

Ето ти css-a:
Код:
  #main ul.nav  {
width : 778px;
height : 30px;
margin : 0 auto 1px auto;
background : #1a1c1e url('nav-bg.gif') repeat-x top left;
}
#main .nav li {
list-style : none;
float : left;
height : 30px;
line-height : 30px;
}
#main .nav li.start {
width : 5px;
height : 30px;
background : url('nav-start.gif') no-repeat bottom left;
}
#main .nav li a {
height : 30px;
line-height : 30px;
display : block;
font-family : Tahoma, Verdana;
font-size : 12px;
color : #fff;
text-transform : uppercase;
text-decoration : none;
text-align : center;
}
#main .nav li a.w115 {
width : 115px;
}
#main .nav li a.w150 {
width : 150px;
}
#main .nav li.end {
float : right;
width : 5px;
height : 30px;
background : url('nav-end.gif') no-repeat bottom right;
}
#main .nav li a:hover, #main .nav li a.active {
background : url('nav-hover.gif') no-repeat bottom center;
}
#main div.nav-reflection {
width : 778px;
height : 19px;
margin : 0 auto;
background : #fff url('nav-reflection.gif') no-repeat top left;
}

nav-bg.gif

nav-start.gif

nav-end.gif

nav-hover.gif

nav-reflection.gif


//
 

Back
Горе