CSS stílusokat idézi internetes wordpress, blog Szergej Neznamova

Hello mindenkinek. Ez már régóta szerette volna, hogy a megjelenése a idézetek blogjában. Hogy szép blokkok idézetek, a CSS, ez nem nehéz, még a kezdők számára. Értsük érdekében.

Miért érdemes egy árajánlatot online.

Így idézetek interneten.

Ha megnézzük az alábbi képre, akkor megjelenik egy végső idézetek biztosított én sablon. Mint látható, a design blokk idézi a bal oldalon a szöveg kék választóvonal. és dőlt szöveg.

Elfogadom, úgy néz ki, elég szánalmas! Nem vonzza a látogatók figyelmét. Nem voltam elégedett ezzel a helyzettel, és úgy döntöttem, hogy változtatni a megjelenését a hivatkozások segítségével CSS stílusokat.

Ha Ön kezdő, és félnek dugta körül a kódot, akkor lehet, hogy végre a design idéző ​​különleges dugót. Beszélek egy kicsit róla a végén.

Így idézet CSS használatával.

Megváltoztatni a megjelenését a idézetek, akkor módosítani kell a sablon kódját. És egészen pontosan meg kell változtatni a kódot egy fájl (style.css) a téma.

Ezt meg lehet tenni két módja van:

1. lépés a webcímtárba segítségével FTP kapcsolatok útján / wp-content / themes / vasha_tema / style.css. Fájl letöltése (style.css) a számítógépre, végezze el a módosításokat, majd töltse fel a szerverre újra.

A jobb oldali oszlopban található a részben a stíluslap (style.css).

stílus „blockquote” Keresünk az asztalnál (2), akkor nyomja meg a gyorsbillentyűt hozzá (ctrl + F) és a keresési sáv típusú blockquote (1). Végezze el a szükséges módosításokat a kódon asztaldísz stílusok, vagy kicseréli a kódot teljesen újat, és nyomja meg a gombot „Update file” (3).

Az alábbiakban adok néhány példát css kód formázási stílust idéző. Online WordPress.

blokk idézetek № 1

Talán kíváncsi, de akkor több stílus dekoráció idézetek egyetlen honlapon? Természetesen lehet. Html kód ugyanaz lesz az összes példát. Csak akkor változik, a stílus számát, attól függően, hogy milyen típusú CSS.

Példa HTML hivatkozások kódokat.

blockquote class = "style1" text idézetek №1

blockquote class = "Egyéni 2." text idézetek №2

És így tovább, én csak a számát CSS stílusok és a tényleges szöveget idéző.

Ahogy lepecsételték a megfelelő stílusú szám előtt CSS kódot.

WP-Note plug-in feldolgozására idézetek blog WordPress.

Kezdőknek és azoknak, akik félnek, hogy menjen be a kódot, hogy testre az idézeteket. Használhatja a plugin WP-Note. A beépülő modul könnyen telepíthető és konfigurálható, és nem igényel speciális ismereteket.

  1. Telepíteni a plug-in, hogy az admin felületen a blog megy a szakasz „Plugins” => „Új”
  2. írja be a nevét «WP-Note» plug-in keresőmezőbe, majd kattintson a „Keresés”.
  3. A kapott listából válassza ki a plug-inek «WP-Note» és kattintson az „Install” => „aktiválni”.

A plugin kínál öt standard idézetek blokkból. De mindig van lehetőség, hogy tovább finomíthatja a lekérdezések stílusokat.

„Hely” blokk idézetek.

Kódok használata [megjegyzés] [/ megjegyzés]

„Súgó” blokk idézetek.

Wrap szövege az alábbi tag [segítség] [/ segítség].

„Fontos” blokk idézetek.

Helyezze be a szöveget [tip] [/ tip].

„Vigyázat” blokk idézetek.

Wrap szövege az alábbi tag [figyelmeztetés] [/ figyelmeztetés]

„Emlékezz” blokk idézetek.

Be a szöveget [fontos] [/ fontos]

Ebben a körben ki, javítja a megjelenését vizuális stílusok css idézetek honlapon. Üdvözlöm a visszajelzéseket és észrevételeket. Minden a legjobb!