Блоггер: ЦСС стил за код на вашем блогу
Пријатељ ме је питао како сам направио регионе кода у уносу на Блоггер. Урадио сам то користећи ознаку стила за ЦСС у мом Блоггер шаблону. Ево шта сам додао:
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
: Ово је ЦСС правило које циља ХТМЛ<p>
елемената са именом класе „цоде“. То значи да ће сваки пасус са овом класом бити стилизован према следећим својствима.font-family: Courier New;
: Ово својство поставља породицу фонтова на „Цоуриер Нев“. Он одређује фонт који ће се користити за текст унутар циљаних елемената.font-size: 8pt;
: Ово својство поставља величину фонта на 8 тачака. Текст унутар циљаних елемената биће приказан у овој величини фонта.border-style: inset;
: Ово својство поставља стил ивице на „уметнути“. Ствара утонуо или притиснут изглед ивице око циљаних елемената.border-width: 3px;
: Ово својство поставља ширину ивице на 3 пиксела. Граница око елемената ће бити дебела 3 пиксела.padding: 5px;
: Ово својство додаје 5 пиксела испуна око садржаја унутар циљаних елемената. Обезбеђује размак између текста и ивице.background-color: #FFFFFF;
: Ово својство поставља боју позадине на белу (#ФФФФФФ). Садржај унутар циљаних елемената имаће белу позадину.line-height: 100%;
: Ово својство поставља висину реда на 100% величине фонта. Осигурава да су редови текста распоређени у складу са величином фонта.margin: 10px;
: Ово својство додаје маргину од 10 пиксела око целог елемента. Обезбеђује размак између овог елемента и других елемената на страници.
Достављени ЦСС код дефинише стил за ХТМЛ пасусе са класом „цоде“. Поставља фонт, величину фонта, стил ивице, ширину ивице, паддинг, боју позадине, висину линије и маргине за ове пасусе. Овај стил се може применити на исечке кода или унапред форматирани текст у Блоггер посту да би им се дао специфичан изглед.
Ево како ће то изгледати:
п.цоде {
фонт-фамили: Цоуриер Нев;
фонт-сизе: 8пт;
Бордер-стиле: уметак;
ширина обруба: 3пк;
паддинг: КСНУМКСпк;
бацкгроунд-цолор: #ФФФФФФ;
лине-хеигхт: 100%;
маржа: 10пк;
}
Срећно кодирање!