1 Отредактировано KingImaGe (10-04-2017 11:19:50)

Тема: Красивый маркированный список

Мало ли кому понадобится:
Заходим в: \templates\businessimage\_css открываем >>> globals.css, добавляем сверху код:

.borderstile li {list-style-type: none;}
.borderstile li {
font-family: "Trebuchet MS", "Lucida Sans"  "Arial" ;
padding: 7px 20px;
margin-bottom: 10px;
border-radius: 5px;
border-left: 10px solid #f05d22; 
box-shadow: 2px -2px 5px 0 rgba(0,0,0,.1),
     -2px -2px 5px 0 rgba(0,0,0,.1),
    2px 2px 5px 0 rgba(0,0,0,.1),
    -2px 2px 5px 0 rgba(0,0,0,.1);
font-size: 13px;
letter-spacing: 2px;
transition: 0.3s all linear;
}
.borderstile li:nth-child(2){border-color: #8bc63e;}
.borderstile li:nth-child(3){border-color: #fcba30;}
.borderstile li:nth-child(4){border-color: #1ccfc9;}
.borderstile li:nth-child(5){border-color: #493224;}
.borderstile li:hover {border-left: 10px solid transparent;}
.borderstile li:nth-child(1):hover {border-right: 10px solid #f05d22;}
.borderstile li:nth-child(2):hover {border-right: 10px solid #8bc63e;}
.borderstile li:nth-child(3):hover {border-right: 10px solid #fcba30;}
.borderstile li:nth-child(4):hover {border-right: 10px solid #1ccfc9;}
.borderstile li:nth-child(5):hover {border-right: 10px solid #493224;}

Готово, теперь открываем в админке редактор, делаем маркированный список, справа редактора нажимаем "Инструменты" >>>  "Исходный код" Жмём Ctrl+F
Вставляем тег:

<ul>

Находим, меняем на:

<ul class="borderstile">

Сохраняем, получаем:
https://s8.hostingkartinok.com/uploads/images/2017/04/06263d044e65218240846ea688b5fc8e.jpg

Я редкий поц, гажу в чужих темах, поэтому сижу в баньке.

Thumbs up Thumbs down

2

Re: Красивый маркированный список

Это никому не понадобиться, так как те кто работает с данным движком более продвинутые пользователи и знают больше чем HTML и CSS. Не засоряйте форум, так как данная ветка не предусмотрена для этого.

Сделаю обновления вашего магазина до актуальной версии системы со вем переносом ваших товаров, просьба писать в приват.
https://novabench.com/image/742206.png