Я часто вижу на форуме, как многие пользователи спрашивают о том, как заменить стандартные иконки в чате на свои собственные? Ответ очень прост. Вам достаточно небольшого количества знаний о css и Вы спокойно сами сможете заменить иконки в чате. Чтобы это сделать, вам нужно знать классы, к которым прикреплены изображения. Специально для Вас эти классы представлены ниже.

Как заменить иконки модератора и админа? 16х16

.mod-icon {
    background-image: url("ссылка на ваше изображение")!important ;
}
.adm-icon {
    background-image: url("ссылка на ваше изображение")!important ;
}

Как заменить изображения пользователя в чате?

.chatUserMenuInfo {background-image: url();}/* инфо */
.chatUserMenuPrivate  {background-image: url();}/* приват */
.chatUserMenuPhotos  {background-image: url();}/* фотографии */
.chatUserMenuGift  {background-image: url();}/* подарки */
.chatUserMenuIgnore  {background-image: url();}/* игнор */
.chatUserMenuBan  {background-image: url();}/* забанить */

Как заменить иконки в верхнем правом меню пользователя? 16х16

.msi.msi_vcard_edit {background: url(')!important;} /* настройки */
.msi.msi_wand {background: url()!important;} /* вип */
.msi.msi_photos {background: url()!important;} /* фотографии */
.msi.msi_coins {background: url()!important;} /* золото */
.msi.msi_group {background: url()!important;} /* гости + друзья */
.msi.msi_ignore {background: url()!important;} /* игнор */

Как заменить иконки в чате на нижней панели?

.chatSendLinksPanel .chatLinkSmiles {background: url('') 0 0 no-repeat;}/* смайлы */
.chatSendLinksPanel .chatLinkImage {background: url('') 0 0 no-repeat;}/* медиа */
.chatSendLinksPanel .chatLinkProfile {background: url('') 0 0 no-repeat;}/* профиль */
.chatSendLinksPanel .chatLinkGold {background: url('') 0 0 no-repeat;}/* золото */
.chatSendLinksPanel .chatLinkVip {background: url('') 0 0 no-repeat;}/* vip */
.chatSendLinksPanel .chatLinkModerate {background: url('') 0 0 no-repeat;} /* moder */

Как изменить иконки пола? 16х16

/* нет пола */
.chatPeople ul.chatPeopleList li a.chatUserSex0 b {
    background-image: url('ссылка на ваше изображение');
}

/* мужской пол */
.chatPeople ul.chatPeopleList li a.chatUserSex1 b {
    background-image: url('ссылка на ваше изображение');
}

/* женский пол */
.chatPeople ul.chatPeopleList li a.chatUserSex2 b {
    background-image: url('ссылка на ваше изображение');
}

Как убрать изображения в верхнем меню? 16х16

.msi {
  display: none;
}

С этим разделом смотрят:

Эффекты для кнопок

Более 15 интересных анимационных эффектов на css3 для кнопок чата.

Подробнее

Смайлы для chatovod

Наборы веселых смайлов, которые всегда смогут оживить чат.

Подробнее

FAQ по CSS

Ответы на часто задаваемые вопросы по настройке общих стилей .

Подробнее

Pop-Up окно

Всплывающее окно позволяет открыть чат с любой страницы сайта.

Подробнее