Стил на CSS за код на вашиот блог

CSS

Еден мој пријател ме праша како ги направив регионите со кодови на мојот последен запис во блогот. Јас всушност го „фалсификував“ регионот со кодови користејќи стил. Во рамките на Blogger, можете да го уредувате вашиот образец. Го додадов следниот стил:

стр.код {фонт-семејство: Ново курир; големина на фонт: 8pt; стил на граница: вметнување; ширина на граница: 3px; баласт: 5px; позадина-боја: #FFFFFF; линија-висина: 100%; маргина: 10px}

Следниот чекор е да ја уредим мојата ознака во режимот „Уреди HTML“. Едноставно, го посочувам мојот нов стил, правејќи ја ознаката. Воила! Разбивање на стиловите:

  • Поставете го фонтот на Courier New… изгледа како генерички уредник на кодови
  • Поставете ја големината на фонтот на 8pt за да изгледа правилно
  • Поставете го стилот на границата на пасусот на „вметнување“. Ова реплицира како изгледа текстуалната површина на страницата.
  • Поставете ја ширината на границата на 2 или 3 пиксели. Ова го прави стилот на вметнатата граница да изгледа правилно.
  • Со обложување се поставува растојанието помеѓу границата и текстот внатре.
  • Боја на позадина… поставете ја на бела (#FFFFFF)
  • Висина на линијата - го прилагодив ова на 100% затоа што некои други стилови во мојата тема за блогери ја направија мојата висина на линијата околу 200%
  • Поставете ја маржата на 10 px. Ова го поместува пасусот (стр. Ознака) на 10 пиксели од сè.

Тоа е сè што има и тоа! Една белешка: Уредникот што доаѓа со Blogger не е способен да прикажува како што ќе се појави на вашиот блог. Но, тоа работи и изгледа одлично!

Уште една белешка… откако ќе ја направите уредувањето на ознаката, уредникот на Блогер сака случајно да го користи на друго место низ вашата објава. Малку е вознемирувачко! Мој совет би бил да го напишете целиот свој пост, а потоа да направите мало уредување потоа.

Една последна белешка… не заборавајте да користите HTML субјекти за да ги прикажете вашите симболи! Неколку примери:

  • Цитатите („) се„
  • > е>
  • > е>

Среќно кодирање!

3 Коментари

  1. 1
  2. 2
  3. 3

    Мислам дека нема потреба да пишувам сега отколку. можете да користите корисни уредници. можете да изберете боја, граница итн.

Што мислите?

Оваа страница користи Akismet за намалување на спам. Научете како се обработува вашиот коментар.