Блогуңуздагы Код үчүн CSS Style

CSS

Менин досум акыркы блогума киргенде код аймактарын кантип түзгөнүмдү сурады. Мен стилди колдонуп, коддун аймагын чындыгында "жасалма" кылдым. Blogger ичинде шаблонуңузду түзөтсөңүз болот. Мен төмөнкү стилди коштум:

p.code {font-family: Courier New; ариптин көлөмү: 8pt; border-style: inset; чек-туурасы: 3px; толтуруу: 5px; background-color: #FFFFFF; сызыктын бийиктиги: 100%; маржа: 10px}

Кийинки кадам 'Html' режиминде менин тегимди түзөтүү. Мен жөн гана тег жасап, жаңы стилиме көңүл бурам. Voila! Стилдерди бузуу:

  • Арипти Courier New деп койуңуз ... жалпы код редакторуна окшош
  • Туура көрүнүшү үчүн шрифттин көлөмүн 8pt кылып коюңуз
  • Параграфтын чек ара стилин 'inset' кылып коюңуз. Бул баракчадагы текстариянын көрүнүшүн кайталайт.
  • Чектик туурасын 2 же 3 пикселге коюңуз. Киргизилген чек ара стили туура көрүнөт.
  • Толтуруу чек ара менен тексттин ортосундагы аралыкты белгилейт.
  • Фондун түсү… аны ак деп койду (#FFFFFF)
  • Саптын бийиктиги - мен муну 100% га жөнгө салдым, анткени менин блогер темамдагы айрым стилдер менин сапымдын бийиктигин болжол менен 200% түздү
  • Чектөөнү 10 пикселге коюңуз. Бул абзацты (p tag) баарынан 10 пикселге жылдырат.

Бул жерде ал гана эмес! Бир эскертүү: Blogger менен келген редактор сиздин блогдо пайда болгондой көрсөтө албайт. Бирок ал иштейт жана сонун көрүнөт!

Дагы бир эскертүү… сиз тегге түзөтүү киргизгенден кийин, Blogger редактору аны кокустан постуңуздун башка жеринде колдонууну жактырат. Бул бир аз кыжырды келтирет! Менин кеңешим, сиздин билдирүүңүздү толугу менен жазып, андан кийин кичинекей түзөтүүнү жасаңыз.

Акыркы бир эскертүү ... белгилериңизди көрсөтүү үчүн HTML жактарын колдонуңуз! Бир-эки мисал:

  • Цитаталар (")"
  • > is>
  • > is>

Коддошууңуз менен!

3 Comments

  1. 1
  2. 2
  3. 3

    мен азыр жазуунун кажети жок. пайдалуу редакторлорду колдонсоңуз болот, түс, чек ара ж.б. тандай аласыз.

Эмне деп ойлойсуң?

Бул сайт спам азайтуу Akismet колдонот. Сиздин комментарий маалымат кандайча иштелишин Үйрөнүү.