Temų kūrimas v 6.x
Parašė NOD32 2006 rugsėjo 5 20:09:13

---

Sveiki !
Laisva diena, ir man nėra ką veikti tai pamėginsiu šiek tiek supažindinti jus su temų kūrimu. Tai prie darbo...
Pirma jums reikia parsisiųsti pavyzdinę temą (pagaminta būtent šiam straipsniui), kuri atitinka HTML 4.01 reikalavimus.

Siųstis [9 Kb]

Parsisiuntę šį failą pamatysite, jog šios temos turinys nėra pakankamai pilnas - Tai dėl to, kad būtų lengvesnis pateikimas kaip tai veikia, antra - tam kad jums parodyti kokios dalys turi sudaryti temą. Na, o dabar grįžkim prie darbo...!
Atsidarykite style.css fail1 (239 eilutės :: 3663 ženklai) su bet kuriuo teksto editorium. Jeigu pamatėte tai ko ankščiau nebuvote ir jeigu jūs nežinote kaip tai veikia, skaitykite paaiškinimus žemiau.:


body {
(...)
}


- Tai apibrėžia temos reiškinio visumą (pradinį skyrių, dydį, kraštus ir t.t.)


a {
(...)
}
a:hover {
(...)
}
a.side {
(...)
}
a:hover.side {
(...)
}
a.white {
(...)
}
a:hover.white {
(...)
}


- Aprašytos nuorodų spalvos


hr {
(...)
}
hr.side-hr {
(...)
}


- Nustato linijų spalvą pagal < and > tag'ą


.button {
(...)
}


- Keičia mygtuko spalvą, šriftą ir t.t.


.textbox {
(...)
}


- Pakeičia textbox'o stilių


.main-bg {
(...)
}
.side-border-left {
(...)
}
.side-border-right {
(...)
}


- Taip galite pakeisti padėti (top , bettom, let and right)


.tbl-border {
(...)
}
.tbl {
(...)
}
.tbl1 {
(...)
}
.tbl2 {
(...)
}


- Pakeičia tam tikras lenteles kaip diskusijų lentoj


.quote {
(...)
}


- Pakeičia citatos lauko stilių


.poll {
(...)
}


- Keičia apklausos stilių nariams


.comment-name {
(...)
}


- Pakeičia vartotojo vardo spalvą komentaruose


.small {
(...)
}
.small2 {
(...)
}


- Keičia small ir small2 stilių


.gallery {
(...)
}
.gallery img {
(...)
}
.gallery:hover img {
(...)
}
img.activegallery {
(...)
}


- Keičia rėmus ir t.t galerijoje

Tai viskas apie style.css toliau galite rasti aiškinamuosius sakinius panašius į tai:


/*****************************************************
* * * * * * * * * * * * * * * * * * * * * * * * * * * *
*****************************************************/


Na dabar panagrinėkim theme.php failą kuris reikšmingiausias PHP-Fusion sistemoje. Paprastai šis failas atsakingas už stiliaus visumą.


$body_text = "#474747"; - Teksto spalva
$body_bg = "#CCCCCC"; - Fono spalva
$theme_width = "100%"; - Temos dydis
$theme_width_l = "170"; - Kairys skyriaus dydis (px)
$theme_width_r = "170"; - Dešinio skyriaus dydis (px)


Ir:


function render_header - Header'is
function render_footer - Apačia
function render_news - Naujienų nustatymai
function render_article - Straipsnių nustatymai
function opentable
function closetable
function openside
function closeside
function opensidex
function closesidex
function tablebreak


Aš nenoriu ilgai aiškinti šių aprašytų funkcijų, tad pabandysiu paaiškinti kaip tai veikia kartu.
Funkcijos openside ir closeside yra atsakingas už šoninių skyrių nustatymus. Kaip pavyzdį administracijoje sukurkite naują panelę su pavyzdiniu turiniu (pvz. vardas: tekstas turinys: )
Na dabar įrašykime openside ir closeside kodus:


function openside($title) {

echo "

$title

n"; } function closeside() { echo "

n";
}


Jeigu jūs dabar įeisit į savo tinklapį, jūs turėtumėte pamatyti panelę su ankščiau įrašytais parametrais. Klausimas: Kaip tai nutiko? Panelės nustatymai HTML kode atrodo taip:

Test

Panel content here

Ir tai viskas kaip tai veikia :]
Tikiuosi šis straipsnis su paprastins klausimus apie temų kūrimą PHP-Fusion sistemai.

Autorius: sonar
www: webmer
www: extreme-fusion

Vertimas: NOD32
------------------------------

Jei radot gramatinių ar loginių klaidų rašykit. Beje, kaip matote vertimas yra savotiškas ;]