[ReX™]

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

Tylko o to pytam

[Terrqge]

Omg. http://tinyurl.com/ykna6rs

[ReX™]

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ć]

[Gacko]

To w CSS i HTML robisz...

[ReX™]

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 -,-

[Skwarek]

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

[ReX™]

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


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 

[Luczi]

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