Starší komentáře ke článku: Luxusní podoba webu - skiny 1.

Zpět na článek | Úvodní stránka Interval.cz

Avatar

Autor komentáře: Abraxis

Datum vložení: 2.4.2003 6:39:05

Neco je blbe, ale ten vzor mi nefunguje (graficky) ani pod IE6.0 (WinXP CZ) ani pod Mozillou 1.3

Avatar

Autor komentáře: Ondrej Jurecek

Datum vložení: 2.4.2003 7:59:15

Predpokladam, ze mate na mysli prvni ukazku (CSS signature). Otestoval jsem to ted na jinem pocitaci s IE6.0.2600 (win98).. %subj%

Avatar

Autor komentáře: emilio

Datum vložení: 2.4.2003 9:05:29

Pridavam se k nefungujicim kolegum. IE6 SP1

Avatar

Autor komentáře: Ondrej Jurecek

Datum vložení: 2.4.2003 9:15:32

Vcelku zajimava situace :-)
Nemam k dispozici Windows XP, abych to otestoval. Poslete mi prosim screenshot - z dosavadnich reakci mi neni zrejme, o jakou chybu jde (aneb jak tu stranku vidite).
Na Win98 musim nejprve zavrit vsechna okna Internet Exploreru. Pri novem startu IE (restart) jiz prideleny styl pouziva a vse funguje korektne. Ovsem predpokladam, ze takovou chybu jste vsichni neudelali. ;-)

Avatar

Autor komentáře: Peterman

Datum vložení: 2.4.2003 9:41:52

...a zkuste si zapsat do svého browseru CSS předpis jurecek_css_signature.css...

co ze to mame udelat??? at prilejzam nastaveni sveho browseru jak prolejzam nic o -zapsani CSS predpisu- jsem nikde nenasel

krom toho pod pojmem SKINovani si predstavim spise to ze pro dane stranky je k dispozici nekolik ruznych CSS (na serveru) a uzivatel si na kluknuti necha k sobe ulozit cookie ktera mu rika ktery z tech CSS ma pouzivat, ano vim ze jsou i jine zpusoby, ale tohle mi prijde ten jednoduche, ucinne a hlavne funkcni, narozdil od tech nesmyslu popisovanych v clanku

nebyl tento clanek nahodou puvodne urcen pro vydani vcera, treba se to jneom nekde zpozdilo v redakcnim systemu ;-)

Avatar

Autor komentáře: Ondrej Jurecek

Datum vložení: 2.4.2003 10:03:37

<B>1.</B> na svete je spousta browseru a jejich klonu a napr. v IE6.0 najdete v menu Nastroje->MoznostiInternetu..->UsnadneniPristupu moznost "Formatovat dokumenty pomoci vlastnich predloh se styly".
V Opere 7.01 najdete v menu File->Preferences->PageStyle je to napriklad volba "My style sheet".

<I>krom toho pod pojmem SKINovani si predstavim spise to ze pro dane stranky je k dispozici nekolik ruznych CSS (na serveru)</I>
<B>2.</B> na pripad, ktery jste si predstavil take odkazuji (prepinani CSS client-side skriptem, vyuziti cookie -- viz clanek Martina Snizka)
Ja osobne v clanku nesmysl nevidim -- o "TOM", co znacite <I>temi nesmysly</I> je venovano pokracovani clanku.

I luxusni web muze byt resen docela elegantne.
Mejte hezky den

Avatar

Autor komentáře: Stefan

Datum vložení: 2.4.2003 10:09:04

No myslím že všichni se baví o druhém příkladu. Je zde v textu uvedeno "Takže pokud se výsledek výše obrázku z článku neblíží, pracujete v prohlížeči, který kaskádové styly interpretuje jinak než IE 6.0. :-)" ale nikde ve zdroji stránky není uveden žádný odkaz na styl který by se pokoušel nastavit toto menu do vzhledu obrázkového. Takže pokud vám to funguje tak asi proto že tento styl máte nadefinován někde přímo ve vašem prohlížeči a tento styl se v našich prohlížečích nenachází.

Avatar

Autor komentáře: Ondrej Jurecek

Datum vložení: 2.4.2003 10:30:31

Dekuji Vam za vecnou pripominku! Snazil jsem se vysvetlit princip..
Ok, zavazuji se k tomu, ze sjednam napravu teto ukazky presne podle obrazkoveho menu z clanku, ktere vidite.

Opravdu nemam takovy styl nadefinovan v prohlizeci. O uprave prikladu budu informovat.

Avatar

Autor komentáře: Vita

Datum vložení: 2.4.2003 19:02:33

Mam pocit ze pan jurecek mluvi o tom DRUHEM obrazku, nikoli tom ze slozkama. Me to taky zmatlo, jenze nad tim je psane o menu ovladanem javascriptem a to DRUHE bude na konci stranky. A to funguje. Zrovna jsem to tady chtel napsat rano, kdyz jsem si uvedomil ze ten seznam je TEZ obrazek :)

Avatar

Autor komentáře: Jan

Datum vložení: 2.4.2003 8:21:47

Taky me to nefunguje. WinXP CZ, odzkouseno na IE6 sp1, Mozilla 1.3

Avatar

Autor komentáře: Ondrej Jurecek

Datum vložení: 3.4.2003 11:49:52

Omlouvam se ctenarum za mystifikaci u druheho prikladu v clanku.
Priklad je nyni opraven ( <a href='http://interval.cz/podklady/jurecek/423/ukazka02.html' target='_blank'>http://interval.cz/podklady/jurecek/423/ukazka02.html</a> ).

Avatar

Autor komentáře: Vita

Datum vložení: 5.4.2003 12:55:14

Nemam slov pane... to co jste predvedl v prikladu je tragicka ukazka toho jak nekdo kaze vodu a pije vino.

Mluvite tu o skinech, mluvite tu o css. V prikladu tam nabastlite list-style-image: none; a 'odrazky' vyrobite pomoci tagu img. Skutecne, nemam slov... ocekaval bych list-style-image: url(item.gif); misto zhruba kila zbytecneho kodu. Nemluve o tom ze tam sice mate hlavicku xml ale vsecky hodnoty atributu maji byt "quoted" podle definice html za predpokladu ze nejsou ciselne. V xhtml ci xml pak musi byt quoted vzdy.

Tady se snad uz da dodat jen to co v cernych baronech... chce se mi ******

Avatar

Autor komentáře: Ondrej Jurecek

Datum vložení: 6.4.2003 11:31:28

A nahodou nemyslite, ze tento clanek je "trochu" o necem jinem nez o kodovani CSS ci XHTML? Ja Vam muzu rict, ze odrazky tvorene pomoci tagu IMG budu klidne aplikovat dal. Ma to i vyhody:
Pokud celou stranku generuji skriptem a chci "rozmanite pouzivat" obrazkove odrazky u seznamu, zaradim obrazek jednoduse tagem IMG. Jinak bych musel generovat i CSS soubor (jelikoz cely predpis CSS bych nerad tlacil do hlavicky XHTML). Vytkl jste kilobyte zbytecneho kodu. Co je ale vyhodnejsi: pouzivat IMG nebo paralelne generovat CSS? Napr. CSS soubor pro Interval ma 23kB.

Jinak uznavam, ze jsem mel redakci poslat "zcela" validni XHTML.
Mejte hezky den, pane Vito

Avatar

Autor komentáře: Michal Kubeček

Datum vložení: 6.4.2003 12:29:45

Kdo říká, že byste ten stylesheet musel generovat celý? Lze přeci načíst víc stylesheetů po sobě. Můžete mít statický základ (těch 23 KB) a buď dynamicky generovanou variantní část (několik řádků) nebo těch několik řádků generovat přímo do záhlaví.

Avatar

Autor komentáře: Ondrej Jurecek

Datum vložení: 6.4.2003 14:02:17

Ja Vam rozumim. Vsak jsem misto prvku IMG mohl napsat CSS primo k prvku LI (atribut STYLE) ..napr. style="list-style-image: url(item.gif);".
Jde tady o jednu vec, a to eleminovat <I>duplicity</I> a zachovat si <I>flexibilitu</I> (coz spolu souvisi). Bud to vyresi predpis CSS (stylesheet), anebo to vyresi prvek IMG. Zvolim-li IMG, uvidime duplicitu ve vyslednem XHTML, ovsem to neznamena, ze se ta duplicita nutne nachazi i na strane systemu, ktery XHTML generuje (tim chci rict, ze by bylo zcestne rict, ze se tim snizuje flexibilita).
Navic mi tag IMG <I>rozsiruje moznosti</I>..

Dynamickym zarazovani nekolika stylesheetu, jak pisete, by se take dosahlo stejneho efektu. ..hold, moznosti tu mame vic a kazda si sve vyuziti najde.

Avatar

Autor komentáře: Michal Kubeček

Datum vložení: 6.4.2003 14:11:25

Řekl bych, že mi nerozumíte. Rozhodně bych k tagu li nepsal přímo konkrétní obrázek. K tagu li patří <I>třída</I>, která specifikuje typ položky, a ve stylesheetu té třídě přiřadím konkrétní obrázek. To samozřejmě platí jen v případě, že různým položkám odpovídají různé odrážky. Pokud jsou v rámci určitého seznamu stejné odrážky, pak se nastaví třída tomu seznamu a ve stylesheetu pak bude něco na způsob

ul.vyhody li { list-style-image: url("ico/redplus.png"); }
ul.nevyhody li { list-style-image: url("ico/blueminus.png"); }

Avatar

Autor komentáře: hmmm

Datum vložení: 15.2.2004 17:53:29

Jurecek - blbecek? aha matematik !! :)

Avatar

Autor komentáře: Vita

Datum vložení: 8.4.2003 15:54:13

Myslim si ze porovnavate neporovnatelne. CSS soubor pro interval ma mozna 23kb (kb nebo kB? Nebo Kb nebo KB? Mozna taky KoBa ;)) , ale priznejme si ze interval to ma z trosku jineho duvodu - a to proto ze dnes uz je to prakticky odepsany bastl a dela se novy.

Pokud vim, pro stranku nemusite mit jen jeden styl, atributy jako media='typ' na tom primo stavi. Copak se dnes neda nalinkovat 10 css souboru?

Nejde mi o tu validitu samotneho souboru, cert to vem, kazdy si to umime predstavit. Co se tyce skinem podle me predstavy je to co predvadi napr. Pixy na svych referencich ke sve knize o css (<a href='http://knihy.cpress.cz/www/k0798/priklady/priklad01/index-bs.html)' target='_blank'>http://knihy.cpress.cz/www/k0798/priklady/priklad01/index-bs.html)</a> - porovnate-li soubory, zjistite ze jediny rozdil v souborech je radek se stylem. Myslim si ze vysledny clanek zde mohl vypadat podobne, nikoli psat o skinech - ale to co podle me bylo nejdulezitejsi (tedy ten seznam samotny) nasledne splacat pomoci tagu img.

Avatar

Autor komentáře: Vincent

Datum vložení: 22.4.2003 13:09:44

nepochopil jsem vubec o co jde, pokud by slo o alternativni styly, ktere jsou pouzite na webu Erica Mayera, tak ty funguji celkem dobre ve vsech poslednich versich browseru (jen v Exploreru ne) a prepina se to tady:
Wiew > Style > jmeno_stylu, ale funguje to jen na ti jednu konkretni stranku, pri prechodu na dalsi se prepne opet defaultni styl, tohle jde ale osetrit pres cookis a php...

Avatar

Autor komentáře: pcgames

Datum vložení: 25.4.2003 20:04:02

<a href='http://www.pcgames.cz' target='_blank'>http://www.pcgames.cz</a>
- fungující skinovatelné stránky

Avatar

Autor komentáře: vincent

Datum vložení: 16.5.2003 10:41:12

no mne tedy na opere6 se ty stranky moc funkcni nezdaji a o skinech ani nemluvim :(

Avatar

Autor komentáře: pcgames

Datum vložení: 1.7.2003 19:01:29

nojo, alternativní prohlížeče...

Avatar

Autor komentáře: LaCosta

Datum vložení: 2.7.2003 16:28:54

Alternativa ? Opera je Best. Stale sa to tu opakuje, web je pre vsetkych a pre vsetko ..... viva la Opera.

Zpět na článek | Úvodní stránka Interval.cz