|
|
Модератор форума: Yuri_G |
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Добавить иконки к категориям доски объявлений (Подскажите пожалуйста) |
Добавить иконки к категориям доски объявлений |
|
Здравствуйте, подскажите пожалуйста, как в категории доски объявлений добавить иконки? вот тут пример ссылка тут мне написали, но я немного не понял MikhailovCity, а чо там не понятного ? В описании категории ( в панели управления) ставите такой вод код Код <img src="ссылка на иконку"> 道德經 Помощь по системе
|
|
@katy@, ого, просто к каждой категории и под категории в описание вставить HTML с любой Картинкой? Если да, очень круто спасибо, большое незнал)))
А можно таким путём вставить иконки из fontawesome Добавлено (07 Ноя 2016, 21:38:22) Добавлено (07 Ноя 2016, 21:45:45) Код <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> Код <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> Подскажите как значок сделать с лева от надписи транспорт? |
Вот что у меня получилось
Код .catDescr { font-size: 7pt; padding-left: 10px; display: inline;} Код <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"></i></div></td> ![]() Прижался с права, а нужно с лева. Подскажите, а то знаний не хватает? Прикрепления:
2539222.jpg
(2.5 Kb)
|
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, Да вы не торопитесь. Просмотрите вниметельнее стили, которые я вам дала. Там всё подробно указано как отрегулировать (отступы внутрение, отступы внешние, линии ) и регулируйте потихоньку. На это правда потребуеться некоторое время, но всё же.
Добавлено (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
|
@katy@, вот так придумал
Код <i class="fa fa-car fa-lg" id="iconbord"></i> Код .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@, вы правы, пробовал этот вариант
Код .catDescr { font-size: 7pt; padding-left: 10px; display: inline; text-align:left; } и не получалось, иконка была с права всё равно))) |
MikhailovCity, вот вы торопитесь. Стили не сразу обрабатываються. Перезагрузитесь 7-8 раз с этими стилями, и дайте мне ссылку на сайт, я посмотрю.
道德經 Помощь по системе
Сообщение отредактировал @katy@ - Понедельник, 07 Ноя 2016, 22:52:05
|
@katy@, я в codepen вбил, думаю для доски объявлений лучше свои иконки у fontawesome много го нет.
|
| |||
| |||