ZorNet.Ru — сайт для вебмастера » HTML и CSS » Код под оформления текста

Код под оформления текста

Код под оформления текста
Простенький код для оформления текста. Данный код я использую на своем сайте под описание категорий, возможно вам пригодится в создание сайта. Цвет вы можете так- же изменить поз себя и можно разместить как на главной странице описание всего интернет ресурса, так и по каталогам создать.

Код
<div style="padding: 13px 18px 13px 23px; border-left: #C91F00 2px solid; background: #dcdcdc;">Ваш текст тут </div

Так же если заменить #C91F00 на #282828 получим темный вид.
08 Февраля 2018 Просмотров: 2482 Комментариев: (8)
Поделиться в социальных сетях

Материал разместил
Kashirina
Похожие материалы

Оставь свой отзыв

Комментарии: 8
Kosten
Kosten 09 Февраля 2018 04:511
0
Под описание норм должно, можно под цитаты сделать, хотя похоже, что то есть по стилю.
Kashirina
Kashirina 09 Февраля 2018 10:382
0
Да есть что то похожее, это я выдернула с сайта варгейминга и изнасально там был вот такой вид
Kosten
Kosten 10 Февраля 2018 00:153
0
Также можно вывести через класс, что в CSS прописать.
Webmaster32
Webmaster32 10 Февраля 2018 03:324
0
Забрал под дополнительные поля для материала 07a только через css прописал
Код
#of_text {
  padding: 13px 18px 13px 23px;  
  border-left: #C91F00 2px solid;  
  background: #dcdcdc;
}
Kosten
Kosten 10 Февраля 2018 04:125
0
Webmaster32, как знак в описание вывести, что то в стилях его нет. А так норма, каждый под свой дизайн настроит.
Webmaster32
Webmaster32 10 Февраля 2018 04:176
0
Полный css
Код
.informacia {
margin:20px 0;
display:block;
max-width:100%;
vertical-align:middle;
font-style:italic;
font-weight:400!important;
line-height:22px;
color:#000;
background:url(https://comsecurity.ru/uploads/certain.png) center left no-repeat;
background-color:#D77;
background-position:9px;
padding:40px 20px 40px 80px
}

#nilam {
color:#8B0000;
text-shadow:0 -2px 4px #f3eeee,0 -2px 10px #7f8007,0 -10px 20px #b98435,0 -20px 40px #80380d;
font-size:18px
}

#of_text {
padding:13px 18px 13px 23px;
border-left:#C91F00 2px solid;
background:#dcdcdc
}

В итоге полeчилось что то типа
Код
[xfgiven_inform]<div id="of_text"><b id="nilam">Дополнительная информация:</b> <div class="informacia"> <p>[xfvalue_inform]</p> </div>[/xfgiven_inform]
это если под дополнительные поля (под юкоз будет свой код)
Kosten
Kosten 10 Февраля 2018 04:357
0
А, вот [/xfgiven_inform] на конструкторе не катят, здесь чисто под дивы нужно выставлять.
Webmaster32
Webmaster32 10 Февраля 2018 04:428
+1
[/xfgiven_inform] это на DLE так доп. поля выводятся у вас будет если память не изменяет
Код
<div id="of_text"><b id="nilam">Дополнительная информация:</b> <div class="informacia"> <p>%OTHER1%</p> </div>
Войдите:
avatar