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

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

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

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



Окно входа в чат

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

1

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

0

2

Код надписи сверху окна при входе в чат:

Код:
.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;
}

0

3

Код скругления краев окна входа в чат и фонового рисунка:

Код:
.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; }

0

4

Код окна ввода ника с желтой обводкой, другим шрифтом и фоном:

Код:
.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; }

0



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