Блогыңыздағы кодқа арналған CSS стилі

CSS

Менің досым менен блогтағы соңғы жазбамда аймақтарды қалай жасағанымды сұрады. Мен іс жүзінде стильді қолданып код аймағын 'қолдан жасадым'. Blogger ішінде сіз өзіңіздің шаблоныңызды өңдей аласыз. Мен келесі стильді қостым:

p.code {font-family: Courier New; қаріп өлшемі: 8pt; жиек стилі: кірістіру; жиек ені: 3px; төсеме: 5px; өң-түс: #FFFFFF; сызық биіктігі: 100%; маржа: 10px}

Келесі қадам - ​​менің тегімді 'Edit Html' режимінде өңдеу. Мен тек тег жасау арқылы жаңа стилімді көрсетемін. Воила! Стильдерді бұзу:

  • Қаріпті Courier New-ге қойыңыз ... жалпы код редакторына ұқсайды
  • Дұрыс көріну үшін қаріп өлшемін 8pt етіп қойыңыз
  • Абзацтың шекара мәнерін «кірістіру» күйіне қойыңыз. Бұл парақтың мәтіндік көрінісінің көшірмесін жасайды.
  • Жиек енін 2 немесе 3 пиксельге қойыңыз. Бұл кірістіру шекарасының стилін дұрыс етеді.
  • Толтырғыш жиек пен ішіндегі мәтін арасындағы қашықтықты орнатады.
  • Фон түсі ... оны ақ етіп орнатыңыз (#FFFFFF)
  • Жолдың биіктігі - мен мұны 100% -ға өзгерттім, себебі блогер тақырыбындағы кейбір стильдер менің сызығымның биіктігін шамамен 200% құрады
  • Маржаны 10 пиксельге қойыңыз. Бұл абзацты (p тегі) бәрінен 10 пиксельге жылжытады.

Мұнда бәрі бар! Бір ескертпе: Blogger-мен бірге келетін редактор сіздің блогыңызда қалай көрінетін болса, оны көрсете алмайды. Бірақ ол жұмыс істейді және керемет көрінеді!

Тағы бір ескертпе ... тегті өзгерткеннен кейін, Blogger редакторы оны сіздің жазбаңыздың кез-келген жерінде кездейсоқ пайдаланғанды ​​ұнатады. Бұл аздап тітіркендіргіш! Менің кеңесім - сіздің жазбаңызды толығымен жазып, содан кейін кішігірім редакциялаңыз.

Соңғы ескерту ... сіздің рәміздеріңізді көрсету үшін HTML нысандарын пайдаланыңыз! Екі мысал:

  • Дәйексөздер («)«
  • > болып табылады>
  • > болып табылады>

Кодтау құтты болсын!

3 Пікірлер

  1. 1
  2. 2
  3. 3

    мен бұдан былай жазудың қажеті жоқ. Сіз пайдалы редакторларды пайдалана аласыз, түс, шекара және т.б. таңдай аласыз.

Сен не ойлайсың?

Бұл сайт спамның төмендеуі үшін Akismet пайдаланады. Деректеріңіздің қалай өңделетінін біліңіз.