Tou₧ili jste n∞kdy po vlastnφm kurzoru na strßnce? Mohli jste se s nimi ji₧ setkat na n∞kter²ch serverech, kterΘ pro mo₧nost vlastnφho kurzoru pou₧φvajφ nep°φliÜ efektnφ metodu, ovÜem s tφm, ₧e jim bude fungovat ve vÜech prohlφ₧eΦφch, ale i ve vaÜem op...

Dnes si ukß₧eme jako pomocφ CSS obohatit svΘ formulß°e o barevnΘ prvky. Pokud mßte pocit ₧e standardnφ formulß°ovΘ prvky kazφ vzhled vaÜich strßnek, Φt∞te tento Φlßnek!

Nenφ tak slo₧itΘ umo₧nit u₧ivateli pouh²m stisknutφm tlaΦφtka zm∞nit velikost pφsma na vaÜφ strßnce. StaΦφ vyu₧φt CSS a oko°enit je JavaScriptem.

Pomocφ kaskßdov²ch styl∙ lze velmi dob°e upravovat sazbu webov²ch strßnek. Ukß₧i vßm, jak s jejich pomocφ vytvo°φte t°φsloupcov² vzhled s hlaviΦkou, patiΦkou a prostorem pro reklamnφ banner.

Nßsledujφcφ skript jsem vytvo°il jako nßhradu b∞₧φcφho textu, kter² pracuje pouze v IE. Pomocφ absolutnφho pozicovßnφ a atributu hidden/visible m∙₧ete se zapojenφm JavaScriptu vytvo°it reklamnφ prou₧ek, kter² bude postupn∞ nabφzet vßmi p°ednastavenΘ texty

V∞rnφ Φtenß°i Interval.cz si mo₧nß pamatujφ m∙j starÜφ Φlßnek o r∙zn²ch tipech p°i pou₧φvßnφ tabulek. V tomto Φlßnku byl takΘ tip, jak zarovnat prezentaci na st°ed okna prohlφ₧eΦe pomocφ dvou tabulek. Tento tip mß ovÜem svΘ mouchy - vyu₧φvß nestandardn...

Ukß₧i vßm, jak vytvo°it plovoucφ layout se t°emi sloupci, hlaviΦkou, prostorem pro reklamnφ banner a patiΦkou, kter² vyu₧φvß v²hradn∞ relativnφho pozicovßnφ.

V dneÜnφ dob∞ se ji₧ stßvß standardem definovat vizußlnφ podobu strßnky v²hradn∞ pomocφ CSS. Definice CSS pro ka₧d² prvek strßnky jsou v dneÜnφch prohlφ₧eΦφch p°φstupnΘ pomocφ JavaScriptu, co₧ umo₧≥uje jednoduÜe m∞nit vzhled strßnky na zßklad∞ akcφ u₧ivat

Internet v drtivΘ v∞tÜin∞ prohlφ₧φme prost°ednictvφm monitoru naÜeho poΦφtaΦe. Co se vÜak stane, kdy₧ jej nemßme k dispozici? Nejprve vßm na jednoduchΘm p°φklad∞ ukß₧i, jak pomocφ CSS p°evΘst b∞₧nou strßnku do tiskovΘ podoby, a potΘ vßm nabφdnu ...

O kaskßdov²ch stylech (CSS) se pφÜe Φφm dßl Φast∞ji, Φφm dßl vφce webmaster∙ je p°ijφmß za svΘ, a strßnky formßtovanΘ v²hradn∞ pomocφ CSS rostou jako houby po deÜti. Bohu₧el, souΦasn∞ p°ib²vß i chyb, kter²ch se auto°i strßnek p°i aplikaci CSS dopouÜt∞jφ.

Donedßvna Ülo CSS stylem ovlivnit jenom vzhled, ale u₧ ne reakci na u₧ivatelskΘ udßlosti. V HTML zdroji oΦiÜt∞nΘm od formßtovacφho balastu tak z∙stßvaly jeÜt∞ skripty, kterΘ do logickΘ struktury dokumentu nepat°φ. DuÜan Janovsk² vßm v tomto v²jimeΦn∞ ....

Pro optickΘ zv²razn∞nφ horizontßlnφho d∞lenφ obvykle textov²ch blok∙ se Φasto vyu₧φvß i vodorovnΘ Φßry, pro kterou v XHTML existuje nepßrovß znaΦka . Pokud vÜak tv∙rce strßnek nevφ, jak p°izp∙sobit jejφ zobrazenφ k obrazu nejen svΘmu, ale i pro ....

Seznamy polo₧ek reprezentovanΘ v jazyce (X)HTML pomocφ znaΦek a pat°φ k t∞m prvk∙m znaΦkovacφho jazyka, kterΘ r∙znΘ prohlφ₧eΦe bez dalÜφho up°esn∞nφ zobrazujφ ka₧d² po svΘm. Vinou toho se Φasto stßvß, ₧e kaskßdov²mi styly upraven² seznam pro ...

Obdobn∞ jako v jin²ch p°φpadech, takΘ u tabulek v (X)HTML nabφzφ kaskßdovΘ styly alternativnφ metody ·pravy jejich vzhledu. Pravdou je, ₧e pro docφlenφ stejnΘho v²sledku, jak² se dostavφ p°φmoΦarou definicφ n∞kterΘho z atribut∙ znaΦky table, je ...

┌kol je prost² û zajistit v (X)HTML po₧adovanou a nem∞nnou velikost bun∞k v tabulce pomocφ kaskßdov²ch styl∙. ╪eÜenφ takΘ nenφ nikterak slo₧itΘ. OvÜem cesta k °eÜenφ bude plnß pokus∙ a omyl∙. Pokud si ovÜem neprostudujete nßsledujφcφ povφdßnφ.

StatickΘ filtry dokß₧φ vytvo°it velice zajφmavΘ vizußlnφ efekty, a to nejen s obrßzky. Jejich nespornou v²hodou p°itom je, ₧e b∞₧φ na stran∞ klienta a nezat∞₧ujφ tak spojenφ se serverem. Prozatφm jsou vÜak omezeny na prohlφ₧eΦe MSIE a ΦßsteΦn∞ takΘ Netsca

V prvnφm p°ehledu si p°edstavφme filtry pro nastavenφ pr∙hlednosti prvku (Alpha), zobrazenφ grafiky v pohybu (Blur), vytvo°φme iluzi stφnu (DropShadow) a nakonec elegantn∞ nastavφme vybranou barvu jako pr∙hlednou (Chroma).