Изображение в меню сайта

Сообщение # 1 | 12:09:16 27 Май 2014

Добрый день.
Подскажите, существует ли возможность в меню сайта, помимо обычных ссылок, использовать изображения?
Например, рядом со ссылкой в пункте меню, которая ведет непосредственно к скачиванию файла, поместить небольшой значок-стрелку.
В голову приходит только вместо стандартного меню использовать вручную воссозданное, но это не вариант.
В общем, жду советов. И заранее спасибо.

Сообщение # 3 | 16:52:52 27 Май 2014

Можно и без спец классов. Достаточно на среднем уровне знать CSS. К примеру ссылка ведет на скачивание архива .rar Тогда в css достаточно прописать:

Код

#menu [href$=".rar"]:after{content:url(/img/rar.png)}

тут #menu - идентификатор меню чтоб стили применялись только к ссылка внутри меню;
/img/rar.png - адрес иконки архива или любой другой иконки, которая вставится после текста ссылки;
[href$=".rar"] - селектор атрибута, который находит элемент с атрибутом href заканчивающимся на .rar;

Кроме того можно использовать и фоновое изображение:

Код

#menu [href$=".rar"]{
display:inline-block;
line-height:40px;
padding-right:40px;
background:url(/img/rar.png) right center no-repeat}

Можешь забрать этот код и вставить его себе, сам знаешь куда.

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