Routování + adresy v *.css souborech

Popisoval jsem to v tomto threadu:

LastHunter napsal(a):

K cestám obrázků a CSS souborů: adresa začínající / je absolutní, adresa bez / je relativní. A musíš to správně nalinkovat jen v HTML, pak v CSSku už stačí mít cesty k obrázkům relativně od daného CSS souboru, tam už adresu, kde projekt běží, řešit vůbec nemusíš.

(V době krásných URL je potřeba používat jen ty absolutní cesty, to je snad jasné :))

A k uvedení správné cesty pro CSS a obrázky v HTML slouží v Nette proměnná {$baseUri} (a pár revizí nazpět byla přidána i {$basePath}, která nemá tuším konečné lomítko), takže sám nic generovat nemusíš. Pokud je projekt v rootu, bude ta proměnná obsahovat /, pokud je v nějaké podsložce, obsahuje /podslozka/. Zápis v HTML pak vypadá takto:

<img src="{$baseUri}images/image.jpg" .... />

Takže stačí, pokud v HTML bude tvoje cesta k CSS souboru začínat „/“ (a povede od document_rootu) a v CSS už žádné změny provádět nemusíš.

Editoval LastHunter (28. 10. 2009 13:09)

LastHunter napsal(a):

Popisoval jsem to v tomto threadu:

LastHunter napsal(a):

K cestám obrázků a CSS souborů: adresa začínající / je absolutní, adresa bez / je relativní. A musíš to správně nalinkovat jen v HTML, pak v CSSku už stačí mít cesty k obrázkům relativně od daného CSS souboru, tam už adresu, kde projekt běží, řešit vůbec nemusíš.

(V době krásných URL je potřeba používat jen ty absolutní cesty, to je snad jasné :))

A k uvedení správné cesty pro CSS a obrázky v HTML slouží v Nette proměnná {$baseUri} (a pár revizí nazpět byla přidána i {$basePath}, která nemá tuším konečné lomítko), takže sám nic generovat nemusíš. Pokud je projekt v rootu, bude ta proměnná obsahovat /, pokud je v nějaké podsložce, obsahuje /podslozka/. Zápis v HTML pak vypadá takto:

<img src="{$baseUri}images/image.jpg" .... />

Takže stačí, pokud v HTML bude tvoje cesta k CSS souboru začínat „/“ (a povede od document_rootu) a v CSS už žádné změny provádět nemusíš.

Jur4 napsal(a):

Pokud se dobře pamatuju, tak adresy v CSS se berou relativně vzhledem k adrese css souboru. Takže to co je v adrese prohlížeče tě nezajímá, protože to CSSko ma pořád stejnou adresu.

No, to o tom, že adresa začínající na / je absolutní vím a znám i to používání baseUri (vlastně jinak, než bez baseUri na soubory neodkazuju – stejně by mě to nefungovalo) a díky tomu vůbec neřeší zda jsem na ic.cz nebo na localhostu. Takže adresu k CSS souboru neřeším – tu tam mám a funguje. S čím jsem měl problém bylo jen a pouze odkazování v samotném CSS souboru.

Nicméně, jak oba píšete, adresy v CSS souborech jsou relativní vzhledem k poloze CSS souboru a ne stránky – což jsem netušil – a to je taky řešení mého problému. Takže oběma moc díky, tohle mě už funguje přesně, jak potřebuju. Fakt dík ;)

Laethnes napsal(a):

Ale právě v CSS to jinak, než relativně nejde ne? Nebo to chápu špatně, co píšeš? Na jednu stranu kvůli tomu, že mám projekt v různých adresářových strukturách a kvůli routování (tedy doba krásných URL) nemůžu v CSS souboru odkazovat jinak, než relativně, ale ty píšeš, že právě kvůli tomuto – routování – se musí používat absolutní cesty? Nebo to chápu blbě? (To, že v HTML musím odkazovat jedině absolutně vím a jinak to nedělám.)

Neřeš to ;)

Fajn. Kapišto. Díky ;)

Honza M. napsal(a):

WebLoader ti pomůže, obzvláště tato fičura

Vypadá to rozhodně zajímavě, díky. Zatím mě postačí to relativní adresování od místa, kde je soubor *.css, ale tohle rozhodně vypadá zajímavě co do jiných věcí, co jsem chtěl řešit. Dík :)

A proč proboha neukládáš jen tu adresu za {$baseUri} ???
V šabloně pak stačí za {$baseUri} vložit řetězec z db.

Editoval redhead (30. 10. 2009 15:51)

tom: Můžeš si zabalit str_replace do nějaké jiné funkce, a pak použít jako helper. Nebo, pokud ti relativní url tvoří nějaký wysiwyg editor, použít tag <base>. :o)

Nebo když už píšeš texty pro jeden web, tak víš, v jaké složce obrázky jsou, tak to dát napevno i do textů.

Anebo použít Texy, kde se cesty k obrázkům nastavují na jednom místě :)