Často si pro své osobní projekty potřebuji vytvořit menší administraci, která slouží čistě jednoúčelově, například pro editaci zpráv na úvodní stránce webu apod. Když k něčemu podobnému dojde, přemýšlím nad rychlým řešení v php a nemám chuť se zabývat tím, jak má ona malá administrace vypadat. Za prvé to není podstatné, protože v drtivé většině případů jsem jediným uživatelem já sám a za druhé na administraci neodkazuji, takže jako taková není indexována vyhledávači. Nevidím tudíž důvod zabývat se příliš validitou nebo designem a v minulosti jsem to vždy nějak „dal do kupy“.
Nicméně poslední dobou mě napadlo, že podobný problém se může dotýkat více lidí, a tak jsem se rozhodl vytvořit jednoduchý layout pro podobný případ. Předem předkládám, že se nejedná o design pro široké redakční administrace nebo systémy e-shopů. Pojmenoval jsem ho Witti a naleznete jej na adrese witti.poho.cz ke stažení v ZIP souboru a volně k použití.
Layout je vytvořen ve validním XHTML a CSS kódu a pokusil jsem se v něm obsáhnout všechny prvky, které by se mohly v malé privátní administraci objevit. Mezi ty řadím především následující:
- formátování nadpisů, odstavce, citace, oboustranné zarovnání obrázků
- formátované seznamy
- tabulka s informacemi, tabulka jako seznam (např. uživatelů)
- formuláře
- zprávy (chybová hláška, otázka, zpráva o úspěchu)
- galerie obrázků
V kódu jsem použil Plaváčkovo řešení formátování formulářů a Pixyho javascriptové řešení „pruhovaných“ tabulek. Díky němu při vytváření tabulek přes php nemusíte myslet na obarvování lichých či sudých řádků, protože javascript udělá vše za vás. Pokud má uživatel vypnutý javascript, nic se neděje, tabulka zůstane neobarvená.
Jestliže vám moje řešení jakkoliv pomůže, budu rád. Pokud Vám něco zásadního v layoutu chybí, dejte mi vědět, pokud to bude možné, pokusím se vám pomoci s řešením.
Vypadá to hezky, ale to už jsem ti asi 100× říkal na ICQ. 😉
BTW, až teď jsem si všiml pozadí tohohle blogu, je nádherné.
[1] tark: – Díky tarku, ty víš jak udělat den krásný 🙂
souhlas..to pozadi je super..nevim ani proc, ale super;)
jej na poho.cz jsem už dlouho nebyl … je to moc pěkné, malinko se od tebe inspiruju v projektu který dělám …
[5] stibi: – ok, poslal jsem odkaz na gmail účet …
[4] stibi: tak opravdu jen malinko 🙂 . pak pošli odkaz na e-mail, rad bych se podival
No Ondro, musím tě pochválit.. Pravidelně jsem sledoval dění okolo Poho.cz a jsem jednak rád, že ses uzdravil, ale taky že už vše jede tak jak má…
Design je v pohodě, teďka navíc dělám projektík do školy v linuxu a i v tomto OS to je úplně ok, tedy že vše jede tak jak má…No nemá smysl to nějak ještě natahovat, prostě dobrá práce. :)…
[7] Radek Tomášek: díky Radku, i když s tím uzdravením to ještě není úplně pravda, ale o tom příště.
Vypadá to dobře, právě teď si hraju s jednou administrací, tak to zkusím použít. Díky
Vypada to fakt dobre, az na tu licenci – zadne prilepky jako „bsd licence s podminkou odkazu dole“ nejsou mozny, napriklad takto porusuje GPL redakcni system phpRS.
A jinak stejne nechapu, k cemu je odkaz v administraci, kdyz se tam zadny vyhledavac vetsinou nedostane 🙂
Třeba pro klienta, kterému děláte jednoduchý cms… 😉
Hi Onrej, pls nemohol by si layout updatnut tak aby sa nedal horizontalne zmensit az na nulu (pod IE6, FF, O)? Kcelo by to nejake min-width, pod ktore sirka neklesne.
Prikladom byt CMSmadeSimple>> http://demo.opensourcecms.com/cms/
[12] NOX: Ahoj Noxi, problém s úpravou je čas, který mi bohužel schází z důvodů realizace jiných projektů.
Pokud by jsi chtěl Witti upravit ty, můžeš tak učinit a poslat mi jej upravený na e-mail, rád ho pak na web umístím.
Zdravím, zajímalo by mne, jak je to vlastně s tou licencí. BSD licence musí obsahovat zřeknutí se odpovědnosti, což jsem tedy nikde nenašel.
Navíc hlavičky v css souborech obsahují větu „All rights reserved“, což IMHO odporuje smyslu jakékoli „free“ licence.
prosim vas, tam pisete ze si z toho mozem vytvorit môj vlastný cms, tak sa teda pýtam že ako? kde sa to edituje a ako? pprosim napiste mi na mail adam.dca@azet.sk lebo sem chodim tak raz za mesiac, dakujem, =)
[15] adam: Witti není hotové CMS, je to jen XHTML a CSS šablona, kterou mohou použít programátoři, když si vyrábějí vlastní CMS a nechtějí ztrácet čas s tím, aby si dělali „design“ vnitřní administrace.
prosim ako to mam spojaznit?
[17] potre: jak zpojízdnit? Není to redakční systém, ale jen template.
Super věcička, strašně moc ulehčí práci. Já jsem nikdy na design nebyl takže administrace vypadala jak z druhé světové války .) Moc díky.