Добавить иконки к категориям доски объявлений

Сообщений: 292

Репутация: 24

Сообщение # 1 | 21:03:24 07 Ноя 2016

Здравствуйте, подскажите пожалуйста, как в категории доски объявлений добавить иконки? вот тут пример ссылка

тут мне написали, но я немного не понял

@katy@

Сообщений: 1807

Репутация: 466

Уровень замечаний:

Сообщение # 2 | 21:18:37 07 Ноя 2016

Цитата MikhailovCity (

)

MikhailovCity, а чо там не понятного ? В описании категории ( в панели управления) ставите такой вод код

Код

и всё. А в настройках модуля ставите галочку выводить описание. Сам код категорий . У меня была где то инструкция - видео . Если найду, то выкину.

道德經 Помощь по системе

MikhailovCity

Сообщений: 292

Репутация: 24

Сообщение # 3 | 21:28:32 07 Ноя 2016

Цитата @katy@ (

)

Если найду, то выкину.

Спасибо, большое))) В шаблоне примера иконки есть и в под категориях. Информер туда поставить нельзя, получается нужен скрипт, который это всё выведет?

@katy@

Сообщений: 1807

Репутация: 466

Уровень замечаний:

Сообщение # 4 | 21:28:39 07 Ноя 2016

MikhailovCity, Всё делаеться элементарно, без всяких скриптов и информеров. Наблюдайте внимательно за мышкой в панели управления.

道德經 Помощь по системе

Сообщение отредактировал @katy@ - Понедельник, 07 Ноя 2016, 21:35:06

MikhailovCity

Сообщений: 292

Репутация: 24

Сообщение # 5 | 21:45:45 07 Ноя 2016

@katy@, ого, просто к каждой категории и под категории в описание вставить HTML с любой Картинкой? Если да, очень круто спасибо, большое незнал)))

А можно таким путём вставить иконки из fontawesome

Добавлено (07 Ноя 2016, 21:38:22)
---------------------------------------------
Работает и с fontawesome, круто спасибо, теперь css настрою.

Добавлено (07 Ноя 2016, 21:45:45)
---------------------------------------------

Код

Код

<td style="width:33%" class="catsTd" valign="top" id="cid1"><a href="/board/avtomobili/1" class="catName">Транспорт</a> <span class="catNumData" style="unicode-bidi:embed;">1</span><div class="catDescr"><i class="fa fa-car fa-2x" style="font-size: 1.5em; color: violet;float: left; width: 40px; height: 40px; margin-right: 15px; position: relative; top: 0;"></i></div></td>

Подскажите как значок сделать с лева от надписи транспорт?

MikhailovCity

Сообщений: 292

Репутация: 24

Сообщение # 6 | 21:58:14 07 Ноя 2016

Вот что у меня получилось

Код

.catDescr { font-size: 7pt; padding-left: 10px; display: inline;}

Код

Прижался с права, а нужно с лева. Подскажите, а то знаний не хватает?

Прикрепления: 2539222.jpg (2.5 Kb)

@katy@

Сообщений: 1807

Репутация: 466

Уровень замечаний:

Сообщение # 7 | 22:03:00 07 Ноя 2016

MikhailovCity, Ну по идее в css (catDescr) надо прописывать это описание. Если по стандарту, то так должно быть

Код

catDescr:
padding: 9px 6px 0 0; → внутренние отступы;
margin: 21px 0 4px 0!important; → внешние отступы;
border-top: 1px solid #ccc!important; → верхняя линия рамки;
color:#484848; → цвет текста;
font-weight: bold; → жирный шрифт;
text-align:right; → отвечает за выравнивание текста по правому краю (left - слева, center - центр, right - справа).

вот ваша строчка

Цитата

text-align:right;

道德經 Помощь по системе

Сообщение отредактировал @katy@ - Понедельник, 07 Ноя 2016, 22:07:16

MikhailovCity

Сообщений: 292

Репутация: 24

Сообщение # 8 | 22:19:15 07 Ноя 2016

@katy@, получилось так

Ну ладно, спасибо за помощь)))

Прикрепления: 9953795.jpg (3.8 Kb)

@katy@

Сообщений: 1807

Репутация: 466

Уровень замечаний:

Сообщение # 9 | 22:32:26 07 Ноя 2016

MikhailovCity, Да вы не торопитесь. Просмотрите вниметельнее стили, которые я вам дала. Там всё подробно указано как отрегулировать (отступы внутрение, отступы внешние, линии ) и регулируйте потихоньку. На это правда потребуеться некоторое время, но всё же.

Добавлено (07 Ноя 2016, 22:32:26)
---------------------------------------------
MikhailovCity, попробуйте просто вот так прописать (font-size - размер текста вам полюбому не нужен, но всё равно оставте)

Код

.catDescr
{ font-size: 7pt;
padding-left: 10px;
display: inline;
text-align:left;
}

道德經 Помощь по системе

Сообщение отредактировал @katy@ - Понедельник, 07 Ноя 2016, 22:34:26

MikhailovCity

Сообщений: 292

Репутация: 24

Сообщение # 10 | 22:32:33 07 Ноя 2016

@katy@, вот так придумал

Код

Код

.catDescr {  font-size: 7pt;   display: inline;}

    #iconbord {
    left: 0px;
    width: 40px;
    height: 40px;
    margin-right: 15px;
    position: absolute;
    top: 5;
    color: #fff;
}

    .catsTd {
    position: relative;
    padding: 0px 23px;
}

результат

Прикрепления: 7149803.jpg (2.3 Kb)

@katy@

Сообщений: 1807

Репутация: 466

Уровень замечаний:

Сообщение # 11 | 22:36:51 07 Ноя 2016

MikhailovCity, Да тут вариантов море как можно сделать. Способов уйма. Ну вообщем смотрите сами, как вам будет удобно.

道德經 Помощь по системе

MikhailovCity

Сообщений: 292

Репутация: 24

Сообщение # 12 | 22:43:59 07 Ноя 2016

@katy@, вы правы, пробовал этот вариант

Код

.catDescr
{ font-size: 7pt;
padding-left: 10px;
display: inline;
text-align:left;
}

и не получалось, иконка была с права всё равно)))

@katy@

Сообщений: 1807

Репутация: 466

Уровень замечаний:

Сообщение # 13 | 22:47:59 07 Ноя 2016

MikhailovCity, вот вы торопитесь. Стили не сразу обрабатываються. Перезагрузитесь 7-8 раз с этими стилями, и дайте мне ссылку на сайт, я посмотрю.

道德經 Помощь по системе

Сообщение отредактировал @katy@ - Понедельник, 07 Ноя 2016, 22:52:05

MikhailovCity

Сообщений: 292

Репутация: 24

Сообщение # 14 | 22:56:11 07 Ноя 2016

@katy@, я в codepen вбил, думаю для доски объявлений лучше свои иконки у fontawesome много го нет.

Страница 1 из 1 1
Модератор форума: Yuri_G