Redesign administrace RS2 Skyluke

Navigace:Skyluke ⇒ Design ⇒ Redesign administrace RS2

Redesign administrace RS2

Dnes jsem se pustitl do redesignu administratívy redakčního systému RS2 (verze: RS2 RC 5). Klasická světle modrá se mi jaksi okoukala tak jsem začal pátrat ve zdrojích RS2 po zdrojích k…

css calibri, písmo calibri, calibri Bold, calibri download, rs2 rc5, calibri font download, calibri css, download calibri, font Calibri Bold, RC RS2,

Dnes jsem se pustitl do redesignu administratívy redakčního systému RS2 (verze: RS2 RC 5). Klasická světle modrá se mi jaksi okoukala tak jsem začal pátrat ve zdrojích RS2 po zdrojích k .css souborům do admin sekce. S konfigurací jednotlivých prohlížečů si něják obzlášť nemusím lámat hlavu, to jest výhoda. Do adminu mám přístup stejně jen já s Rembrantem. Tuto administraci však využívám stabilně na 3 počátačích, XP – IE 7, notebook – IE 7 na kterém píšu právě teď a Ubuntu – Opera. Myslím že po asi hodině a půl mého dnešního snažení vypadá administrace alespoň trochu více k světu, více barevně a působící tak něják příjemněji.

Bude nejmoudejší když začneme s úpravou pozadí jako já. Vytvoříme si naše pozadí a uložíme pod s tímto názvem do tohoto kořene /i/admin/body-back.jpg. Příslušný css soubor nalezneme v /admin/styl-administrace.css kde můžeme nastavit repeat neboli opakování pozadí a další věci s pozadím.

Dalším mým cílem byla změna písma z tuctové Verdany na Visťácké Calibri taktéž v souboru /admin/styl-administrace.css hned na začátku v body{ …}

font-family: Calibri, Verdana, Arial, sans-serif;

Teď přejdeme k tomu nejdůležitějšímu prvku a to k logu administrace. Já jsem použil výřez z wallpaperu Win Vista. Logo může být libovolně vysoké, defaultně je ale místo pro logo nastavené tuším jen na height 23. Opět si v souboru /admin/styl-administrace.css najděte (zhruba uprotřed souboru) řádku:

#main-hlavicka{ background: #3589c8 url(‚../i/admin/administrace-nadpis-back.jpg‘) top left repeat-x;
color: white; height: 173px; line-height: 35px; border: 1px solid #3589c8;}

kde /i/admin/administrace-nadpis-back.jpg je právě to logo.

Nakonec jsem už jen pohrál s Formulářemi, s textareou a orámováním tabulky kolem formuláře psaní textů. Zhruba na začaátku by mělo být formátování formuláře pod nadpisem /* FORMULARE */

form { display: block; margin: 10px;} form fieldset { position:relative; background: #EEEEEE; padding: 15px 15px 20px 15px; border: 1px solid #666666; margin-top: 20px; display: block;}

form fieldset legend { letter-spacing: 1px; font-size: 120%; padding: 4px 15px; background: #DDDDDD; position:absolute; top: –15px; left: 15px;} form label { font-weight: bold; }

option { margin-right: 25px;} select { }

form p { margin: 0; padding: 15px 0px;}

input.check{ width: 20px; } input.in_t{ width: 350px; }

input.readonly { background: #ffffcc; }

Tento mini návod jsem psal i pro ty, kteří nejsou tak sběhlí v programování, ale taky pro běžné uživatele a částečně abych zabil dnešní nudu

SkyLuke |

26.5.2008 | grafika a design, fotografie

Design |

Kometáře

#1 Ondřej Vomočil
27.5.2008 15:05

Také jsem se pustil do redesignu admina, ale trošku ve větší míře, než-li ty, ale více o redesignu si budeš také moci přečíst ..

#2 Najja
6.6.2008 22:06

Jsi mě do toho naladil... Taky se do toho jdu pustit. ;-)

#3 SkyLuke
7.6.2008 12:06

[2] Paráda, to už jsi druhá :D Doufám, že o tom taky napíšeš na blog...

#4 Najja
7.6.2008 12:06

[3] Jasně, jdu an to... ;-) A nezapomenu linknout. ;-)

#5 fremy
8.6.2008 03:06

tak RS2 oživne :)

#6 Rembrant.F
9.6.2008 21:06

Pěknej wallpaper :D

#7 Evča
15.6.2008 12:06

*Vítejte v administraci Lukasova zápisníku,* to zní hezky, ale koho tam pustíš? Tam mělo být napsáno: *Lukasi vítej doma v adminu.* :)

#8 Rembrant.F
16.6.2008 22:06

no přeci mě tam pustí a věřím, že časem i někoho dalšího nabere do svých (naších, jejich ne) řad :D

#9 SkyLuke
17.6.2008 15:06

[8] Tak s tím jako nepočítej :D

#10 El Aldio
27.6.2008 16:06

Hned jak jsem viděl tvoji administraci, tak jsem si řekl, že jí musím mít taky. Takže díky, teď je to fakt nádhera - povedlo se mi to tak, jak to máš ty. Mimochodem, můžeš hodit screen, jak to vypadá u tebe, když píšeš text (článek)?

#11 SkyLuke
28.6.2008 14:06

[10] Taky díky: tady ten screen:

#12 El Aldio
28.6.2008 15:06

Ok, díky. Tak to mám podobný. :-D

Nové kometáře nejsou povolené.