Hover la butoanele meniului de navigare

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Hover la butoanele meniului de navigare

Mesaj Scris de Shadow-CS la data de Sam 15 Sept - 15:53

Cum as putea sa fac un efect de hover la butoanele meniului? Am mai vazut pe alte forumuri, si m-am intrebat cum pot face si eu? :-??

Shadow-CS
Membru Forumgratuit

Mesaje : 118
Varsta : 19
Data de inscriere : 04/09/2012
Multumiri : 1
Niciun avertisment

http://www.shadow-cs.forumz.ro

Sus In jos

Rezolvat Re: Hover la butoanele meniului de navigare

Mesaj Scris de Cassius Dio la data de Sam 15 Sept - 15:58

Un efect hover se poate realiza foarte simplu:
Cod:
a.mainmenu {
padding: 2px;
color:#culoare-default;
background-color:#culoare-default;
border: 1px solid #culoare-default;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}

a.mainmenu:hover {
padding: 2px;
color:#culoare-hover;
background-color:#culoare-hover;
border: 1px solid #culoare-hover;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}

Cassius Dio
Membru onorific
Membru onorific

masculin

Mesaje : 11025
Varsta : 18
Localizare : Strawberry Fields
Data de inscriere : 13/07/2012
Multumiri : 78
Niciun avertisment

http://beatles.forummo.com/

Sus In jos

Rezolvat Re: Hover la butoanele meniului de navigare

Mesaj Scris de Shadow-CS la data de Sam 15 Sept - 16:30

Ok, multumesc, dar eu am niste imagini puse, si sunt doar imagini, fara vreun fel de text. Cum as putea face ca atunci cand dau cu cursorul peste ele sa se intample ceva?

Shadow-CS
Membru Forumgratuit

Mesaje : 118
Varsta : 19
Data de inscriere : 04/09/2012
Multumiri : 1
Niciun avertisment

http://www.shadow-cs.forumz.ro

Sus In jos

Rezolvat Re: Hover la butoanele meniului de navigare

Mesaj Scris de mr.franta la data de Sam 15 Sept - 22:34

pai atunci iti trebuie alte coduri

ai aici un meniu facut deagata
daca ai nevoie de alte imagini faci o cerere aici cu specificatiile si dimensiunile dorite
[Trebuie sa fiti inscris si conectat pentru a vedea acest link]
Cod:


#i_icon_mini_index{width:85px; height:32px; background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an10.png) no-repeat 0 0;}
#i_icon_mini_index:hover{background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an10.png) no-repeat 0 -32px;}
#i_icon_mini_gallery{width:86px; height:32px; background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an12.png) no-repeat 0 0;}
#i_icon_mini_gallery:hover{background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an12.png) no-repeat 0 -32px;}
#i_icon_mini_calendar{width:86px; height:32px; background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an11.png) no-repeat 0 0;}
#i_icon_mini_calendar:hover{background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an11.png) no-repeat 0 -32px;}
#i_icon_mini_portal{width:86px; height:32px; background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an13.png) no-repeat 0 0;}
#i_icon_mini_portal:hover{background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an13.png) no-repeat 0 -32px;}
#i_icon_mini_faq{width:86px; height:32px; background:url(http://i64.servimg.com/u/f64/13/24/64/14/nav_0510.png) no-repeat 0 0;}
#i_icon_mini_faq:hover{background:url(http://i64.servimg.com/u/f64/13/24/64/14/nav_0510.png) no-repeat 0 -32px;}
#i_icon_mini_search{width:86px; height:32px; background:url(http://i64.servimg.com/u/f64/13/24/64/14/nav_0610.png) no-repeat 0 0;}
#i_icon_mini_search:hover{background:url(http://i64.servimg.com/u/f64/13/24/64/14/nav_0610.png) no-repeat 0 -32px;}
#i_icon_mini_members{width:86px; height:32px; background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an14.png) no-repeat 0 0;}
#i_icon_mini_members:hover{background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an14.png) no-repeat 0 -32px;}
#i_icon_mini_groups{width:86px; height:32px; background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an15.png) no-repeat 0 0;}
#i_icon_mini_groups:hover{background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an15.png) no-repeat 0 -32px;}
#i_icon_mini_profile{width:86px; height:32px; background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an16.png) no-repeat 0 0;}
#i_icon_mini_profile:hover{background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an16.png) no-repeat 0 -32px;}
#i_icon_mini_message{width:86px; height:32px; background:url(http://i64.servimg.com/u/f64/13/24/64/14/nav_1010.png) no-repeat 0 0;}
#i_icon_mini_message:hover{background:url(http://i64.servimg.com/u/f64/13/24/64/14/nav_1010.png) no-repeat 0 -32px;}
#i_icon_mini_new_message{width:86px; height:30px; background:url(http://i64.servimg.com/u/f64/13/24/64/14/rere_110.png) no-repeat 0 0;}
#i_icon_mini_new_message:hover{ background:url(http://i64.servimg.com/u/f64/13/24/64/14/rere_110.png) no-repeat 0 -32px;}
#i_icon_mini_logout{width:41px; height:32px; background:url(http://i65.servimg.com/u/f65/11/95/30/70/re_1110.png) no-repeat 0 0;}
#i_icon_mini_logout:hover{background:url(http://i65.servimg.com/u/f65/11/95/30/70/re_1110.png) no-repeat 0 -32px;}
#i_icon_mini_register{width:86px; height:32px; background:url(http://i69.servimg.com/u/f69/13/29/02/28/regist10.png) no-repeat 0 0;}
#i_icon_mini_register:hover{background:url(http://i69.servimg.com/u/f69/13/29/02/28/regist10.png) no-repeat 0 -32px;}
#i_icon_mini_login{width:41px; height:32px; background:url(http://i64.servimg.com/u/f64/13/24/64/14/nav_1110.png) no-repeat 0 0;}
#i_icon_mini_login:hover{background:url(http://i64.servimg.com/u/f64/13/24/64/14/nav_1110.png) no-repeat 0 -32px;}

mr.franta
Membru onorific
Membru onorific

masculin

Mesaje : 1072
Varsta : 28
Localizare : giurgiu
Data de inscriere : 18/02/2012
Multumiri : 69
Niciun avertisment

http://www.frannnta-design.com/

Sus In jos

Rezolvat Re: Hover la butoanele meniului de navigare

Mesaj Scris de Shadow-CS la data de Dum 16 Sept - 8:56

Nu functioneaza. Pentru acest cod cred ca trebuie sa maschez imaginile de la butoane, nu?

EDIT: Cu tot cu imagini mascate si tot nu functioneaza Supărat

Shadow-CS
Membru Forumgratuit

Mesaje : 118
Varsta : 19
Data de inscriere : 04/09/2012
Multumiri : 1
Niciun avertisment

http://www.shadow-cs.forumz.ro

Sus In jos

Rezolvat Re: Hover la butoanele meniului de navigare

Mesaj Scris de Cassius Dio la data de Mar 18 Sept - 16:57

Pai, folosind imagini, nu puteti aplica un efect hover.

Nu uitati sa inlocuiti, din codul postat de mine mai sus, #culoare-hover si #culoare-default cu codurile necesare.

default = de origine;
hover = cand isi activeaza efectul hover.

Cassius Dio
Membru onorific
Membru onorific

masculin

Mesaje : 11025
Varsta : 18
Localizare : Strawberry Fields
Data de inscriere : 13/07/2012
Multumiri : 78
Niciun avertisment

http://beatles.forummo.com/

Sus In jos

Rezolvat Re: Hover la butoanele meniului de navigare

Mesaj Scris de Shadow-CS la data de Joi 20 Sept - 23:19

Stiu ce inseamna hover si default. Am rezolvat cu tot cu imagini. Rezultatul il vedeti la profil Foarte fericit Mersi de ajutor amandurora.

Shadow-CS
Membru Forumgratuit

Mesaje : 118
Varsta : 19
Data de inscriere : 04/09/2012
Multumiri : 1
Niciun avertisment

http://www.shadow-cs.forumz.ro

Sus In jos

Rezolvat Re: Hover la butoanele meniului de navigare

Mesaj Scris de Omu la data de Vin 21 Sept - 8:29

topic rezolvat

Omu
Membru onorific
Membru onorific

masculin

Mesaje : 6310
Varsta : 20
Data de inscriere : 04/11/2010
Multumiri : 153
Niciun avertisment

http://www.tech-titans.net/

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum