A css beillesztése a blogger sablonba, wordpress mania

Hello barátok és csak jó emberek! Néhány utasításomban / leckékben azt javaslom, hogy a sablonban találjon ilyen sort -]]>. Egyéni CSS-stílusok beillesztése egy widgethez / modulhoz / elemhez. A legtöbb Blogger felhasználók megtalálják a megfelelő sort nem nehéz (talán már tapasztalt profi, vagy lehet, hogy csak most szerencsés, természetesen vicceltem), de ott is újoncok, akik azt mondják, hogy ez a vonal a sablon hiányzik, vagy nem találja meg, akkor nem próbálja . Szóval, ez a blokk . felelős a regisztrációs A design elemek a blog is van, minden Blogger sablon, ezért nem ért egyet ezzel az állítással érett ezt a bejegyzést - beillesztése CSS stílusok a Blogger sablon különböző módon. És a jövőben írásbeli utasításoknál fogok hivatkozni erre a leckére, hogy megkönnyítsék a kezdők munkáját. Megírom, hogyan lehet, remélem, egyértelmű lesz. Így van, így.

CSS-stílusok beillesztése a Blogger-sablonba

Egyéni CSS-stílusok beillesztése a Blogger-sablonba

Barátok, először nézzük meg a Blogger-sablon alapvető elemeit, semmilyen részlet nélkül. Körülbelül egy egyszerű:

A Blogger sablon XML fájl, amely leírja a HTML oldalt és a CSS formázást. A mai leckében csak egy blokkra van szükségünk a CSS tervezéséért - ez egy sor . . A CSS stílusok a címkék közé kerülnek, és a CSS kód hozzáadásához. És így, az első módszer alkalmas az összes sablon (standard és egyedi), keresse fel Template - Edit HTML és majdnem az elején látni fogja a szükséges címkéket (blokk összeomlott):

A CSS tervezésért felelős egység

Most, hogy lássuk a sort]]> A fekete háromszögre kattintva bővítse ki a blokkot. Görgessen lefelé, és megtalálja az áhított záró címkét:

A Blogger-sablon záró sabloncímke

Akkor lehet, hogy egyszerűbb és gyorsabb, ha van egy hosszú kód és stílusok lehet, hogy nem veszi észre, vagy kihagyott egy záró tag, a Ctrl + F, akkor nyissa meg a keresési ablak a kódot sablon. Ebben a mezőben helyezzen be egy címkét . de nem]]> (ez nem így működik), és nyomja meg az Enter billentyűt. A kívánt sor sárga színnel jelenik meg:

A keresőmező sablon és záró címke alapján

Ezután csak be kell illeszteni a fenti CSS kódot]]>. előtt> és mentse el a blog sablont. Tovább mennünk. A legegyszerűbb módja egy egyedi / egyéni CSS-táblázat hozzáadása a sablonhoz a Blogger-sablontervezőn keresztül történik. Ez a módszer csak a szabványos Blogger-sablonokra érvényes, de néha nem szabványos sablonokhoz is alkalmazható (ritkán).

Ahhoz, hogy a sablontervezőn keresztül hozzáadhasson CSS-stílusokat, kattintson a Sablon - Testreszabás gombra:

Blogger sablon testreszabása

Ne feledje, hogy testre szabhatja a blog kialakításának hátterét, elrendezését, színeit, betűtípusait és más elemeit. Időközben lépjen be a Speciális szakasz - CSS hozzáadása és a piros színnel kiemelt mezőbe, helyezze be a stílusokat:

Adjon hozzá egy egyéni CSS-táblát

Kattintson az Alkalmaz gombra a blogra. Igen, van egy kis árnyalat. Be kell illesztenie a kódot további megjegyzések nélkül. Például ez így történik:

A kód elején a CSS stílusok neve, piros színnel kiemelve, így nem szükséges. Ezeket a sorokat egyszerűen töröljük, majd velük nem tudjuk menteni a változtatásokat a blogon.

itt van köztük a CSS kód