Блогер: CSS стил за код на вашиот блог
Еден пријател ме праша како ги направив регионите на кодот во записот во Blogger. Го направив тоа користејќи ознака за стил за CSS во мојот шаблон на Blogger. Еве што додадов:
p.code {
font-family: Courier New;
font-size: 8pt;
border-style: inset;
border-width: 3px;
padding: 5px;
background-color: #FFFFFF;
line-height: 100%;
margin: 10px;
}
p.code
: Ова е правило на CSS што го таргетира HTML<p>
елементи со име на класата „код“. Тоа значи дека секој став со оваа класа ќе биде стилизиран според следните својства.font-family: Courier New;
: Ова својство го поставува семејството на фонтови на „Courier New“. Го одредува фонтот што ќе се користи за текстот во целните елементи.font-size: 8pt;
: Ова својство ја поставува големината на фонтот на 8 точки. Текстот во целните елементи ќе биде прикажан со оваа големина на фонтот.border-style: inset;
: Ова својство го поставува стилот на границата на „внеси“. Создава потонат или притиснат изглед за границата околу целните елементи.border-width: 3px;
: Ова својство ја поставува ширината на границата на 3 пиксели. Границата околу елементите ќе биде дебела 3 пиксели.padding: 5px;
: Ова својство додава 5 пиксели на полнење околу содржината во целните елементи. Обезбедува растојание помеѓу текстот и границата.background-color: #FFFFFF;
: Ова својство ја поставува бојата на позадината на бела (#FFFFFF). Содржината во целните елементи ќе има бела позадина.line-height: 100%;
: Ова својство ја поставува висината на линијата на 100% од големината на фонтот. Обезбедува дека линиите на текстот се распоредени според големината на фонтот.margin: 10px;
: Ова својство додава маргина од 10 пиксели околу целиот елемент. Обезбедува растојание помеѓу овој елемент и другите елементи на страницата.
Обезбедениот CSS код дефинира стил за HTML параграфи со класата „код“. Ги поставува фонтот, големината на фонтот, стилот на границата, ширината на границата, полнењето, бојата на позадината, висината на линијата и маргината за овие параграфи. Овој стил може да се примени на фрагменти од код или претходно форматиран текст во објава на Blogger за да им даде специфичен изглед.
Еве како ќе изгледа:
стр.шифра {
font-family: Courier New;
големина на фонтот: 8pt;
граница во стил: вметнат;
граница-ширина: 3px;
баласт: 5px;
боја на позадина: #FFFFFF;
линија-висина: 100%;
маргина: 10px;
}
Среќно кодирање!