Drukuj stronę - Efekt Hover w odsyłaczy obrazkowym

Tytuł: Efekt Hover w odsyłaczy obrazkowym
Wiadomość wysłana przez: ReX™ on 13.03.2010, 13:31:59

Mam pytanie...Ostatnio uczyłem się html'a i css.
Kiedy mam button [zwykły link w postaci obrazka] To jak zrobić :
[lp] Kiedy się myszką najedzie na obrazek to on się zmienia?

Tylko o to pytam :)

Tytuł: Odp: Efekt Hover w odsyłaczy obrazkowym
Wiadomość wysłana przez: Terrqge on 13.03.2010, 13:46:16

Omg. http://tinyurl.com/ykna6rs

Tytuł: Odp: Efekt Hover w odsyłaczy obrazkowym
Wiadomość wysłana przez: ReX™ on 13.03.2010, 14:24:21

Oki już mam...A teraz pytanie dotyczące czegoś innego. W GIMP-ie zrobiłem okno WWW. Da się zrobić że to okno jest umieszczone na stronie a na nim napis? [taki który da się zaznaczyć]

Tytuł: Odp: Efekt Hover w odsyłaczy obrazkowym
Wiadomość wysłana przez: Gacko on 13.03.2010, 16:16:35

To w CSS i HTML robisz...

Tytuł: Odp: Efekt Hover w odsyłaczy obrazkowym
Wiadomość wysłana przez: ReX™ on 13.03.2010, 16:26:52

No co ty... Wiem że w html i css ale jak...czytaj wszystkie posty a nie jeden ostatni...
Wie ktoś jak? A nie jakiś dobrootek gada o htmlu i css -,-

Tytuł: Odp: Efekt Hover w odsyłaczy obrazkowym
Wiadomość wysłana przez: Skwarek on 13.03.2010, 16:31:51

Robisz diva o tle tego okienka i w nim piszesz. Jak się uczyłeś to powinieneś to wiedzieć.

Tytuł: Odp: Efekt Hover w odsyłaczy obrazkowym
Wiadomość wysłana przez: ReX™ on 13.03.2010, 18:49:29

Chyba nie rozumiecie że nikt nie pisze xD

Tu macie przykład kodu html:

Kod:

<div id="democrats">
<ul>
<li>Franklin D. Roosevelt</li>
<li>Harry S. Truman</li>
<li>John F. Kennedy</li>
<li>Lyndon B. Johnson</li>
<li>Jimmy Carter</li>
<li>Bill Clinton</li>
</ul>
</div>

<div id="republicans">
<ul>
<li>Dwight D. Eisenhower</li>
<li>Richard Nixon</li>
<li>Gerald Ford</li>
<li>Ronald Reagan</li>
<li>George Bush</li>
<li>George W. Bush</li>
</ul>
</div>

A tu jest kod CSS powyższego pliku:

Kod:

#democrats {
	background:blue;
}

#republicans {
	background:red;
}

A tu macie efekt:
CLICK (http://www.pl.html.net/tutorials/css/lesson8_ex2.asp)

I pytam czy da się zrobić takie samo tylko że zamiast kolorowej ramki jest ramka zrobiona w gimp-ie?
I jak się da to jak? Pls niech jakiś Webmaster odpowie :'(

Tytuł: Odp: Efekt Hover w odsyłaczy obrazkowym
Wiadomość wysłana przez: Luczi on 13.03.2010, 21:24:25

Da się i jest to bardzo proste.
W stylu css:

Kod:

#democrats {
	background:url(adresobrazka.jpg);
}

#republicans {
	background:url(adresobrazka2.jpg);
}

Jeżeli chcesz, żeby po najechaniu na div'a #democrats tło obrazkowe lub zwykłe się zmieniło:

Kod:

#democrats {
	background:url(adresobrazka.jpg);
}
#democrats:hover {
	background:url(obrazek_po_najechaniu.jpg);
}

Funkcje hover można stosować w wielu rozwiązaniach, najlepiej poczytaj sobie o niej w internecie

Polskie Forum Użytkowników GIMP-a

Ogólne dyskusje => Webmastering & Webdesign => Wątek zaczęty przez: ReX™ on 13.03.2010, 13:31:59