Re: Редактирование CSS-стилей чата бесплатно

Специалист по CSS, Reysler, спасибо cool

352

Re: Редактирование CSS-стилей чата бесплатно

Здравствуйте! Подскажите пожалуйста, а можно задать в чате цвет ника отдельному человеку а не всем сразу?

353

Re: Редактирование CSS-стилей чата бесплатно

-=AfyN пишет:

Здравствуйте! Подскажите пожалуйста, а можно задать в чате цвет ника отдельному человеку а не всем сразу?

Это можно поменять в коде CSS, но пользователь который имеет Vip статус сам может сменить цвет ника.
P.S. В CSS я не разбираюсь.

354

Re: Редактирование CSS-стилей чата бесплатно

koliarijih3 пишет:
-=AfyN пишет:

Здравствуйте! Подскажите пожалуйста, а можно задать в чате цвет ника отдельному человеку а не всем сразу?

Это можно поменять в коде CSS, но пользователь который имеет Vip статус сам может сменить цвет ника.
P.S. В CSS я не разбираюсь.

Ну что что вип может поменять я знаю, а модератору или отдельному человеку как это сделать?

355

Re: Редактирование CSS-стилей чата бесплатно

-=AfyN пишет:

Здравствуйте! Подскажите пожалуйста, а можно задать в чате цвет ника отдельному человеку а не всем сразу?

.user2031645 { 
color: #5D64ED;
}

356

Re: Редактирование CSS-стилей чата бесплатно

Еще вопрос а флеш объект КАК ВСТАВИТЬ В ЧАТ ГДЕ НИКИ В НИЖНЮЮ ЧАСТЬ?

357 (2017-08-16 22:42:50 отредактировано nikolaib100)

Re: Редактирование CSS-стилей чата бесплатно

Вопрос,Как изменить цвет отправки сообщения у пользователей в чате?знаю,что они сами умеют,но хотелось бы самому знать как меняется

358 (2017-08-17 19:09:53 отредактировано Денис)

Re: Редактирование CSS-стилей чата бесплатно

https://discord-servers.chatovod.ru/ вопрос видимо не про поле отправки. Не понял.

.chatSendText.chatInputText {
    background-color: #36393e;
    color: #ffffff;
}

359

Re: Редактирование CSS-стилей чата бесплатно

nikolaib100 пишет:

Вопрос,Как изменить цвет отправки сообщения у пользователей в чате?знаю,что они сами умеют,но хотелось бы самому знать как меняется

https://image.prntscr.com/image/CX4JJKFaQha5AH1uXwnZeg.png

360 (2017-08-21 14:10:51 отредактировано MineiM)

Re: Редактирование CSS-стилей чата бесплатно

Всем привет!

Представляю вашему вниманию тестовый набор компонентов для вашего чата.

Основные особенности:

1. Главное преимущество шаблона заключается в его оптимизации/адаптивности под любые современные мобильные устройства и браузеры.
2. Выскальзывающие панели пользователя позволяют читать сообщения и общаться в чате на 99-ти процентах всей области вашего экрана. Вызов списка пользователей и меню приложений происходит путем наведения мыши/нажатия пальцем на экран в выступающей области.
3. Внедренный иконочный шрифт и CSS-инструментарий Font Awesome, а это значит, что вы легко сможете установить иконки в свой чат.
4. Список пользователей в скрытом состоянии позволяет видеть иконки, тем самым, вы всегда будете знать, сколько у вас посетителей в чате, не открывая саму панель.
5. Приятные цвета панелей светлых оттенков.
6. Шаблон можно применить абсолютно к любому чату. Все дополнительные CSS настройки вы можете настроить по своему усмотрению.

Пример чата:
//chatemplate.chatovod.ru/

Кто желает, может ознакомиться с полным руководством:
//sites.google.com/view/chatemplate/bootstrap

ChaTemplate - сервис бесплатных CSS для вашего чата
FAQ по чатам - открыть
PopUp - всплывающее окно для виджета чата

361 (2017-09-09 16:55:53 отредактировано Денис)

Re: Редактирование CSS-стилей чата бесплатно

Это https://krikienoid.github.io/flagwaver/ через CSS сделано? Как повторить фоном чата? Естественно со своим флагом. Например таким: https://img-fotki.yandex.ru/get/362774/ … 1749_M.jpg но маленький и в правый верхний уголок.

Говорят как то так анимация там http://nucleal.com/

362 (2017-09-11 07:17:33 отредактировано MineiM)

Re: Редактирование CSS-стилей чата бесплатно

такая анимация делается через скрипты. Из CSS на этой странице только оптимизация, фон и кнопки. Ну и пара мелочей.

ChaTemplate - сервис бесплатных CSS для вашего чата
FAQ по чатам - открыть
PopUp - всплывающее окно для виджета чата

363

Re: Редактирование CSS-стилей чата бесплатно

Доброго времени суток!

А можно ли в css изменить размер кнопок, таких как: ОТПРАВИТЬ, ОНЛАЙН, ну и отображение пользователей, находящихся онлайн.

Я к тому, что чат на мобильном отлично работает, но кнопки мизерные.

Если есть готовое решение, подскажите пожалуйста.

P.S И при авторизации, тоже.

364 (2017-10-05 16:23:00 отредактировано Денис)

Re: Редактирование CSS-стилей чата бесплатно

1. Как объединить фон чата, низ и шапку одной картинкой? Что бы картинка во всю высоту окна всего чата была, а не тремя кусками.

2. Как сделать прозрачные фоны элементов цвета которых можно выбирать в редакторе дизайна? Вставить вместо кода цвета transparent? )))) Не влезает жэ)))) Может через СНЕГ и НОВОГОДНИЙ фон как то в свои правила CSS прописать?

https://cdn.discordapp.com/attachments/288334698323771392/365494460135505930/b7fb83311d9a908e.png

365

Re: Редактирование CSS-стилей чата бесплатно

А вот как сделать в чате уникальное свечение когда нажимаешь на "отправить", "войти в чат", и все остальные кнопки на какие можно нажать?

Катрина пришла, ВСЕ В БУНКЕЕЕЕЕР

366

Re: Редактирование CSS-стилей чата бесплатно

Katrisha пишет:

А вот как сделать в чате уникальное свечение когда нажимаешь на "отправить", "войти в чат", и все остальные кнопки на какие можно нажать?

Смотря какое свечение Вы имеете ввиду...
Пример при нажатии:
#join-chat-button:active {
    box-shadow: 0px 0px 20px black;
}
С плавным появлением свечения:
#join-chat-button:active {
    box-shadow: 0px 0px 20px black;
    transition: .5s;
}
Естественно, цвет и скорость можете поставить на свой вкус.

367

Re: Редактирование CSS-стилей чата бесплатно

Reysler пишет:
Специалист по CSS пишет:

#join-chat-button {
     border-radius: 25px;
     background-color:#afefbf;
}
#join-chat-button:hover {
    border-radius: 50%;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

#join-chat-button, #join-chat-button2, #chat_main a, .chatTopLineWrapper > ul > li > ul > li > a, .chatTopLineWrapper ul li.chatMenuItemWithSeparator a, .justify, div.chatMessage span.chatUserFrom, .chatTabs ul, .chatTabs ul li.appTab a, .chatTopLineWrapper > ul > li > a, .chatTabs > ul > li.chatTab > a, .chatSendLinksPanel a.chatLinkSmiles, .chatSendLinksPanel .chatLinkImage, .has-user-id .chatLinkProfile, .chatSendLinksPanel a, .chatLinkGold, .chatLinkVip, .chatLinkModerate, .chatLinkMore, .chatSoundPanel a, .chatFooter .chatFooterWrapper .chatPanel .chatSendButtonPanel .chatSendButton, .chatPeople ul.chatPeopleList li, .chatPeople ul.chatPeopleList li a.chatUser {
    cursor: url(""),
default;
}

#join-chat-button {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#join-chat-button, #join-chat-button2 {
    background: transparent url("http://www.playcast.ru/uploads/2015/01/31/11875746.gif") no-repeat scroll 0 0;
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 100% 110%;
    border-radius: 25px 25px 25px 25px;
    box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #00FF00, 0 0 5px #F5DA81, 0 0 6px #F5DA81, 0 0 7px #F5DA81, 0 0 10px #F5DA81;
}
Этот код должен работать!

Из всего кода достаточно будет этого

#join-chat-button {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#join-chat-button:hover {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

Забей...
Человек не понимает, что лишняя нагрузка будет.
Но, увы, и не поймёт, ибо умом не вышел.

368

Re: Редактирование CSS-стилей чата бесплатно

бедная девочка, как же её ненавидят smile))

ChaTemplate - сервис бесплатных CSS для вашего чата
FAQ по чатам - открыть
PopUp - всплывающее окно для виджета чата

369 (2017-10-19 15:25:50 отредактировано Специалист по CSS)

Re: Редактирование CSS-стилей чата бесплатно

MineiM пишет:

бедная девочка, как же её ненавидят smile))

Вы сейчас про что?
Удивляюсь на людей в последнее время) Делают психи на пустом месте...

«У неё нет шансов» — громко заявили обстоятельства.
«Она неудачница» — крикнули люди.
«У неё всё получится» — тихо сказал Бог

370 (2017-10-19 16:06:12 отредактировано Денис)

Re: Редактирование CSS-стилей чата бесплатно

Почему только технические кнопки специалистов интересуют тут, а как же стильность не в техническом смысле, красота и художественная целостность? По дизайну я выше вопрос написал про единый фон, без шапок и подвалов, а голенький, целочкой http://forum.chatovod.com/viewtopic.php … 345#p33345

371

Re: Редактирование CSS-стилей чата бесплатно

А как сделать фон в активном/неактивном привате и также сделать его форму и Зд ощущения?

Катрина пришла, ВСЕ В БУНКЕЕЕЕЕР

372

Re: Редактирование CSS-стилей чата бесплатно

Katrisha пишет:

А как сделать фон в активном/неактивном привате и также сделать его форму и Зд ощущения?

Не совсем ясна формулировка: фон в неактивном привате? Если имеется в виду фон активных/неактивных вкладок.

Неактивные вкладки:

.chatTabs > ul > li.chatTab > a {
    background-color: #080;
}

Активные\при наведении вкладки:

.chatTabs > ul > li.chatTab.chatTabActive > a, .chatTabs > ul > li.chatTab > a:hover, .chatTabs > ul > li.chatTab > a.active {
    background-color: #f00;
}

По второй части вопроса конкретизируйте, приведите примеры.

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

373

Re: Редактирование CSS-стилей чата бесплатно

MineiM пишет:

бедная девочка, как же её ненавидят smile))

На то есть причины.

Re: Редактирование CSS-стилей чата бесплатно

toiram пишет:
MineiM пишет:

бедная девочка, как же её ненавидят smile))

На то есть причины.

Интересно какие?...?

«У неё нет шансов» — громко заявили обстоятельства.
«Она неудачница» — крикнули люди.
«У неё всё получится» — тихо сказал Бог

Re: Редактирование CSS-стилей чата бесплатно

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

«У неё нет шансов» — громко заявили обстоятельства.
«Она неудачница» — крикнули люди.
«У неё всё получится» — тихо сказал Бог