Munka stílusok Bitrix, Alexei Valeev

Ebben a cikkben, én továbbra is a történet a létrehozása sablon Bitrix. Az első rész leírja, hogy a kezdeti elválasztás kiszabására az elrendezés, és hozzon létre a szükséges fájlokat. Itt az ideje, hogy meg lehessen birkózni a kényelmes szervezet stílusokat.

Először is, néhány ásni az elméletet. A terveknek megfelelően a fejlesztők Bitrix, stílusok fájlokat kell egy csomó ... mintha hangzik nevetséges. Tehát a stílus komponense egy tipikus webhelysablonhoz feltételezi, hogy:
1. template_styles.css fájl - terminológiájában Bitrix „sablonstílusok”
2. styles.css - «Oldal stílusok”
3. style.css - alkatrész sablonstílusok
4. További stílus fájl

template_styles.css

Fájl található a gyökér könyvtárába egy sablont, és olyan szabályokat tartalmaz, amelyek felelősek megjeleníteni az eredményeket az alkatrészek, a tartalom az oldalon, és a tartalmi területek figyelembe kell venni. Ez jellemzően az alap elrendezés typeset elrendezés - méretét és helyzetét a hangszóró, az általános hátteret a helyszínen, keretezve blokkok tartoznak területek, stb Ez a fájl a szervezetben az oldal indult az utolsó, így azonos jellegét. szabályai template_styles.css felülírja mások.

styles.css

Leírások vannak tárolva a fájl .styles.php

Ez a fájl másolása a komponens sablonstílusok. Ez lehet szerkeszteni a tartalmát a fejlesztési módot.

A fájl található az alkatrész sablon mappában és szabályokat tartalmaz formázására a munkája eredményét.

További stílus fájl

Ezeket használják a tetszőleges célra, például, azt szinte mindig layout.css stílusok helyszínen keretet.

Csatlakoztassa ezeket a fájlokat a fájl header.php sablon fejezetet ebben a függvényhívás

Példa egyedi stílus fájl Bitrix

Először általában válasszuk kód szemantikai egységek (az illetékes elrendezés egyszer történik).

Osszuk 3 részre - a sablonstílusok, site stílusok és alkatrész sablonstílusok (ebben az esetben bitrix: search.form)

Ez minden. Az egész folyamat sokkal bonyolultabb leírni, mint megérteni, gyakorlat és csatlakozzon a soraiban képzett shablonostroiteley :)

Hasonló bejegyzések