В модуле Каталог файлов добавить иконку перед названием материала

голоса: 0

Собственно вопрос в названии темы.

Иконка перед названием просто просится на это место, пока перед текстом поставил.

Адрес сайта http://newjs.my1.ru/load/
| Автор: | Категория: Каталоги
Комментарий данный ниже верный если вы размещаете иконку как картинкой. Но всё равно могут возникнуть проблемы (переносна новую строку) если вы размечиваете название материала тегом <h1>, поэтому советую добавлять стиль именно ему.

Также хочу отмеить что иконки как и картинки сами по себе имеют вес и влияют на скорость загрузки сайта, поэтому я на вашем бы месте для элементов дизайна сайта использовал иконочные шрифты которых сейчас куча, к примеру: font awesome

Ответов: 2

Голоса: +1
 
Лучший ответ

Если вы хотите чтобы у каждого названия материала стояла своя иконка, то можно сделать так.

Заходим в шаблон Вид материалов. Находим строчку

<a href="$ENTRY_URL$">$TITLE$</a>

и меняем ее на

<a href="$ENTRY_URL$"><img src="/title_icons/$ID$.jpg" alt="" class="title-icons" />$TITLE$</a>

Теперь заходим в Файловый менеджер. Создаем папку title_icons (можно любую, но при этом надо поменять путь в коде выше). В эту папку закидываем картинку. Название картинки должно соответствовать id материала. К примеру, для материала с id 25 должна быть залита картинка 25.jpg

Так же все картинки должны быть одного формата. Ну а стили (размеры, отступы и пр.) задать в CSS для класса title-icons. Например,

.title-icons {width:32px; height:32px; padding-right:10px}

 

| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
Спасибо Александр, но на этой странице всего одна такая ссылка, а где остальные?

Я только начинаю разбираться где что лежит, для меня пока всё сложно и не понятно.

В шаблоне Вид материалов и должна быть одна ссылка. Это же называется шаблон! Т.е. именно по такому макету и выводятся материалы. Только при выводе $TITLE$ заменяется на заголовок материала, $MESSAGE$ на текст материала.. И т.д.

По тому же принципу подставляется $ID$. У каждого материала свой уникальный id. Чтобы узнать какой у материала ID нужно зайти в Панель управления - Новости - Управление материалами. И смотрим, что у каждого материала свой id. 

Вам остается лишь назвать картинки в соответствии с id материала, загрузить их в файловый менеджер и поменять сам шаблон (то что выше я писал). Ничего сложного нет.

Спасибо Александр.

Действительно, ни чего сложного, после того как разобрался, ну и для спецов которые этим годы занимаются.

Буду пробовать.
голоса: 0

Это можно сделать следующим способом, в таблицу стилей CSS в самый низ добавить стили:

.eTitle:before {
 content: "";
 float: left;
 width: 20px; 
 height: 20px; 
 top: 6px;
 background: url(ссылка на иконку)no-repeat;
 position: relative;
}

вместо текста ссылка на иконку, пропишите ссылку на ваше изображение иконки.

Так же выше в стилях вы увидите параметры:

width: 20px;  - это ширина
 height: 20px; - это высота иконки

в том случае если иконка будет размерами больше чем 20х20, размеры регулируйте в параметрах выше.

| Автор:

вместо текста ссылка на иконку, пропишите ссылку на ваше изображение иконки.

И что я получу, одну и ту же иконку во всех заголовках?

Где сам тег этих заголовков, на странице редактирования он не доступен.

я на вашем бы месте для элементов дизайна сайта использовал иконочные шрифты

Использовать картинки шрифтов вместо иконки программы? спасибо не надо.

Уж лучше пусть останется как есть.

 

Спасибо за попытку помочь.

...