Тут собраны коды которые можно использовать для различного дизайна окошка с никами.
Окошко ников чата
Страница: 1
Сообщений 1 страница 12 из 12
Поделиться12018-02-21 14:26:20
- Администратор
- Откуда: Украина
- Зарегистрирован: 2017-06-18
- Приглашений: 15
- Сообщений: 65535
- Уважение: [+10/-0]
- Позитив: [+14/-0]
- Пол: Мужской
- Провел на форуме:
2 дня 21 час - Последний визит:
2019-06-09 22:18:03
Поделиться22018-02-21 14:28:48
- Администратор
- Откуда: Украина
- Зарегистрирован: 2017-06-18
- Приглашений: 15
- Сообщений: 65535
- Уважение: [+10/-0]
- Позитив: [+14/-0]
- Пол: Мужской
- Провел на форуме:
2 дня 21 час - Последний визит:
2019-06-09 22:18:03
Код для подчеркивания ника пользователя (нужно указать id пользователя):
Код:
.user-(цифрами id пользователя) .chatUser {
text-decoration: underline!important;
}Код для выделения ника другим шрифтом:
Код:
.user-(id пользователя) .chatUser {
text-decoration: underline!important;
font-family: Ravie;
}Поделиться32018-02-21 14:32:14
- Администратор
- Откуда: Украина
- Зарегистрирован: 2017-06-18
- Приглашений: 15
- Сообщений: 65535
- Уважение: [+10/-0]
- Позитив: [+14/-0]
- Пол: Мужской
- Провел на форуме:
2 дня 21 час - Последний визит:
2019-06-09 22:18:03
Код выдвижного окна пользователей:
Код:
.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%;}Поделиться42018-02-21 14:42:23
- Администратор
- Откуда: Украина
- Зарегистрирован: 2017-06-18
- Приглашений: 15
- Сообщений: 65535
- Уважение: [+10/-0]
- Позитив: [+14/-0]
- Пол: Мужской
- Провел на форуме:
2 дня 21 час - Последний визит:
2019-06-09 22:18:03
Код окна пользователей справа:
Код:
.chatMain .chatPeople {
left: 0 !important;
}
.chatMain .chatMessages, .chatMain .chatPrivateMessages {
right: 0 !important;
left: 170px !important;
}
.chatTabs {
left: 171px !important;
right: 0 !important;
}Поделиться52018-02-21 15:00:56
- Администратор
- Откуда: Украина
- Зарегистрирован: 2017-06-18
- Приглашений: 15
- Сообщений: 65535
- Уважение: [+10/-0]
- Позитив: [+14/-0]
- Пол: Мужской
- Провел на форуме:
2 дня 21 час - Последний визит:
2019-06-09 22:18:03
Код смены короны всем администраторам:
Код:
.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;
}Поделиться62018-02-21 15:22:58
- Администратор
- Откуда: Украина
- Зарегистрирован: 2017-06-18
- Приглашений: 15
- Сообщений: 65535
- Уважение: [+10/-0]
- Позитив: [+14/-0]
- Пол: Мужской
- Провел на форуме:
2 дня 21 час - Последний визит:
2019-06-09 22:18:03
Код картинки снизу в окне ников:
Код:
.chatPeople.vscrollable { background-image:url(адрес картинки); background-position: bottom; background-repeat:no-repeat; }Поделиться72018-02-21 15:26:58
- Администратор
- Откуда: Украина
- Зарегистрирован: 2017-06-18
- Приглашений: 15
- Сообщений: 65535
- Уважение: [+10/-0]
- Позитив: [+14/-0]
- Пол: Мужской
- Провел на форуме:
2 дня 21 час - Последний визит:
2019-06-09 22:18:03
Иконка пользователям с 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")
}Поделиться82018-02-22 16:22:28
- Администратор
- Откуда: Украина
- Зарегистрирован: 2017-06-18
- Приглашений: 15
- Сообщений: 65535
- Уважение: [+10/-0]
- Позитив: [+14/-0]
- Пол: Мужской
- Провел на форуме:
2 дня 21 час - Последний визит:
2019-06-09 22:18:03
Код удаления ника в окне ников:
Код:
.user-(id пользователя) .chatUser {
display: none;
text-decoration: underline!important;
font-family: Matura MT Script Capitals;
}Поделиться92018-02-24 15:32:02
- Администратор
- Откуда: Украина
- Зарегистрирован: 2017-06-18
- Приглашений: 15
- Сообщений: 65535
- Уважение: [+10/-0]
- Позитив: [+14/-0]
- Пол: Мужской
- Провел на форуме:
2 дня 21 час - Последний визит:
2019-06-09 22:18:03
Код удалить щиты модераторов:
Код:
a.chatUser+img[title="Модератор"] {
display: none;
}Код удалить щит модератора у определенного пользователя:
Код:
.user-(id модератора) img[title="Модератор"]{
display: none; Код удалить короны администраторов:
Код:
a.chatUser+img[title="Администратор"] {
display: none;Код удалить корону администратора у опеределенного пользователя:
Код:
.user-(id администратора) img[title="Администратор"]{
display: none;Поделиться102018-02-26 15:19:19
- Администратор
- Откуда: Украина
- Зарегистрирован: 2017-06-18
- Приглашений: 15
- Сообщений: 65535
- Уважение: [+10/-0]
- Позитив: [+14/-0]
- Пол: Мужской
- Провел на форуме:
2 дня 21 час - Последний визит:
2019-06-09 22:18:03
Код текста перед ником определенного пользователя:
Код:
.user-(id пользователя) .chatUser:before {
content: "Ваш текст";
}Поделиться112018-02-26 15:30:43
- Администратор
- Откуда: Украина
- Зарегистрирован: 2017-06-18
- Приглашений: 15
- Сообщений: 65535
- Уважение: [+10/-0]
- Позитив: [+14/-0]
- Пол: Мужской
- Провел на форуме:
2 дня 21 час - Последний визит:
2019-06-09 22:18:03
Код для смены надписи "В чате ... чел." и ее цвета:
Код:
.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;
}Поделиться122018-02-28 23:03:55
- Администратор
- Откуда: Украина
- Зарегистрирован: 2017-06-18
- Приглашений: 15
- Сообщений: 65535
- Уважение: [+10/-0]
- Позитив: [+14/-0]
- Пол: Мужской
- Провел на форуме:
2 дня 21 час - Последний визит:
2019-06-09 22:18:03
Код картинки место ника:
Код:
.user-(id пользователя) { background: transparent url("ссылка на картинку") no-repeat scroll 30px 0px / 180px 30px; padding-left: 5px; padding-bottom: 4px; color: rgba(31, 120, 8, 0); }Страница: 1