Как поправить стиль немерованного списка в DLE?

SMS MASTER
На сайте с 23.04.2012
Offline
52
724

Добрый день, подскажите пожалуйста, что и где прописать, чтобы было не просто цифрами выводилось а был квадратик цветной и на нем цифра, пример приложил

png Screenshot_6.png
Блог начинающего арбитражника (https://vk.com/keys_arbitrazh)
W
На сайте с 09.04.2013
Offline
46
#1

Возможно это подойдет - https://jsfiddle.net/e4zrp3hm/

SMS MASTER
На сайте с 23.04.2012
Offline
52
#2
webjey:
Возможно это подойдет - https://jsfiddle.net/e4zrp3hm/

То что нужно!! стиль вставил, а куда вставить строчку <ol class="rectangle-list"> что бы все заработало?

W
На сайте с 09.04.2013
Offline
46
#3
SMS MASTER:
То что нужно!! стиль вставил, а куда вставить строчку <ol class="rectangle-list"> что бы все заработало?

Надо править шаблон вашего сайта - добавить класс rectangle-list к тому списку ,который необходимо

вывести в данном стиле.Если вы не уверены что надо сделать - лучше обратитесь к специалисту.

SMS MASTER
На сайте с 23.04.2012
Offline
52
#4

Вроде разобрался, только теперь проблема, что он так выводит и нумерованный список и обычный список)

Nomiki
На сайте с 28.03.2012
Offline
117
#5

SMS MASTER, попробуй вот такой вариант еще (похожий юзал как-то для счетчика в постах):


.post ol {
list-style: none; /* убираем цифры по-умолчанию */
counter-reset: point; /* задаем переменную для счетчика */
}
.post ol li {
margin-bottom: 10px;
padding-left: 25px;
position: relative;
}
.post ol li:before {
content: counter(point); /* выводим значение переменной */
counter-increment: point 1; /* шагаем счетчиком на +1 */
font-size: 11px; /* размер отдельно для пунктов */
position: absolute;
left: 0;
top: 6px;
background: #921D1D; /* цвет фона пункта как в примере */
width: 20px;
padding: 3px 0;
color: #fff;
font-weight: bold;
text-align: center;
}

[!] Работает корректно начиная с IE-8 конечно ;)

Заказать дизайн сайта: nomiki@yandex.ru | Портфолио: behance.net/nomiki | ВК: vk.com/nmk_msk
SMS MASTER
На сайте с 23.04.2012
Offline
52
#6
Nomiki:
SMS MASTER, попробуй вот такой вариант еще (похожий юзал как-то для счетчика в постах):

[!] Работает корректно начиная с IE-8 конечно ;)

Встало отлично! Все работает! Спасибо!

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