Layout engine - úprava layoutu, 2.diel

V článku nájdete podrobný popis úprav, ktoré slúžia na zmenu layoutu. Upozorňujem, že článok nieje o výbere designu pre vás. To už je len na vás aký design si vyberiete. Článok by vás mal naučiť layout iba prerábať. Je venovaní samozrejme ľudom, ktorí ovládajú HTML

Začal by som hneď opisom funkcií a možností zmien súborov.
Tu sú súbory a ich popis:

cla_press.php / cla_std.php - v súbore cla_press môžeme zmeniť známe texty ako sú pridať komentár a pod. Celý tento súbor je rozdelený na tri časti:
1.Krátky článok / 2.Článok náhľad / 3.Článok telo - je to článok ktorý píšete do úvodu. Asi nebude mať zmysel keď sem budem vypisovať všetky zmeny, ktorými by som mohol vymazať funckie ako je to "pridávanie komentárov" alebo "hodnotenie článkov". Uvediem sem príklad pomocou ktorého pochopíte ako máte vykonať daľšie úpravy.
Príklad:    (".$GLOBALS["clanek"]->Ukaz("visit")." přečtení)
Odstránením tohoto riadku vám zmizne z tiskových správ počítadlo, ktoré počíta počet prečítania článku (tiskovej správy). Teraz by ste už mali pochopiť funkcie ostatných riadkov. Krátky článok sa vždy dá použiť ako nejaká krátka správa alebo novinka ktorú chcete oznámiť návštevníkom. Pri dlhom článku je to trochu iné. Teraz to nieje žiadna "novinka" ale skutočný "článok". Článok obsahuje úvod a obsah. Na začiatku stránky (index.php) vidíte úvod. Po kliknutí na nadpis článku sa vám zobrazí celý článok (úvod + obsah). Teraz sa vám vlastne otvorila 3.časť súboru cla_press/cla_std. Je to už spomínaný "úvod + obsah". Zmeny v tomto súbore sú dôležité ak by ste chceli stránku robiť na iný spôsob ako internetový magazín. Funkcia stránkový alias je výhodná ale ak chcete mať takú stránku bez využitia tej funkcie tak si zo súboru cla_press/cla_std vymažte všetky funkcie (skoro) tak aby vám to nahradilo funkciu stránkový alias.

install.php - v podtstate tento súbor meniť netreba. Ale samozrejme ak si robíte nový layout tak ho treba trochu pozmeniť v istom zmysle. Uvediem sem príklad. Layout FreeStyle chcete premenovať na názov FreeBox. Ak chcete aby sa mohol nainštalovať musíte všetky FreeStyle zmeniť na FreeBox.
PS: Ak robíte nový layout musíte zmeniť všetky názvy FreeStyle na FreeBox(iba ako príklad) v každom jednom súbore layoutu.

lengine.php - súbor lengine.php je veľmi dôležitý. Meníte v ňom vzhľady layoutov. V administrácii v sekcii "úprava blokov" môžete meniť vzhľad blokov v troch typoch: typ1, typ2, typ3. V súbore lengine.php sa mení vzhľad nasledovne:
typ1 -> function Blok1($bnadpis,$bdata)
typ2 -> function Blok2($bnadpis,$bdata)
typ3 -> function Blok3($bnadpis,$bdata)

Za každou funkciou ide text v ktorom môžeme meniť vzhľad bloku. Ak ovládate HTML bude to pre Vás oveľa jednoduchšie ako v minulom súbore (cla_press/cla_std), pretože tento súbor je oveľa riedkejší na PHP scripty.

fs_base.sab / fs_download.sab - aj tu uvediem ako príklad layout freestyle. Začnem trojstĺpcovým(fs_base.sab). Povedzme, že layout má rozdelenú tabulku na tri časti: prává, stredná a ľavá. Do pravej časti tabuľky(medzi tagy : td , tr) vložím text <*syssl:1*>. Je to umiestnený 1. stĺpec do ktorého sa budú pridávať bloky. Do strednej časti tabuľky sa vloží text <*syssl:2*>. To bude stredný - 2. stĺpec a do pravej časti vložíme text <*syssl:3*> a to už je 3.stĺpec (pravý). Samozrejme ak chceme viac stĺpcov môžeme daľej vkladať ďaľšie a ďaľšie stĺpce (<*syssl:4*>, <*syssl:5*>.... atd.). Väčšinou je to tak, že trojstĺpcový je <*syssl:1*>, <*syssl:2*>, <*syssl:3*> a dvojstĺpcový je <*syssl:1*>, <*syssl:2*>. Celý tento súbor fs_base.sab/fs_download.sab je len o konštrukcií layoutu čiže o umiestňovaní blokov do layoutu. Ak chceme meniť pozície bannerov stačií si vyhľadať tieto texty - <*banner1*> (horná pozícia baneru) a <*banner2*> (dolná pozícia bneru). Do layoutu môžeme vložiť aj dátum - <*datum*>

freestyle.css - obsahuje veľkosť a farbu písma, farbu pozadia, farbu pozadia boxov a pod. S freestyle.css čerpajú parametre všetky súbory layoutu freestyle. Uvediem sem príklad css súboru:

style.css - toto je jeho obsah:

.text {

color: #000000;

font-family: "verdana","arial";

font-size: 11px;

font-weight: normal

}

Teraz si musíme zadať do súboru fs_base.sab tento riadok aby mohol súbor fs_base.sab čerpať informácie zo súboru style.css. Toto je riadok, ktorý musíme pridať:
<link rel="stylesheet" href="image/freestyle/freestyle.css" type="text/css">
Zadáva sa medzi tagy <head></head>

Tu uvediem použitie tohoto css štýlu:

<span class="text">Toto je text štýlu style.css</span>

text, ktorý som napísal medzi tagy "span" bude mať parametre textu ako som zadal do súboru style.css. Za span som napísal aj "class". Je to vyvolanie funkcie v súbore style.css. Do class som dosadil ".text". Celý princíp layout enginu phpRS je veľmi jednoduchý a rýchly. Jeho výhoda je tá, že aj málo zaberá.

Toto je koniec 2.časti článku layout engine. Seriál layout engine bude mať ešte jedno pokračovanie - tzv. výber layoutu. Dozviete sa tam ako by mal správny layout vyzerať.

Alternatívne verzie:

Autor: PaBi3 · Kategória: Programovanie · Dátum: 01.05.2005 23:23