Kolorowanie grafiki (hover) w HTML i JS

admin
Administrator
Administrator
Posty: 24
Rejestracja: 15 lip 2013, 21:50

Kolorowanie grafiki (hover) w HTML i JS

Post autor: admin » 15 lip 2013, 23:19

1. Utwórz dwa te same butony tylko że jeden ma być kolorowy a drugi szary. Można to zrobić za pomocą Gimp'a. Włączasz Gimp'a otwierasz kolorowy buton wchodzisz potem Obraz>Tryb> klikasz w Odcienie szarości i zapisujesz jako szary buton.

Demo kolorowego butona: Obrazek

Demo szarego butona: Obrazek

2. Umieszczasz te dwa butony na serwer

3. Wstawiasz na stronę kod:

Kod: Zaznacz cały

<img src="link do szarego butona" onmouseout="this.src='link do szarego buttona'" onmouseover="this.src='link do kolorowego butona'" alt="Tekst pojawiający się gdy nie będzie kolorowego butona" />
W moim przypadku kod wyglądał tak :

Kod: Zaznacz cały

<img src="http://fotka.iplaneta.info/uploads/87ddad851f.gif" onmouseout="this.src='http://fotka.iplaneta.info/uploads/87ddad851f.gif'" onmouseover="this.src='http://fotka.iplaneta.info/uploads/f18750439f.gif'" alt="Kolorowanie buttona" />
Zapisujesz plik i wysyłasz na serwer.

Awatar użytkownika
Jenniwens
Posty: 1
Rejestracja: 21 lip 2015, 9:07

Re: Kolorowanie grafiki (hover) w HTML i JS

Post autor: Jenniwens » 21 lip 2015, 10:03

Moreover, on the off chance that you would prefer not to utilize PNG's you can likewise utilize a sprite and adjust the foundation position from write my paper for cheap from onilne. A sprite is one extensive picture with an accumulation of littler pictures which can be utilized as a foundation picture by changing the foundation position.

ODPOWIEDZ