Садржај маркетинг

Блоггер: ЦСС стил за код на вашем блогу

Пријатељ ме је питао како сам направио регионе кода у уносу на Блоггер. Урадио сам то користећи ознаку стила за ЦСС у мом Блоггер шаблону. Ево шта сам додао:

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

Достављени ЦСС код дефинише стил за ХТМЛ пасусе са класом „цоде“. Поставља фонт, величину фонта, стил ивице, ширину ивице, паддинг, боју позадине, висину линије и маргине за ове пасусе. Овај стил се може применити на исечке кода или унапред форматирани текст у Блоггер посту да би им се дао специфичан изглед.

Ево како ће то изгледати:

п.цоде {
фонт-фамили: Цоуриер Нев;
фонт-сизе: 8пт;
Бордер-стиле: уметак;
ширина обруба: 3пк;
паддинг: КСНУМКСпк;
бацкгроунд-цолор: #ФФФФФФ;
лине-хеигхт: 100%;
маржа: 10пк;
}

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

Douglas Karr

Douglas Karr је ЦМО оф ОпенИНСИГХТС и оснивача Martech Zone. Доуглас је помогао десетинама успешних МарТецх стартапова, помогао је у дубинској пажњи од преко 5 милијарди долара у Мартецх аквизицијама и инвестицијама, и наставља да помаже компанијама у имплементацији и аутоматизацији њихових продајних и маркетиншких стратегија. Доуглас је међународно признати стручњак за дигиталну трансформацију и МарТецх стручњак и говорник. Даглас је такође објављени аутор Думмие'с водича и књиге о пословном лидерству.

Повезани чланци

Назад на врх дугмета
близу

Адблоцк откривен

Martech Zone је у могућности да вам пружи овај садржај без икаквих трошкова јер ми монетизујемо наш сајт путем прихода од огласа, партнерских веза и спонзорстава. Били бисмо захвални ако бисте уклонили свој блокатор огласа док гледате наш сајт.