Question

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

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

Comments

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

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

Answer 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}

 

Comments

Спасибо Александр, но на этой странице всего одна такая ссылка, а где остальные?

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

---

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

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

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

---

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

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

Буду пробовать.

Answer 2

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

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

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

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

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

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

Comments

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

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

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

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

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

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

 

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