Ваша БЕСПЛАТНАЯ рекламма 

(✿◠‿◠)Форум общения, советы дизайнерам(ง ͠° ͟ل͜ ͡°)ง

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



Окошко ников чата

Сообщений 1 страница 12 из 12

1

Тут собраны коды которые можно использовать для различного дизайна окошка с никами.

0

2

Код для подчеркивания ника пользователя (нужно указать id пользователя):

Код:
.user-(цифрами id пользователя) .chatUser {
    text-decoration: underline!important;
}

Код для выделения ника другим шрифтом:

Код:
.user-(id пользователя) .chatUser {
   text-decoration: underline!important;
   font-family: Ravie;
}

0

3

Код выдвижного окна пользователей:

Код:
.chatPeople {background-image: url("фон окна ");background-position: center center;border-radius: 20px 20px 20px 20px;background-repeat: no-repeat;background-size: 150% 108%;border-image-width: 9px;border-image-source: url(адрес картинки);border-image-slice: 30;border-image-repeat: stretch;box-shadow:  -7px 7px 7px -7px #333;}.chatMain .chatPeople{width:172px;height:28px;background-color: transparent;transition:height 0.9s;transition-timing-function:linear;-moz-transition:height 0.9s;-moz-transition-timing-function:linear;-webkit-transition:height 0.9s;-webkit-transition-timing-function:linear;-o-transition:height 0.9s;-o-transition-timing-function:linear;}.chatMain .chatPeople:hover{height:100%;}.chatTopLineWrapper ul li ul {    display: block;    left: -150px;    top: 40px;    visibility: visible;    width: 197px;margin: 15px 0 0 0;}.chatMain .chatMessages, .chatMain .chatPrivateMessages {    width:100%;}

0

4

Код окна пользователей справа:

Код:
.chatMain .chatPeople {
    left: 0 !important;
}
.chatMain .chatMessages, .chatMain .chatPrivateMessages {
    right: 0 !important;
    left: 170px !important;
}
.chatTabs {
    left: 171px !important;
    right: 0 !important;
}

0

5

Код смены короны всем администраторам:

Код:
.adm-icon {
    background-image: url("ссылка на иконку 18 на 18");
}

Код смены щита всем модераторам:

Код:
.mod-icon {
    background-image: url("ссылка на иконку 18 на 18");
}

Иконка справа от ника вместо модераторской иконки:

Код:
.user-(id модератора) .mod-icon{
    background-image: url("адрес иконки 18 на 18");
}

Иконка справа от ника вместо администраторской иконки:

Код:
.user-(id администратора) .adm-icon{
    background-image: url("адрес иконки 18 на 18");
}

Иконки всем пользователям слева от ника:

Код:
.chatPeople ul.chatPeopleList li a.chatUser { 
background: transparent url("адрес иконки 18 на 18") no-repeat 0px 0px / 15px 15px; padding-left: 20px; padding-bottom:0px; height: 50px; }

Иконка справа от ника отдельному пользователю:

Код:
.user-(id пользователя) .chatUser {
    padding-right: 18px;
    background: url(адрес иконки 18 на 18) no-repeat center right;
}

0

6

Код картинки снизу в окне ников:

Код:
.chatPeople.vscrollable { background-image:url(адрес картинки); background-position: bottom; background-repeat:no-repeat; }

0

7

Иконка пользователям с Vip статусом:

Код:
.chatUserVip { background: transparent url("адрес иконки 18 на 18") no-repeat scroll 0 0; }

Иконки полов:

Код:
/* Иконка нет пола */
.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(адрес иконки);

Иконка мужского пола отдельному пользователю:

Код:
.chatPeople ul.chatPeopleList li.user-(id пользователя) a.chatUserSex1 b {
background-image:url("ссылка на иконку 18 на 18")
}

Иконка женского пока отдельному пользователю:

Код:
.chatPeople ul.chatPeopleList li.user-(id пользователя) a.chatUserSex2 b {
background-image:url("ссылка на иконку 18 на 18")
}

0

8

Код удаления ника в окне ников:

Код:
.user-(id пользователя) .chatUser {
display: none;
   text-decoration: underline!important;
   font-family: Matura MT Script Capitals;
}

0

9

Код удалить щиты модераторов:

Код:
a.chatUser+img[title="Модератор"] {
    display: none;
}

Код удалить щит модератора у определенного пользователя:

Код:
.user-(id модератора) img[title="Модератор"]{
    display: none; 

Код удалить короны администраторов:

Код:
a.chatUser+img[title="Администратор"] {
    display: none;

Код удалить корону администратора у опеределенного пользователя:

Код:
.user-(id администратора) img[title="Администратор"]{
    display: none;

0

10

Код текста перед ником определенного пользователя:

Код:
.user-(id пользователя) .chatUser:before {
    content: "Ваш текст";
}

0

11

Код для смены надписи "В чате ... чел." и ее цвета:

Код:
.chatPeopleTitle {
    color: rgba(0,0,0,0);

}
.chatUsersCount, .chatUsersCount::before, .chatUsersCount::after {
    color: red;
    position: relative;
    right: 5px;
}
.chatUsersCount::before {
    content: "Присутствуют ";
}
.chatUsersCount::after {
    content: "юзеров";
    right: 0px;
}

0

12

Код картинки место ника:

Код:
.user-(id пользователя) { background: transparent url("ссылка на картинку") no-repeat scroll 30px 0px /  180px 30px; padding-left: 5px; padding-bottom: 4px; color: rgba(31, 120, 8, 0);  }

0



Рейтинг форумов | Создать форум бесплатно © 2007–2017 «QuadroSystems» LLC