Въпрос за меню с картинка

[ArchangelS]

Как да направя това меню секи бутон да е с отделна картинка http://web-tourist.net/login/login/view.php?st=2386

+1 за помоща.

 

[Fr33style]

Еми на всеки бутон задаваш различен class. Напр:

<a href="#" class="menu1">Link</a><br><br> 
<a href="#" class="menu2">Link</a><br><br> 
<a href="#" class="menu3">Link</a><br><br> 
<a href="#" class="menu4">Link</a><br><br>

После в CSS-a вместо да го има веднъж го правиш за всеки class поотделно. Напр:

.menu1 {
width:120px; /*задаваме широчина*/
height:60px; /*задаваме височина*/
padding:3px 40px; /*задаваме вътрешните отстъпи*/
color:#000; /*цвят на текста в нормално състояние*/
font-weight:bold; /*форматиране на текста,в случая текста ще бъде удебелен*/
letter-spacing:0.5px; /*разстояние между буквите*/
background:#333 url('menu.jpg') 0 0px no-repeat; /*задаваме фон на бутона в нормано състояние*/
border:1px solid #000; /*задаваме рамка на бутона*/
text-decoration:none; /* задаваме да няма подчертаване на линковете*/
}

.menu1:hover {
color:#FFF; /*цвят на текста когато сме посочили бутона*/
background-position: 0 -32px; /*посочваме стойностите откъде докъде да използва картинката за фон*/
} 

.menu2 {
width:120px; /*задаваме широчина*/
height:60px; /*задаваме височина*/
padding:3px 40px; /*задаваме вътрешните отстъпи*/
color:#000; /*цвят на текста в нормално състояние*/
font-weight:bold; /*форматиране на текста,в случая текста ще бъде удебелен*/
letter-spacing:0.5px; /*разстояние между буквите*/
background:#333 url('menu.jpg') 0 0px no-repeat; /*задаваме фон на бутона в нормано състояние*/
border:1px solid #000; /*задаваме рамка на бутона*/
text-decoration:none; /* задаваме да няма подчертаване на линковете*/
}

.menu2:hover {
color:#FFF; /*цвят на текста когато сме посочили бутона*/
background-position: 0 -32px; /*посочваме стойностите откъде докъде да използва картинката за фон*/
} 

и така menu3,menu4 ....

 

[ArchangelS]

10x ама как да го направя самата картинка да е бутон без никакви букви , и как да го направя да седи над дезайна а не под него ?

 

[Fr33style]

Еми на мястото където е пишеLink слагаш един img таг с картинката, която искаш да е бутон...

 

[ArchangelS]

+1