Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Как сделать {category} вкладками в addnews.tpl ?

Как сделать {category} вкладками в addnews.tpl ?


     21.03.2015    Общие вопросы по вёрстке, Шаблоны (TPL), Хаки    3155

вопрос
Как вывести категории в виде вкладок, а подкатегории списком в этой вкладке?
Вот пример:
Как сделать {category} вкладками в addnews.tpl ?

Помогите с кодом.

Ответа пока нет


3 комментария

vadims
Гости

vadims - 21 марта 2015 20:44 -

Это на заказ только. Цена наверное примерно 10 USD.

Или просто руками прописать все вкладки-категории и их подкатегории-селекты

ПафНутиЙ
Админ

ПафНутиЙ - 21 марта 2015 21:29 -

А вы пробовали подобным интерфейсом пользоваться? сомнительное удобство какое то.

Каков вопрос - таков и ответ. Просто помните об этом.

werty1001
Юзер

werty1001 - 21 марта 2015 22:51 -

Согласен с ПафНутиЙ , довольно необычно и может пользователя сбить с толку. Автоматический вывод заказывайте, просто ручками даю рабочий пример:

Вместо тега {category} вставляете данный HTML код:
<div class="category-tabs">
    <label><input type="checkbox" name="catlist[]" value="1"><span>Категория 1</span></label>
    <label><input type="checkbox" name="catlist[]" value="2"><span>Категория 2</span></label>
    <label><input type="checkbox" name="catlist[]" value="3"><span>Категория 3</span></label>
    <label><input type="checkbox" name="catlist[]" value="4"><span>Категория 4</span></label>
    <label><input type="checkbox" name="catlist[]" value="5"><span>Категория 5</span></label>
</div>

В свой стиль добавьте:
/* Category Tabs */
.category-tabs {border-bottom: solid 1px #b9b9b9;}
.category-tabs:after {content: '';display: table;clear: both;}
.category-tabs label {display: block;float:left;width: 20%;height: 35px;line-height: 35px;cursor:pointer;text-align:center;}
.category-tabs label input[type="checkbox"] {display:none;}
.category-tabs label span {display: block;color: #333;}
.category-tabs label input[type="checkbox"]:checked ~ span {background: #5e71be;color: #fff;}

Демо тут дальше уже можете доделать подкатегории селектом.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх