CSS stílus a kódra a blogodon

css

Egy barátom megkérdezte tőlem, hogyan készítettem el a kódrégiókat az utolsó blogbejegyzésemen. Valójában egy stílust használva hamisítottam a kódrégiót. A Bloggeren belül szerkesztheti a sablonját. Hozzáadtam a következő stílust:

p.code {font-family: Futár Új; betűméret: 8pt; határ-stílus: betét; szegély szélessége: 3 képpont; párnázás: 5px; háttérszín: #FFFFFF; vonal-magasság: 100%; margó: 10px}

A következő lépés a címkém szerkesztése a "Html szerkesztése" módban. A címke elkészítésével egyszerűen rámutatok az új stílusomra. Voálá! A stílusok lebontása:

  • Állítsa a betűtípust Courier New-re ... úgy néz ki, mint egy általános kódszerkesztő
  • A megfelelő megjelenés érdekében állítsa a betűméretet 8pt-ra
  • Állítsa be a bekezdések szegélystílusát „beszúrás” értékre. Ez megismétli, hogy néz ki egy textarea az oldalon.
  • Állítsa a szegély szélességét 2 vagy 3 képpontra. Ezáltal a beillesztett szegélystílus megfelelő lesz.
  • A párnázás beállítja a szegély és a benne lévő szöveg közötti távolságot.
  • Háttérszín ... állítsa fehérre (#FFFFFF)
  • Vonalmagasság - ezt 100% -ra állítottam be, mert a blogger témám néhány más stílusa miatt a vonalmagasságom kb. 200% volt
  • Állítsa a margót 10 képpontra. Ez 10 bekezdéstől távolítja el a bekezdést (p tag) mindentől.

Ennyi is van! Egy megjegyzés: A Bloggerrel kapott szerkesztő nem képes megjeleníteni azt, amint az megjelenik a blogjában. De működik és nagyon jól néz ki!

Még egy megjegyzés ... miután elvégezte a címke szerkesztését, a Blogger szerkesztő véletlenszerűen használja azt máshol a bejegyzésében. Kicsit bosszantó! Az lenne a tanácsom, hogy írd meg a teljes bejegyzést, majd utána végezd el az egyetlen apró szerkesztést.

Egy utolsó megjegyzés ... feltétlenül használjon HTML entitásokat a szimbólumok megjelenítéséhez! Néhány példa:

  • Az idézetek (“)“
  • > is>
  • > is>

Boldog kódolás!

3 Comments

  1. 1
  2. 2
  3. 3

Mit gondolsz?

Ez az oldal Akismet-et használ a levélszemét csökkentése érdekében. Ismerje meg, hogyan dolgozik a megjegyzésed.