1 (12.02.2014 01:58 отредактировано S1LVER)

Тема: [Решение]Изменение стандартных иконок

В ветке 1.3 уже поднималась эта тема, но для 1.4.2 она не слишком подходит.

Замена стандартных иконок на свои проходит даже намного проще.

Делаем одну правку в файле Oxygen.min.css

Отключаем показ квадрата, задаем размер будущей иконки, делаем отступ

.main-content .main-item .icon {
    border-width: 0.5833em;/*ширина бордера*/
    height: 32px;/*высота иконки*/
    width: 32px;/*ширина иконки*/
    float: left;/*выравнивание по левому краю*/
    margin-top: 0.667em;/*Отступ справа в пунктах*/
    margin-left: -3.5em;/*Отступ слева в пунктах*/
}

Т.е находим строку содержащую блок .main-content .main-item .icon, удаляем border-style:solid;, задаем ширину и высоту, делаем отсуп слева (в пунктах).

В конец файла дописываем для каждого форума

#forum21 .icon {background: url('../img/icon/shield.png') no-repeat scroll 0 0 transparent;}
#forum21 .icon.new {background: url('../img/icon/shield_add.png') no-repeat scroll 0 0 transparent;}
#forum21 .icon.sticky {background: url('../img/icon/virus_protection.png') no-repeat scroll 0 0 transparent;}
#forum21 .icon.sticky.closed {background: url('../img/icon/shield_delete.png') no-repeat scroll 0 0 transparent;}
#forum21 .icon.closed {background: url('../img/icon/shield_delete.png') no-repeat scroll 0 0 transparent;}
#forum21 .icon.moved {background: url('../img/icon/shield_go.png') no-repeat scroll 0 0 transparent;}

Значок - стандартный
Значок - стандартный, есть новые сообщения
Значок - важно
Значок - важно, закрыто
Значок - закрыто
Значок - перенесено

Поделиться

2

Re: [Решение]Изменение стандартных иконок

В каком файле дописывать?

Поделиться