10 января 2010 в 20:01
Подскажите пожалуйста, кто сталкивался с проблемой отображения блочных иконок (Block icons) в теме Zero point (0 point).
Суть вопроса такова: как указать какую иконку для какого блока нужно использовать?
Например на этом сайте http://www.boaz.ro в правой колонке четыре пункта:
- Navigator;
- Autentificare utilizatori;
- Personal Finance;
- Contact;
Для каждого пункта есть иконка в левом верхнем углу блока. Вот для контактов - это письмо и т.д.
Я у себя на сайте добавил в правую колонку блок поиска - у меня появилась иконка лупы (это меня устроило),
а потом добавил вручную созданный блок с меню по RSS и у меня появилась икока трафарета какого-то (это меня не устраивает), хотя я залез в папку, где лежат все эти иконки и там есть замечательная иконка для RSS.
Подскажите, где осуществляется выбор иконки для конкретного блока, я уже все перерыл, не могу найти.
Комментарии
style-zero.css
Firebug вам в помощь, в следующий раз
Установить иконки в новые блоки можно в данном файле
themes/zeropoint/_custom/custom-style.css
читаем в конце файла:
/*******************************/
/* UPDATE ICONS FOR NEW BLOCKS */
/*******************************/
/* where XXX is the block number */
/*
#block-block-XXX .block-icon {
background: transparent url(../images/contact_48.png) no-repeat;
}
*/
тут же копируем пример и заменяем на нужные параметры.
сам номер блока можно посмотреть в адресной строке (после того как блок будет создан)
например, /admin/build/block/configure/block/7
в нашем случае именно цифра 7 и будет номер блока
путь к картинке отличается от приведенного в примере
результат:
#block-block-7 .block-icon {
background: transparent url(../images/icons/blocks/icon_19_32.png) no-repeat;
}
alexeyko Спасибо, все четко!
Только вот есть один глупый вопрос: как узнать номер блока, если он создан Вьюсом?
Спасибо, разобрался, можно вставлять id в виде имени, которое можно выцепить при просмотре кода элемента.
Вставка выглядит вот таким образом:
background: transparent url(../images/icons/blocks/icon_30_32.png) no-repeat;
}
#block-views-projects_tasks-block .block-icon {
background: transparent url(../images/icons/blocks/icon_17_32.png) no-repeat;
}