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? :-??
avatar
Shadow-CS
Membru Forumgratuit

Mesaje : 118
Varsta : 20
Data înscrierii : 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;
}
avatar
Cassius Dio
Membru onorific
Membru onorific

masculin

Mesaje : 11025
Varsta : 19
Localizare : Strawberry Fields
Data înscrierii : 13/07/2012
Multumiri : 82
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?
avatar
Shadow-CS
Membru Forumgratuit

Mesaje : 118
Varsta : 20
Data înscrierii : 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;}


Daca v-am fost de ajutor apasati butonul  
avatar
mr.franta
Moderator
Moderator

masculin

Mesaje : 1176
Varsta : 29
Localizare : giurgiu
Data înscrierii : 18/02/2012
Multumiri : 80
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
avatar
Shadow-CS
Membru Forumgratuit

Mesaje : 118
Varsta : 20
Data înscrierii : 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.
avatar
Cassius Dio
Membru onorific
Membru onorific

masculin

Mesaje : 11025
Varsta : 19
Localizare : Strawberry Fields
Data înscrierii : 13/07/2012
Multumiri : 82
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.
avatar
Shadow-CS
Membru Forumgratuit

Mesaje : 118
Varsta : 20
Data înscrierii : 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
avatar
Omu
Membru onorific
Membru onorific

masculin

Mesaje : 6310
Varsta : 20
Data înscrierii : 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