Pomoc- Strona internetowa , przycisk animowany

Kubas · Post by **Kubas** » 2006-05-19, 16:12

Czy wie ktos jaki jest kod na takie co¶, ¿e najadê myszk± na przycisk a on siê pod¶wietli itp.

Czy trzeba posiadaæ Flasha ¿eby to zrobiæ , czy istnieje na to kod ?
Z góry dziêkujê

Paul167 · Post by **Paul167** » 2006-05-19, 17:22

Zależy o jaki przycisk Ci chodzi. Jeśli chcesz aby podświetlały się zwykłe linki wystarczy na początku strony przed "</head>" wstawić kod:

Code: Select all

<STYLE type="text/css">
A&#58;hover &#123; color&#58; JAKIŚKOLOR; &#125;
</STYLE>

W miejsce "JAKIŚKOLOR" wpisujesz na jaki kolor linki mają się podświetlać (np. "red", "blue" albo kolor wpisany szesnastkowo, tzn. "#FFFFFF" = biały itd. [tabela z numerami kolorów] ).

Jeżeli natomiast chcesz, aby podświetlały się przyciski graficzne, musisz użyć kodu JavaScript. Jeśli chcesz to podeślę Ci go na PM albo wytłumaczę tutaj. Można też zamiast tego użyć Flasha ale nie jest to konieczne.

Kubas · Post by **Kubas** » 2006-05-19, 18:21

dziêki , je¶li by³ by¶ tak mi³y to prze¶lij mi go na PW , jeszcze raz dziêki

Paul167 · Post by **Paul167** » 2006-05-20, 12:07

Znalazłem prosty sposób nie wymagający dodatkowych funkji, więc opiszę go tutaj:

Code: Select all

<a href="JAKIŚLINK"><img src="OBRAZEK1" border="0" width="SZEROKOŚĆ" height="WYSOKOŚĆ" alt="PODPIS" onmouseover="if&#40;document.images&#41; this.src='OBRAZEK2'" onmouseout="if&#40;document.images&#41; this.src='OBRAZEK1'"></a>

Jeśli znasz się trochę na HTMLu to wiesz mniej więcej jak to działa.

W miejsce tekstu:

JAKIŚLINK - wpisujesz adres który ma się otwierać po kliknięciu na przycisk

OBRAZEK1 - wpisujesz adres obrazka który ma być przyciskiem

OBRAZEK2 - wpisujesz adres obrazka który ma być przyciskiem po najechaniu myszą

SZEROKOŚĆ - wpisujesz szerokość przycisku w pikselach (oba obrazki powinny mieć taką samą wysokość i szerokość)

WYSOKOŚĆ - analogicznie jak powyżej

PODPIS - wpisujesz tekst, który ma być wyświetlany po najechaniu myszą na przycisk (np. Kliknij tutaj aby coś zobaczyć).

Mam nadzieję że wszystko zrozumiałeś. Jeśli nie - pytaj śmiało.

Kubas · Post by **Kubas** » 2006-05-20, 12:52

Dziêki , ale chyba sie pomyli³e¶ w kodzie , albo ja jestem debil . . .
wpisa³em przyk³adowo :

Code: Select all

<a href="http&#58;//wp.pl"><img src="Download2.bmp" border="0" width="127" height="31" alt="PODPIS" onmouseover="if&#40;document.images&#41; this.src='Download3.bmp'" onmouseout="if&#40;document.images&#41; this.src='Download2.bmp'"></a>

Przycisk pojawia siê , i gdy siê najedzie na niego , nie zmienia siê na inny , czy to wina przegl±darki ? a u ciebie w dokumencie HTML dzia³a ?

Paul167 · Post by **Paul167** » 2006-05-22, 14:58

U mnie wszystko działa, zarówno pod IE jak i pod Firefoxem. Sprawdź dokładnie wpisane nazwy plików. Taka moja rada: nie używaj na stronach www plików BMP, znacznie lepiej jest użyć JPG lub GIF.

Kubas · Post by **Kubas** » 2006-05-31, 18:24

Dziêki juz dzia³a, a jeszcze powiedz mi, czy istnieje takie kod, ¿e np. po 20 sekundach od w³±czenia strony, pojawi siê przycisk, czy trzeba posiadaæ do tego flasha?

Paul167 · Post by **Paul167** » 2006-05-31, 19:03

Pewnie istnieje taki kod, ale trzebaby trochę poszukać. Ja niestety na razie nie mam na to czasu. W Google na pewno coś znajdziesz.

Post by **Maxoff** » 2006-06-01, 12:11

Ze znalezieniem gotowego rozwiązania możesz mieć problem. Wg mnie należałoby użyć JavaScript i ustawić funkcję która urchamiana jest co jakiś czas (przy czym, przy pierwszym włączeniu ten mechanizm byłby deaktywowany), a taka funkcja po prostu dodała by przycisk do strony. Oczywiście nie ma gwarancji, że zadziała to na wszystkich przeglądarkach.