Тема: Приветственное сообщение

Выделить бы его фоном под цвет функциональных элементов, или как обращение. Иначе в спешке, по невнимательности или по привычке взглянув на последнее сообщение можно подумать что никто не писал после последнего визита.
Ещё выделение отметит место захода.

Что добавить в собственные CSS правила?

2

Re: Приветственное сообщение

В CSS попробуйте добавить следующий код:

.ts.info {
  border-left: 8px solid #e199a3;
  background: #f3d6da;
}

Выглядеть будет так
http://s7.hostingkartinok.com/uploads/images/2014/04/3a2c8f0e19794c07c2c6d0a2ad60c6b5.jpg

Добро пожаловать в Ночной чат!

3

Re: Приветственное сообщение

Спасибо. Красота этот ваш CSS - дизайн не просто меняется, а будто создается, любой, самые извращенные фантазии можно воплотить. Добавил верхнюю черту - получился листок, только что уголок не загнут.

4 (2014-04-08 09:13:17 отредактировано Reysler)

Re: Приветственное сообщение

Я точно не знаю как вам нужно в итоге, но попробуйте в CSS добавить такой код:

.ts.info:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  border-color: #005e91 #005e91 #f0ebca #f0ebca;
  border-style: solid;
  border-width: 0 16px 16px 0;
  background: #f0ebca;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
  box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
}

Выглядеть будет так
http://s7.hostingkartinok.com/uploads/images/2014/04/924e52a60b2948a8f0738a5e1c2a8035.jpg

Добро пожаловать в Ночной чат!

5 (2014-04-08 18:42:42 отредактировано Денис)

Re: Приветственное сообщение

Наверно уголок лучше слева (тоже верхний), но не понял - как загнуть в другую сторону. Так не будет затенять тонкую и бледную полосу прокрутки. К стати - её можно сделать заметней?

6 (2014-04-09 16:34:28 отредактировано Reysler)

Re: Приветственное сообщение

Код из 4 сообщения замените на:

.ts.info:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  border-color: #005e91 #f0ebca #f0ebca #005e91;
  border-style: solid;
  border-width: 15px 15px 15px 15px;
  background: #f0ebca;
  -webkit-box-shadow: 0 0 0 rgba(0,0,0,0.3), 3px 3px 3px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 0 rgba(0,0,0,0.3), 3px 3px 3px rgba(0,0,0,0.2);
  box-shadow: 0 0 0 rgba(0,0,0,0.3), 3px 3px 3px rgba(0,0,0,0.2);
}

В ts.info добавьте отступ от левого края

padding-left: 40px;
Денис пишет:

К стати - её можно сделать заметней?

В CSS добавьте такой код:

.chatMessagesScrollBar div {
  background: #afafaf !important;
}

Цвет можете заменить на свой.

Добро пожаловать в Ночной чат!

7

Re: Приветственное сообщение

Это просто Кайфовод big_smile Спасибо.

8 (2014-04-14 09:22:11 отредактировано Денис)

Re: Приветственное сообщение

Полоса прокрутки как кнопки комнат в Кайфоводе при наведении менять цвет должна. Без наведения - рамка со внутренней коробкой тени, а при наведении - сплошная заливка.