Question

Народ помогите!1 Хочу настроить категории и разделы и у меня не получается.

Сделать саму категорию для главной через информер:
https://image.prntscr.com/image/2ncC_Xm1Qgy80dffEI22GA.png

Вот код:
[code]<a href="$CATEGORY_URL$" class="catName">$CATEGORY_NAME$ <span class="catNumData">[$NUM_DATA$]</span></a>[/code]

А вот как при переходе в раздел должны быть категории , но при переходе по ссылкам у меня без стиля:
https://image.prntscr.com/image/qmpNT3TfTfm6bXOUEUuYAQ.png

Я не знаю как сделать и чтобы было в 3 столбца как на первом скрине.

вот который кривой код:

[code] <div class="block_scripts">
<div class="scr_text">
<p>Популярные шаблоны</p>
<a href="http://wowadd.3dn.ru/load/shablony/1"><p>Больше шаблонов</p></a>
</div>
<div  class="block_scr_mat">

    
    <a class="catName">$CATEGORIES$ <span class="catNumData">[$NUM_DATA$]</span></a>
    

</div>
</div>
[/code]

Я уже 3 час сижу не могу понять как предать стиль и сделать в 3 колонки.

Comments

Я настройил 3 колонки но не могу придать стиль как на главной

Answer 1

Чуть набросал стили, как пример так можно:

.block_scr_mat [id^=cid]{position:relative;}
.block_scr_mat [id^=cid]:after{
    position:absolute;
    top: 18px;
    left:0;
    width:230px;
    border-bottom: 1px dotted;
    content:"";
}
.block_scr_mat [id^=cid]:hover {background:#72a2bd;border-radius:3px;}
.block_scr_mat [id^=cid] a:hover,.block_scr_mat span.catNumData:hover {color:#fff;}
.block_scr_mat span.catNumData {
    float: right;
    margin-right: 10px;
}

далее уже дорабатывайте под себя как вам лучше.

Comments

А как добавить, точнее сделать текст не жирный и чуть меньше ?

---

Дмитрий Мягков,

Более точнее, удалить стили выше. После заменить эти стили:

.catsTdI a {
 border-bottom: 1px solid #e9e9e9;
 font-family: "TahomaRegular",sans-serif;
 font-size: 12px;
 padding: 3px 8px;
 display: block;
}

.catsTdI a:hover {
color: #fff;
background-color: #72a2bd;
border-radius: 3px;
padding: 3px 12px;
}

.catsTdI a span {
 float: right;
 font-family: "TahomaBold",sans-serif;
}

на следующие:

.catsTdI a,.block_scr_mat [id^=cid] a{
 border-bottom: 1px solid #e9e9e9;
 font-family: "TahomaRegular",sans-serif;
 font-size: 12px;
 padding: 3px 8px;
 display: block;
}
.block_scr_mat [id^=cid] a:hover { padding: 2px 0px!important;border:none;color:#fff;}

.catsTdI a:hover,.block_scr_mat [id^=cid]:hover {
color: #fff;
background-color: #72a2bd;
border-radius: 3px;
padding: 3px 12px;
}
.catsTdI a span,.block_scr_mat span.catNumData {
 float: right;
 font-family: sans-serif;
}
.catsTable .catNumData {margin-top:-15px;}

---

Yuri_Geruk,

Да вроде норм, пытался исправить, при наведении становится криво и шире, теряя цвет   https://image.prntscr.com/image/T5H3C8wvSYCPSADjiKhO5Q.png  Вот так при стандартном:  https://image.prntscr.com/image/GZHYIzM6RkWJTk4YF6ZnGw.png  Мудрил пытался исправить не получается , то где кол-во, выходит за границы то еще что-то

---

Дмитрий Мягков,

Увы, я попытался подогнать минимально нормально и без искажений, чем мог помог, если так не подходит, возвращайте к стандартным стилям которые были до этого.

---

Yuri_Geruk,

Еще может кто подсказать?