Поменять иконку категории

Голоса: +1
Поменять иконку в категории всех модулей $CATEGORIES$?

http://5.firepic.org/5/images/2015-11/04/08o5rofiy7hb.jpg
| Автор: | Категория: Дизайн сайта
Изменение категории | | Автор: Yuri_Geruk
Адрес сайта?

Ответов: 2

голоса: +2
 
Лучший ответ

Иконка задана в файле стилей style.css строка номер 942:

.catsTable tr a:before {
 content: "\f114";
 display: block;
 position: absolute;
 top: 1px;
 left: 0;
 font-family: 'FontAwesome';
 color: #555;
}

иконка задана вот данным участком стилей -  content: "\f114"; с помощью идентификатора который подтягивает иконку с карты стилей Font-Awesome которая прописана в файле - http://www.ixtira.tv/libs/font-awesome.css

@font-face {
  font-family: 'FontAwesome';
  src: url('/fonts/fontawesome-webfont.eot?v=4.1.0');
  src: url('/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('/fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('/fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

иконки можете подбирать и другие именно данными кодами как они и пронумерованы в карте иконок.

Либо удалите :

 content: "\f114";

вместо пропишите:

    background: url(ссылка на иконку)no-repeat;

аналогично не мешало бы сразу прописать ширину и высоту иконки:

width:0px;
height:0px;

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

| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
а в модуле видео и фотоальбом? неподскажите
Эмиль,

в том же файле стилей style.css начиная с строки 2211 найдете стили для каждой категории где в коде:

.raskraska1 {
 padding: 0 3px 5px 30px;
 font: 15px/18px 'Arial';
 color: #636363;
 background: url(/img/ikon/3.png) no-repeat 6px 0px;
}

меняйте ссылку на иконку(изображение) - /img/ikon/3.png у вас здесь блок категорий прописан вручную, это не системный блок и придется для каждой категории прописывать по отдельности, ниже после строки 2217 найдете стили, думаю разберетесь что к чему

голоса: 0
Для модуля фото, отвечают классы .raskraska1{ background: url(/img/ikon/3.png) no-repeat 6px 0px;} их там десять, соответственно меняете background для каждого класса.
Уточните для модуля видео, какие иконки?
| Автор:

я собераюсь в модуль фото усановить радную $CATEGORIES$, а не то что сейчас просто я когда поменял 

content: "\f114"; то они поменялись в обеих категориях (аудио и фото) как отделить иконки и установить каждому модулю свою иконку?
То что вы написали, почемуто неработает

.catsTable tr a:before {
 background: url(/img/ikon/iconukazatel.png)no-repeat;
 width:5px;
 height:5px;
 display: block;
 position: absolute;
 top: 1px;
 left: 0;
 font-family: 'FontAwesome';
 color: #555;
}

может я чтота неправельно делаю?
...