Jelölés sablon webhelyet a css
Az utolsó óra tettünk az eredeti telepítő csomagot az útra sablon. amely az index.php fájlt. templateDetails.xml és két CSS és kép mappák.
Ha mindent helyesen, a sablon van telepítve Joomla 3 gond nélkül. Következő fogunk dolgozni Cascading Style Sheets. felelősek a design a oldalaihoz.
Moment 1. Ha egy táblázat, használni fogom a CSS2 nyelvet. Ellentétben CSS3, akkor könnyebb megérteni. Ez azért fontos, mert leginkább a közönség a honlapom - új webes programozás. Emellett ott van még egy mínusz CSS3 - ezen a nyelven jelenleg nem minden böngésző támogatja. Azok számára, akik nem ismerik a CSS2, jobb megértését, az a fenti táblázatban azt javasoljuk, hogy használja referencia «HTML, CSS, PHP».
2. Abban a pillanatban, mindig létre webhelyeket, és begyakorolt minták csak a helyi kiszolgálón telepített a számítógépre. Tárhely öntsük a kész, jól működő honlap az eredeti tartalmat.
3. A pillanat soha nem fogom szerkeszteni a sablon kódját az admin panel Joomla. és csak akkor használja a Macromedia Dreamweaver programot. Azt akarja, hogy nyissa meg a fájlt, szerkeszteni, menteni (de ne zárja be a fájlt), és azonnal látni milyen változások következtek be a helyszínen. Ha nem tetszik nekem - megszüntetésével korábban tett lépéseket.
Megjegyzés: visszaállítást Joomla admin panel szerkesztésre kód lehetetlen!
A programot a Macromedia Dreamweaver nagyon kényelmes munkát - világítja meg a kód segít írni, hogy nagyon gyorsan azonosítja a hibákat, lehetővé teszi, hogy visszaállíthatja. Minden dokumentáció Macromedia Dreamweaver és maga a program megtalálható a honlapon.
Nos, mint minden mondta, és elkezdhetjük a munkát. Az első dolog, amit meg kell, hogy helyesen elhelyezni az összes blokk az oldalon DIV. Most állni, amíg egymással (lásd a teljes képernyőképet az előző leckét).
Ahhoz, hogy az eljárás jól látni, hogy a nő blokkok vezetője CMS Joomla modulok hoztam létre site kereső modult, és tegye a helyére «felhasznalo1» vízszintes menü modul - abban a helyzetben «felhasznalo2», navigációs modul a helyszínen - abban a helyzetben «Felhasználó3 „három modul tetszőleges HTML kódot - a«bal oldali pozíció»,«jobb»,«footer».
Kezdetben úgy döntöttem, hogy blokkolja «fejléc», hogy az egyetemes és benne foglalt «header» helyzet O modulok. Ebben a helyzetben, akkor megjeleníteni a képet forgató vagy modul tetszőleges HTML kódot csak, hogy a képet bármilyen magasságban, a szélessége mindig 950rh (oldal szélesség). Ez a kép lehet kattintani, és könnyen változtatni. Kezdeni, én most létrehozott egy hasonló modult és helyezzük azt a képet mérete 950h250.
A következő útmutató a CSS stílusokat, ha nem érti, hogy mely paramétereket.
Először is, hogy ki a blokk «testet», kérdezze meg, amíg a szürke háttér.
Ezután teszünk közvetlenül SITE. Adjuk a szélessége, előírja azt a font tulajdonságok, amelyeket használni fognak az oldalon, és kérje, hogy indítsa el a háttérszín
font: 14px Arial, Helvetica, sans-serif;