Rollover
Tutorial
Opracowanie: homilian
Poziom trudności: łatwy
Tutorial zrodził się z tego
wątku, napisany został na życzenie
Calii.
Tutorial napisany w wersji GIMP 0.1~. W innych wersjach nazwy narzędzi i pojęć mogą się różnić.
Zaczynamy 1. Tworzymy 2 RÓŻNE obrazy, lub pobieramy te 2:
2. Zmieniamy nazwę obrazów odpowiednio na:
obraz1.png
obraz1pozmianie.png
po czym tworzymy folder o nazwie "rollover" i umieszczamy tam oba obrazy
3. Otwieramy Notatnik (lub edytor HTML) i wpisujemy doń kod:
<html>
<head>
<title>rollover</title>
</head>
<body>
<a href="#" onMouseOver='rollover.src="obraz1pozmianie.png"'
onMouseOut='rollover.src="obraz1.png"'>
<img src="obraz1.png" name="rollover" border="0"></a>
</body>
</html>
4. Zapisujemy plik jako: rollover.html
z parametrami:
Typ: Wszystkie pliki
Kodowanie: UTF-8 5. Otwieramy plik rollover.html za pomocą przeglądarki i cieszymy się zmieniającym się obrazem (po najechaniu myszą)
Koniec
Każdy Webmaster wie iż rollovery są bardzo nieprzydatne w opcjach takich jak menu, tam należy zastosować arkusze CSS, tutorial ma jednak pokazać jak zrobić pojedynczy element
.
Jeżeli chcesz wykorzystać na stronie więcej niż jeden rollover musisz ponumerować obrazy ponumerować (zamiast jedynki wpisać następną liczbę tu: 2). Należy też ponumerować wartości "rollover" i "rollover.src" na np."rollover2" i "rollover2.src "Miłego GIMPowania.
" i tworzenia stron internetowych Pozdrawiam wszystkich Webmasterów którzy uznają iż tut jest nieprzydatny
.
PS. Wpadające w oczy (przyp. Calii) kolory zastosowane specjalnie