Тут будут собраны коды которые применимы к дизайну окна входа в чат.
Окно входа в чат
Страница: 1
Сообщений 1 страница 4 из 4
Поделиться12018-02-25 15:14:26
- Администратор
- Откуда: Украина
- Зарегистрирован: 2017-06-18
- Приглашений: 15
- Сообщений: 65535
- Уважение: [+10/-0]
- Позитив: [+14/-0]
- Пол: Мужской
- Провел на форуме:
2 дня 21 час - Последний визит:
2019-06-09 22:18:03
Поделиться22018-02-25 15:18:17
- Администратор
- Откуда: Украина
- Зарегистрирован: 2017-06-18
- Приглашений: 15
- Сообщений: 65535
- Уважение: [+10/-0]
- Позитив: [+14/-0]
- Пол: Мужской
- Провел на форуме:
2 дня 21 час - Последний визит:
2019-06-09 22:18:03
Код надписи сверху окна при входе в чат:
Код:
.chatFull .transparent:after {
content:"Ваш текст";
font-family:arial;
font-size: 36px;
text-align:justify;
text-shadow:3px 3px 10px green,-3px -3px 10px blue;color: #ff00ff;
position: absolute;
top:5%; left:100px; bottom:0; right:100px;
z-index: 1;
opacity: 1;
}Поделиться32018-02-26 14:58:46
- Администратор
- Откуда: Украина
- Зарегистрирован: 2017-06-18
- Приглашений: 15
- Сообщений: 65535
- Уважение: [+10/-0]
- Позитив: [+14/-0]
- Пол: Мужской
- Провел на форуме:
2 дня 21 час - Последний визит:
2019-06-09 22:18:03
Код скругления краев окна входа в чат и фонового рисунка:
Код:
.transparent { background-image: url(ссылка на фон); background-size: 100% 100%; border-radius: 25px;box-shadow: 0 0 1px #777, 0 0 2px #777, 0 0 3px #777, 0 0 4px #777, 0 0 5px #777, 0 0 6px #777, 0 0 7px #777, 0 0 20px #777 inset; }Поделиться42018-02-26 15:15:20
- Администратор
- Откуда: Украина
- Зарегистрирован: 2017-06-18
- Приглашений: 15
- Сообщений: 65535
- Уважение: [+10/-0]
- Позитив: [+14/-0]
- Пол: Мужской
- Провел на форуме:
2 дня 21 час - Последний визит:
2019-06-09 22:18:03
Код окна ввода ника с желтой обводкой, другим шрифтом и фоном:
Код:
.chatSpecifyPassword input[type=text] {font-family:arial black;box-shadow: 0 0 1px #777, 0 0 2px #777, 0 0 3px #777, 0 0 4px #777, 0 0 5px #777, 0 0 6px #777, 0 0 7px #777, 0 0 20px #777 inset;background-image: url(ссылка на фон);width: 80%;box-sizing: border-box;border: 1px solid #FFFF00;padding: 3px 4px;border-radius: 35px 5px 35px 5px; }Страница: 1