Blogingizda kod uchun CSS uslubi

css

Bir do'stim mendan so'nggi blog yozuvimda kod mintaqalarini qanday tuzganimni so'radi. Men aslida uslubni ishlatib kod mintaqasini "soxtalashtirdim". Blogger-da siz shablonni tahrirlashingiz mumkin. Men quyidagi uslubni qo'shdim:

p.code {font-family: Courier New; shrift hajmi: 8pt; chegara uslubi: ichki qism; chegara kengligi: 3px; to'ldirish: 5px; background-color: #FFFFFF; chiziq balandligi: 100%; hoshiya: 10px}

Keyingi qadam 'Html-ni tahrirlash' rejimida tegimni tahrirlashdir. Men shunchaki yorliqni yaratish orqali yangi uslubimga ishora qilaman. Voila! Uslublarni buzish:

  • Shriftni Courier New-ga o'rnating… umumiy kod muharririga o'xshaydi
  • To'g'ri ko'rinishi uchun shrift hajmini 8pt qilib qo'ying
  • Abzats chegarasi uslubini "inset" ga o'rnating. Bu sahifada textarea ko'rinishini takrorlaydi.
  • Chegaraning kengligini 2 yoki 3 pikselga qo'ying. Bu ichki chegara uslubini to'g'ri ko'rinishga olib keladi.
  • To'ldirish hoshiya va ichidagi matn orasidagi masofani o'rnatadi.
  • Fon rangi… uni oq rangga qo'ying (#FFFFFF)
  • Line-height - Men buni 100% ga sozladim, chunki bloggerim mavzusidagi ba'zi boshqa uslublar mening satr balandligimni 200% ga yaqinlashtirdi
  • Marjni 10 pikselga qo'ying. Bu paragrafni (p yorlig'i) hamma narsadan 10 piksel uzoqlashtiradi.

Bu erda hammasi bor! Bitta eslatma: Blogger bilan birga kelgan muharrir sizning blogingizda qanday ko'rinishini ko'rsatishga qodir emas. Lekin u ishlaydi va ajoyib ko'rinadi!

Yana bir eslatma ... Tegga tahrir qilganingizdan so'ng, Blogger muharriri uni sizning xabaringizning boshqa joylarida tasodifiy ishlatishni yoqtiradi. Bu biroz zerikarli! Mening maslahatim shuki, butun postingizni yozib, so'ngra kichik tahrirni amalga oshiring.

Yakuniy eslatma… HTML belgilaridan sizning belgilaringizni ko'rsatish uchun foydalaning! Bir nechta misol:

  • Iqtiboslar (")"
  • > bu>
  • > bu>

Baxtli kodlash!

3 Comments

  1. 1
  2. 2
  3. 3

    Menimcha, endi yozishga hojat yo'q. siz foydali muharrirlardan foydalanishingiz mumkin. rang, chegara va boshqalarni tanlashingiz mumkin.

Siz nima deb o'ylaysiz?

Ushbu sayt spamni kamaytirish uchun Akismet-dan foydalanadi. Fikringiz ma'lumotlarining qanday ishlashini bilib oling.