Sleduj návody s komentářem. Upload obrázků Upload souborů War3Zone.eu Webmail Podpoř náš web a vyber si výhodu




Sponzor VPS:






      

Serialbook - upozornění na nové epizody oblíbených seriálů

Tvorba webu Návody

Moderátor: Web poradce

Aktivní tlačítko

Příspěvekodbarix » pát 03. čer 2011 17:30:56

Už možná stě viděli na web-stránkách tlačítka, které pří kliknuti na ně reagují tak, že zapadnou a tím vám naznačuji, že stě zvládli operací. Za tento efekt zodpovídá stav “active”, a já vám dnes ukážu, jak takoví tlačítka uděláte na svých stránkách za pomoci CSS.

Vezmeme si klasické tlačítko které používá obrázek:
Kód: Vybrat vše
Pokud chceš vidět odkazy, tak se přihlaš (popř. zaregistruj)!

Přidáme CSS styly:
Kód: Vybrat vše
Pokud chceš vidět odkazy, tak se přihlaš (popř. zaregistruj)!

Proměníme odkaz v blok, udělujeme mu šířku a výšku a zadáme fónový obrázek, tlačítko bude vypadat tak:
Obrázek
Teď přidáme stav "active":
Kód: Vybrat vše
Pokud chceš vidět odkazy, tak se přihlaš (popř. zaregistruj)!

Proto že naše tlačítko bude obsahovat dva stavy, musíme změnit fónový obrázek, který nám přidá efekt stisknutého tlačítka:
Obrázek

Tady je obrázek s ktyrým pracujeme
Kód: Vybrat vše
Pokud chceš vidět odkazy, tak se přihlaš (popř. zaregistruj)!
.
А tady demo:
Kód: Vybrat vše
Pokud chceš vidět odkazy, tak se přihlaš (popř. zaregistruj)!


Kód: Vybrat vše
Pokud chceš vidět odkazy, tak se přihlaš (popř. zaregistruj)!
barix
Fanatik
Fanatik
Uživatelský avatar

 
Příspěvky: 38
Registrován: pon 14. úno 2011 16:04:35
Bydliště: Doma
Podpora: Tento uživatel zatím nepodpořil naše fórum.

Re: Aktivní tlačítko

PříspěvekodTomik » pát 03. čer 2011 18:55:55

barix píše:Už možná stě viděli na web-stránkách tlačítka, které pří kliknuti na ně reagují tak, že zapadnou a tím vám naznačuji, že stě zvládli operací. Za tento efekt zodpovídá stav “active”, a já vám dnes ukážu, jak takoví tlačítka uděláte na svých stránkách za pomoci CSS.

Vezmeme si klasické tlačítko které používá obrázek:
Kód: Vybrat vše
Pokud chceš vidět odkazy, tak se přihlaš (popř. zaregistruj)!

Přidáme CSS styly:
Kód: Vybrat vše
Pokud chceš vidět odkazy, tak se přihlaš (popř. zaregistruj)!

Proměníme odkaz v blok, udělujeme mu šířku a výšku a zadáme fónový obrázek, tlačítko bude vypadat tak:
Obrázek
Teď přidáme stav "active":
Kód: Vybrat vše
Pokud chceš vidět odkazy, tak se přihlaš (popř. zaregistruj)!

Proto že naše tlačítko bude obsahovat dva stavy, musíme změnit fónový obrázek, který nám přidá efekt stisknutého tlačítka:
Obrázek

Tady je obrázek s ktyrým pracujeme
Kód: Vybrat vše
Pokud chceš vidět odkazy, tak se přihlaš (popř. zaregistruj)!
.
А tady demo:
Kód: Vybrat vše
Pokud chceš vidět odkazy, tak se přihlaš (popř. zaregistruj)!

tak isto bi sa dalo este dorobit
Kód: Vybrat vše
Pokud chceš vidět odkazy, tak se přihlaš (popř. zaregistruj)!


a je to že ked prejdeš cez to misou

Obrázek

Kód: Vybrat vše
Pokud chceš vidět odkazy, tak se přihlaš (popř. zaregistruj)!

Web Poradce War3zone
Tomik
Web poradce
Web poradce
 
Příspěvky: 399
Registrován: úte 18. led 2011 20:15:49
Podpora: Tento uživatel zatím nepodpořil naše fórum.


Zpět na Návody

Kdo je online

Uživatelé procházející toto fórum: Žádní registrovaní uživatelé a 1 návštěvník


Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tím souhlasíte. Další informace