Форум Сайтостроение Веб-строительство

Как делать "подложки с фоном" в тексте статьи

A
На сайте с 17.03.2017
Offline
5
aleggator
419

Доброго всем дня, подскажите пожалуйста как делаются подложки в тексте и цифры в статье вот пример trubexpert.ru/heating/kak-vybrat-gazovyj-kotel-etot-metod-pomozhet-vam/ здесь текст в подложке "Опытные котельщики предлагают простой приблизительный вариант расчета: 40 Вт мощности котла на 1 м³ объема помещений или же 100 Вт на 1 м², что при стандартной высоте потолков одно и то же. " и цифры белые в зеленом кружочке. Как сделать так же, есть ли какая то пошаговая инструкция?

Программа для раскрутки сайта ☛ XRumer (http://www.botmasterru.com/product69500/)
P
На сайте с 09.04.2017
Offline
1
payel
#1

css:

blockquote {

position: relative;

padding: 15px 22px 12px 25px;

margin: 16px 0px 19px;

background: #F3F3F3 none repeat scroll 0% 0%;

border-width: 1px 1px 1px 3px;

border-style: solid;

border-color: #DFDFDF #DFDFDF #DFDFDF #99C999;

-moz-border-top-colors: none;

-moz-border-right-colors: none;

-moz-border-bottom-colors: none;

-moz-border-left-colors: none;

border-image: none;

font: italic 15px Arial,sans-serif;

color: #125F13;

}

html:

<blockquote>Ваш текст</blockquote>

* простите bb коды не знаю где найти, поэтому не обернул.

Как можно наказать за Роман Мандрик Вирусный маркетинг:
A
На сайте с 17.03.2017
Offline
5
aleggator
#2
payel:
css:

blockquote {
position: relative;
padding: 15px 22px 12px 25px;
margin: 16px 0px 19px;
background: #F3F3F3 none repeat scroll 0% 0%;
border-width: 1px 1px 1px 3px;
border-style: solid;
border-color: #DFDFDF #DFDFDF #DFDFDF #99C999;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
font: italic 15px Arial,sans-serif;
color: #125F13;
}

html:

<blockquote>Ваш текст</blockquote>


* простите bb коды не знаю где найти, поэтому не обернул.

И каждый раз размещая статью лезть в код это добавлять? Есть ли вариант побыстрее?

P
На сайте с 09.04.2017
Offline
1
payel
#3

Ну конечно, в своем файле таблицы стилей просто пропишите код который я указал для css. А потом просто в статье используйте <blockquote>Ваш текст</blockquote>

A
На сайте с 17.03.2017
Offline
5
aleggator
#4
payel:
Ну конечно, в своем файле таблицы стилей просто пропишите код который я указал для css. А потом просто в статье используйте <blockquote>Ваш текст</blockquote>

Ясно, спасибо большое.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий