Blogunuzdakı Kod üçün CSS Stili

css

Bir dostum son blog girişimdə kod bölgələrini necə düzəltdiyimi soruşdu. Əslində bir üslubdan istifadə edərək kod bölgəsini 'saxta etdim'. Blogger daxilində şablonunuzu düzəldə bilərsiniz. Aşağıdakı stili əlavə etdim:

p.code {font-family: Courier New; şrift ölçüsü: 8pt; haşiyə tərzi: daxiletmə; sərhəd genişliyi: 3px; dolgu: 5px; arxa rəng: #FFFFFF; xətt boyu: 100%; margin: 10px}

Növbəti addım 'Html' rejimində etiketimi düzəltməkdir. Etiketi düzəltməklə sadəcə yeni üslubuma işarə edirəm. Voila! Üslubları qırmaq:

  • Şrifti Courier New olaraq seçin ... ümumi kod redaktoruna bənzəyir
  • Düz baxmaq üçün şrift ölçüsünü 8pt olaraq təyin edin
  • Paraqraf sərhəd stilini 'daxil' olaraq təyin edin. Bu, mətn sahəsinin səhifədəki görünüşünü təkrarlayır.
  • Haşiyə genişliyini 2 və ya 3 pikselə qoyun. Bu daxil sərhəd üslubunu düzgün göstərir.
  • Dolgu, haşiyə ilə içindəki mətn arasındakı məsafəni təyin edir.
  • Arxa fon rəngi ... onu ağa çevirin (#FFFFFF)
  • Xətt boyu - Bunu 100% -ə düzəltdim, çünki blogger temamdakı bəzi üslublar xətt boyumu təxminən 200% etdi
  • Haşiyəni 10 piksel olaraq təyin edin. Bu paraqrafı (p etiketi) hər şeydən 10 piksel uzaqlaşdırır.

Bütün bunlar da var! Bir qeyd: Blogger ilə gələn redaktor blogunuzda göründüyü kimi göstərə bilmir. Ancaq işləyir və əla görünür!

Bir qeyd daha ... etiketi redaktə etdikdən sonra, Blogger redaktoru təsadüfi olaraq postunuzun başqa bir yerində istifadə etməyi sevir. Bir az bezdiricidir! Mənim tövsiyəm bütün yazınızı yazmaq və sonra kiçik bir düzəliş etməkdir.

Son bir qeyd ... simvollarınızı göstərmək üçün HTML Varlıqlarını istifadə etdiyinizə əmin olun! Bir neçə nümunə:

  • Sitatlar (“)“
  • > edir>
  • > edir>

Xoşbəxt kodlaşdırma!

3 Şərhlər

  1. 1
  2. 2
  3. 3

    indi yazmağa ehtiyac olmadığı bir şey var. faydalı redaktorlardan istifadə edə bilərsiniz, rəng, haşiyə və s. seçə bilərsiniz.

Siz nə düşünürsünüz?

Bu sayt spam azaldılması üçün Akismet istifadə edir. Yorumunuzun necə işləndiyini öyrənin.