Hogyan változtassuk meg a 2 sablon

előző ◈ a következő

Az első részben már foglalkozott az alapvető sablon fájlokat, megvitatta a változás „kalap”, a szöveg méretét. betűtípusok és linkeket.

A második rész foglalkozik majd ugyanazt a mintát, mint az első. Akkor itt letöltheti.

Megváltoztatása a sablon szélessége.

Mivel a sablon narrowish próbáljuk meg egy kicsit kibővített pixel 200.
A kezdőoldal megnyitása kattintva a jobb egérgombbal a képernyőn, és látni a forrás (HTML) kódot. Szükségünk van egy start kód az oldal, azaz a blokk , Ezért keresünk ezt a címkét.

Ez szükséges, hogy nekünk egy darab kód:

A kód blokkok látni több osztály (konténerek ). Éppen ezek a blokkok teljesítmény sablon tartalmát. A mi feladatunk -, hogy megtanulják, minden egység egy meghatározott minta szélessége, lehet, hogy több. Kezdjük az elején. Az ábra azt pirossal aláhúzva blokk osztályok, hogy és keresik.
Template.css nyissa sablonfájlunkat, jobb WordPad'om. És a Szerkesztés - talál keres ezen osztályok.

• osztály (vagy inkább id) "page_bg"

Mint látható, ott nincs meghatározott szélességű, lásd a következő osztályba.

Ahogy azt állította, hogy a szöveget kell a központban, a háttérképet fog menu.jpg, és szélessége 718 pixel egység, ez az, amit kerestünk. Azaz, a szélessége a minta azt komponálja 718 pixel. De ez még nem minden, meg kell nézni a következő mondatban.
Mivel akartuk bővíteni a sablont 200 képpont, akkor változtatni a szélességét, hogy 918px, mentse a fájlt.

• Class "pillmenu"
Ebben a szélesség nincs megadva.

Class „CLR” nem kell. Ő általában csak osztani a blokkok (törli pakolás). Ezért hangsúlyozzuk, zöld.

szélességben is tartalmaz 718 képpont változik 918. gombra.

• Id „logo” benne tartalmazza a szélessége 700 képpont benne megjelenő logó. Is hozzá 200 képpont.

• Id „content_top” content_top.jpg háttérben a kép szélessége 718 blokk, biztonságosan rögzíti a 918.

• Class „center” is jelzi, szélessége 718 pixel, ugyanaz a javítást 918. Lásd hány blokk méretei: 718 Nezabudte változások mentéséhez.

• Id "wrapper" háttér - kép content.jpg, szélessége 718 képpont.

• Id „tartalom”, mint a neve is mutatja a tartalom jelenik meg. Szélessége 702, változtassa meg a 902 pixel.

Alul van egy blokk id = „leftcolumn”. nyilvánvaló, hogy ő a felelős a bal oldali oszlopban, így megérinteni, amíg mi vagyunk.

Igen, a legtöbb sablonok van egy osztály, mint maincolumn. ő felel a fő oszlop, amelyben a cikkek jelennek meg. Keressünk rá.
Igen, ez, szélessége 510 pixel, változtassa meg a 710 és fenntartani.

Attól a pillanattól kezdve, output anyag. Minden nagyobb blokkok már megváltozott. lenne még egy dolog, amit a biztonság kedvéért.
A template.css fájl változik minden értéket 718-918.
Ehhez kattintson a Szerkesztés - Cserélje.

Mentés és nézni.

És mi van ez:

Hanyag.
Ez azért van, mert a háttérben (háttér) kép szolgál blokkokat. És mi nem módosíthatja azokat.

Ebből a helyzetből számos kijárat:

1. Fit kép a Photoshop
2. Rajzolja meg a képet, amit akar.
3. kép színes helyett, például # 096626. Mindegyik készülék saját háttérszínt.
Tartsuk szem előtt, hogy a készülék kerül a blokk, mint a babák.

Megváltoztattam a háttérkép blokkolja a képeket a szín, ez az, amit kaptam:

Már jobban. Továbbá, megkérdeztem a szín leftcolumn és húzta a sapkáját a Photoshop, így az eredeti magasságát.

Így változott a Joomla sablonokat. Természetesen nem az összes, de a legtöbb. A legfontosabb dolog, hogy megértsék azt az elvet, és tudja, egy csöppnyi CSS.

Ezen a ponton én befejezi a második rész, és én fog készíteni egy harmadik.

Kapcsolódó cikkek

előző ◈ a következő