Butoanele meniului cu over

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Butoanele meniului cu over

Mesaj Scris de Akemm la data de Dum 16 Aug - 13:55

Cum pot sa fac butoanele meniului sa fie cu functia over. Adica in momentul in care sunt cu mouseul pe buton sa fie alta imagine.

Akemm
Membru Forumgratuit

Mesaje : 53
Varsta : 21
Data de inscriere : 16/08/2015
Multumiri : 0
Niciun avertisment

http://softwary.wikiforum.net

Sus In jos

Rezolvat Re: Butoanele meniului cu over

Mesaj Scris de Kannon la data de Dum 16 Aug - 15:13

Salut,
Vad ca aveti meniul format din imagini. Pentru a adauga functia hover trebuie sa adaugati in CSS pentru fiecare dintre butoane cate o proprietate.
Cod:

#i_icon_mini_login:hover img{background: url('Link imagine')!important;}
#i_icon_mini_index:hover img{background: url('Link imagine2')!important;}
#i_icon_mini_register:hover img{background: url('Link imagine3')!important;}
#i_icon_mini_search:hover img{background: url('Link imagine4')!important;}

Kannon
Membru onorific
Membru onorific

masculin

Mesaje : 214
Varsta : 100
Localizare : Tu ves como un pollo.
Data de inscriere : 25/10/2014
Multumiri : 18
Niciun avertisment

Sus In jos

Rezolvat Re: Butoanele meniului cu over

Mesaj Scris de Akemm la data de Dum 16 Aug - 16:17

Nu functioneaza
Aceasta este imaginea care vreau sa apara cand merg cu mouseu pe Acasa: [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Akemm
Membru Forumgratuit

Mesaje : 53
Varsta : 21
Data de inscriere : 16/08/2015
Multumiri : 0
Niciun avertisment

http://softwary.wikiforum.net

Sus In jos

Rezolvat Re: Butoanele meniului cu over

Mesaj Scris de Kannon la data de Dum 16 Aug - 16:19

Puteti posta codurile pe care le-ati folosit?

Kannon
Membru onorific
Membru onorific

masculin

Mesaje : 214
Varsta : 100
Localizare : Tu ves como un pollo.
Data de inscriere : 25/10/2014
Multumiri : 18
Niciun avertisment

Sus In jos

Rezolvat Re: Butoanele meniului cu over

Mesaj Scris de Akemm la data de Dum 16 Aug - 16:24

[Trebuie sa fiti inscris si conectat pentru a vedea acest link]:hover img{
background: url('https://i18.servimg.com/u/f18/19/29/71/45/th/acasa14.png')!important;
}

Cand ma duc cu mouse pe imagine cu acasa sa apare asta in url('...').

Akemm
Membru Forumgratuit

Mesaje : 53
Varsta : 21
Data de inscriere : 16/08/2015
Multumiri : 0
Niciun avertisment

http://softwary.wikiforum.net

Sus In jos

Rezolvat Re: Butoanele meniului cu over

Mesaj Scris de Akemm la data de Dum 16 Aug - 21:29

Am reusit in cele din urma.
Aicea este codul folosit de mine:

Cod:
/*Acasa*/
#i_icon_mini_index {
  width: 113px;
  height: 31px;
  background: url(http://i18.servimg.com/u/f18/19/29/71/45/th/acasao10.png) no-repeat;
}

#i_icon_mini_index:hover{
  width: 113px;
  height: 31px;
  background: url(http://i18.servimg.com/u/f18/19/29/71/45/th/acasa14.png) no-repeat;
}

Akemm
Membru Forumgratuit

Mesaje : 53
Varsta : 21
Data de inscriere : 16/08/2015
Multumiri : 0
Niciun avertisment

http://softwary.wikiforum.net

Sus In jos

Rezolvat Re: Butoanele meniului cu over

Mesaj Scris de Kannon la data de Dum 16 Aug - 21:32


Kannon
Membru onorific
Membru onorific

masculin

Mesaje : 214
Varsta : 100
Localizare : Tu ves como un pollo.
Data de inscriere : 25/10/2014
Multumiri : 18
Niciun avertisment

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum