Polskie Forum Użytkowników GIMP-a

Ogólne dyskusje => Języki Internetu => Wątek zaczęty przez: Sick49 on 20.05.2010, 14:51:56



Tytuł: Zmieniające się buttony
Wiadomość wysłana przez: Sick49 on 20.05.2010, 14:51:56
Hej! Muszę zrobić własną prostą stronę internetową na informatykę i zamarzyły mi się buttony, które zmieniają się po najechaniu myszką. Wychaczyłem nawet odpowiedni kod, ale nagle coś przestało działać.
Zamieszczam plik html. Mógłby ktoś zobaczyć co jest nie tak? Byłbym wdzięczny. Jak ktoś chce, mogę zamieścić wszystkie pliki graficzne.


Tytuł: Odp: Zmieniające się buttony
Wiadomość wysłana przez: Gacko on 20.05.2010, 15:05:06
Z tego, co dobrze pamiętam, hovera się ustawia w CSS.


Tytuł: Odp: Zmieniające się buttony
Wiadomość wysłana przez: Sick49 on 20.05.2010, 15:07:46
Chodzi o to, że mam tę stronę stworzyć w notatniku.


Tytuł: Odp: Zmieniające się buttony
Wiadomość wysłana przez: Gacko on 20.05.2010, 15:10:49
CSS też bez problemu napiszesz w notatniku :)


Tytuł: Odp: Zmieniające się buttony
Wiadomość wysłana przez: Sick49 on 20.05.2010, 15:20:24
Nie znam się na CSS. Nie da się tego załatwić w zwykłym html?


Tytuł: Odp: Zmieniające się buttony
Wiadomość wysłana przez: Wertyś on 20.05.2010, 15:22:55
Może się da, ale najpopularniejszym sposobem jest właśnie zrobienie tego w css. Nie spotkałem się jeszcze z inną metodą. A jak chcesz, mogę napisać Ci tego CSSa.

Edit: zauważyłem kilka błędów. Po pierwsze: nigdy w nazwach plików wsadzanych na serwer nie używaj polskich znaków, ani spacji. Dlatego "index.html" zamiast "główna.html" i "o_mnie.html", zamiast "o mnie.html".


Tytuł: Odp: Zmieniające się buttony
Wiadomość wysłana przez: Mordrag122 on 20.05.2010, 15:30:36
Spróbuj tego:

Kod:
<img src="obrazek1" onmouseover="this.src='obrazek1over';" onmouseout="obrazek1';" />


Tytuł: Odp: Zmieniające się buttony
Wiadomość wysłana przez: Rodez on 20.05.2010, 16:56:47
Widzę kilka błędów... nauczyciel pewnie zwróciłby Ci tę stronę... a przy okazji to łatwiej byłoby Ci się nauczyć CSS co zajmuje około 1 dzień, jeśli masz chęci...

Brak znacznika zamykającego tytuł:
Kod:
</title>

Jeśli już musisz robić odstępy poprzez <br> to rób tak:
Kod:
<br />

Znacznik <title> powinien się znajdować w środku składni:
Kod:
<head> </head>

Brak znacznika zamykającego wyśrodkowanie strony:
Kod:
</center>


PS. W załączniku masz już gotową stronę pod CSS, musisz w stylach pozmieniać tylko ścieżki dostępu do plików i szerokości, ew. kolory.


Tytuł: Odp: Zmieniające się buttony
Wiadomość wysłana przez: Sick49 on 21.05.2010, 13:56:46
Bardzo mi miło , że mi pomagacie. Na pewno nauczę się obsługi CSS. Ale to jest praca z htmlu.  :(


Tytuł: Odp: Zmieniające się buttony
Wiadomość wysłana przez: Rodez on 21.05.2010, 14:23:38
Spróbuj tego:

Kod:
<img src="obrazek1" onmouseover="this.src='obrazek1over';" onmouseout="obrazek1';" />

To działa połowicznie, ponieważ obrazek się zmienia, ale po zjechaniu z niego myszką nie wraca do podstawowego obrazka. Niestety nie znam żadnego sposobu, żeby zrobić to inaczej niż w CSS. Spytaj nauczyciela, czy CSS też może być i skorzystaj z tego co dałem Ci w załączniku.


Tytuł: Odp: Zmieniające się buttony
Wiadomość wysłana przez: Mordrag122 on 21.05.2010, 14:36:18
To działa połowicznie, ponieważ obrazek się zmienia, ale po zjechaniu z niego myszką nie wraca do podstawowego obrazka. Niestety nie znam żadnego sposobu, żeby zrobić to inaczej niż w CSS. Spytaj nauczyciela, czy CSS też może być i skorzystaj z tego co dałem Ci w załączniku.

U mnie to działa normalnie. Html w załączniku.


Tytuł: Odp: Zmieniające się buttony
Wiadomość wysłana przez: Rodez on 21.05.2010, 19:07:07
Działa... u mnie jak najechałem to się zmieniało, ale potem nie chciało wracać do poprzedniego... ale może to dla tego ze miałem obrazki z kompa a nie ze strony?


Tytuł: Odp: Zmieniające się buttony
Wiadomość wysłana przez: Sick49 on 21.05.2010, 22:33:25
Jesteście WIELCY! Wielkie dzięki za pomoc! Działa jak należy!


Tytuł: Odp: Zmieniające się buttony
Wiadomość wysłana przez: Rodez on 22.05.2010, 09:10:21
Jesteście WIELCY! Wielkie dzięki za pomoc! Działa jak należy!

To przecież GIMPUJ a nie jakieś słabe forum :D