1 (2017-10-18 07:40:15 отредактировано MineiM)

Тема: ChaTemplate - сервис бесплатных CSS для Chatovod.ru

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

Что из себя представляют шаблоны ChaTemplate?
Разработать какой-то конкретный шаблон чата, который подошел бы для тысячи человек, на каждый их сайт или форум, практически не реально. Поэтому шаблоны ChaTemplate - это в своём роде апгрейд Ваших стандартных шаблонов на основе CSS стилей.

Что это значит?
Это значит, что Вам не нужно ничего скачивать или устанавливать сторонние программы! Просто скопируйте понравившийся код шаблона с нашего сайта или создайте свой собственный!  Вся установка займёт три действия и вы сами увидите, как изменится ваш чат:
1. выберите шаблон из списка
2. скопируйте код @import или закажите индивидуальный код шаблона

Как установить шаблон в чат?
1. Войдите в свой аккаунт на сайте http://chatovod.ru/partner/
2. Определите чат (если их много), в который хотите импортировать компоненты и выберите пункт "Дизайн"
3. Внизу страницы, под окном предварительного просмотра чата, активируйте пункт: ☑ Включить собственные правила CSS
4. Вставьте скопированный код (Ctrl+V) в поле ввода собственных правил CSS и нажмите "Сохранить настройки CSS"

Всё! Дальше, Вы можете отредактировать ручные настройки, поменять цвета или картинки и спокойно пользоваться чатом.


На данный момент пока есть 5 шаблонов:
Первый набор называется Bootstrap, потому что представляет из себя набор исходных компонентов, которые могли бы присутствовать в чатоводе. Сейчас в мире такой тренд, чтобы на сайте или форуме все ползало, выскакивало или выезжало при использовании триггеров и раскладных меню. Поэтому данные шаблоны являются лишь улучшением стандартных чатов под рамки современности, которые вы можете устанавливать по своему желанию.

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

Эти и другие шаблоны, а так же прочую информацию о сервисе ChaTemplate Вы можете найти на сайте.
По ходу ознакомления с сервисом Chatovod и вашими вопросами, мы добавляем пункты в раздел - FAQ.


Предложения по улучшению шаблонов, свои пожелания или замечания по импортированным css пишите нам в чат - http://chatemplate.chatovod.ru или в обсуждения в паблике во вконтакте - https://vk.com/chatemplate

Примеры чатов и новые шаблоны вы можете посмотреть на сайте в разделе "Шаблоны"

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

Как узнать обновился ли шаблон?
Изначально, код для импорта выглядит примерно так: @import url('//madeas.ru/ChaTemplate/Mobile.css'); , но если в нем появятся какие-либо изменения, в коде появится цифровое обозначение, например: @import url('//madeas.ru/ChaTemplate/Mobile.css?1.0.1'); что будет означать - шаблон обновлен

Подписывайтесь на нашу страничку во ВКонтакте - https://vk.com/chatemplate

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

2 (2017-10-18 07:41:04 отредактировано MineiM)

Re: ChaTemplate - сервис бесплатных CSS для Chatovod.ru

Обновлен раздел FAQ - перейти в раздел

Добавлены разделы:
Иконки - Icons
Кнопки - Buttons (анимация для кнопок)

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

Re: ChaTemplate - сервис бесплатных CSS для Chatovod.ru

Реально понравились ваши коды, сначала так не заметила, работает, прикольно!

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

4

Re: ChaTemplate - сервис бесплатных CSS для Chatovod.ru

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

Реально понравились ваши коды, сначала так не заметила, работает, прикольно!

Спасибо за теплый отзыв.

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

5

Re: ChaTemplate - сервис бесплатных CSS для Chatovod.ru

Супер))) спасибо большое!

6

Re: ChaTemplate - сервис бесплатных CSS для Chatovod.ru

Спасибо за красивые коды, мне очень понравились, обязан Вам.
СПАСИБО БОЛЬШУЩЕЕ!!!

7 (2017-08-30 06:36:04 отредактировано MineiM)

Re: ChaTemplate - сервис бесплатных CSS для Chatovod.ru

Денис пишет:

Кто вор? Автор темы или автор предыдущего сообщения? Тогда аватар при чем?

Где Ваша первая тема про Bootstrap ? Что то не нашёл, хотя сам писал там. Модератор удалил по Вашей просьбе?

В счетчике у Вас 6 сообщений, а на форуме только 3.

Думаю это адресовано было мне) Тема была перенесена в архив по моей просьбе, поскольку является плагиатом и вызвала много отрицательных эмоций из-за дезы. Пояснения ниже.

Bootstrap пишет:

Ты вор
Удали аватар быстро и мой код

Как оригинально писать с аккаунта двухдневной давности и называть его названием одного из шаблонов... smile

Я видел вашу тему с ссылками на мой сайт и чаты, которые, опять же, принадлежат мне smile Даже не поленюсь и напишу их: http://rpackmg.chatovod.ru/ - чат пакетов текстур RPackMG для майнкрафта, увы, но отследив историю его создания, вас там не будет. Облом. И http://ddbpbl.chatovod.ru/ - чат клуба мэров в котором, ого, я являюсь главой. Эх, опять облом.
На данный момент, в чатах из ваших примеров, коды удалены, дабы не вводить людей в заблуждение, как получилось с Каролиной, которая, цитирую "Не нашла в них ничего особенного".

Спасибо за ваши старания придать гласности развивающийся проект, но не стоит выдавать его за свой собственный, поскольку любое авторское право уголовно и административно наказуемо, а, судя по разговору, вам не больше 15 лет...

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

8 (2017-10-18 07:42:24 отредактировано MineiM)

Re: ChaTemplate - сервис бесплатных CSS для Chatovod.ru

Новый шаблон - Serenity

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

9 (2017-10-18 07:43:11 отредактировано MineiM)

Re: ChaTemplate - сервис бесплатных CSS для Chatovod.ru

/del

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

10 (2017-10-18 07:43:36 отредактировано MineiM)

Re: ChaTemplate - сервис бесплатных CSS для Chatovod.ru

Встречайте новый шаблон для школьных чатов

https://pp.userapi.com/c638431/v638431397/5bce7/ueewoSSw4Ok.jpg

School template


School template — это полноценный шаблон для вашего чата, выполненный в стиле школьной доски. Он отлично будет смотреться на сайте классного руководителя, репетитора или на сайте любого другого образовательного учреждения.

Описание шаблона и код для вставки на сайте - chatemplate/templates/school

Есть вопросы? Пишите в теме | Понравился дизайн? Оставьте свой отзыв

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

11

Re: ChaTemplate - сервис бесплатных CSS для Chatovod.ru

Если кому-то удобнее отслеживать новости в соцсетях - группа ВКонтакте для вас

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

12

Re: ChaTemplate - сервис бесплатных CSS для Chatovod.ru

Представляю вашему вниманию стильную пульсирующую кнопку вкл/выкл звука на css - https://vk.com/chatemplate?w=wall-152813519_16

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

13

Re: ChaTemplate - сервис бесплатных CSS для Chatovod.ru

чат во вконтакте - https://vk.com/app6172333

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

14 (2017-10-18 07:45:18 отредактировано MineiM)

Re: ChaTemplate - сервис бесплатных CSS для Chatovod.ru

Уважаемые пользователи, новый шаблон для ваших чатов ChaTemplate готов

https://pp.userapi.com/c837531/v837531755/6871a/8pXqG17qga4.jpg

Coffee

Coffee — простой, но интересный шаблон чата. Теплые кофейные оттенки панелей и кнопок создадут уютную домашнюю атмосферу в вашем чате. Подробности читайте в инструкции на сайте chatemplate/templates/coffee и подписывайтесь на наш паблик во ВКонтакте - https://vk.com/chatemplate

По интересующим вас вопросам, вы можете обратиться в наш главный чат - http://chatemplate.chatovod.ru

Есть вопросы? Пишите в теме | Понравился дизайн? Оставьте свой отзыв

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

15 (2017-10-18 07:45:58 отредактировано MineiM)

Re: ChaTemplate - сервис бесплатных CSS для Chatovod.ru

Встречайте новый шаблон для ваших чатов

https://pp.userapi.com/c841623/v841623579/19c5c/q_Z-P74CG7o.jpg

Snow Template


Snow Template — новый взгляд на старые шаблоны. Подойдет для любого круга общения и сделает ваш чат более привлекательным для новых пользователей.
chatemplate/templates/snow

Есть вопросы? Пишите в теме | Понравился дизайн? Оставьте свой отзыв

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

16

Re: ChaTemplate - сервис бесплатных CSS для Chatovod.ru

В рамках программы "Создадим чат вместе", проект ChaTemplate предлагает всем пользователям сервиса Chatovod принять участие в ряде опросов во вконтакте, где Вы сможете сами выбрать один или несколько понравившихся элементов дизайна, например, личную карточку пользователя в общем списке, полосы прокрутки в чате и другие элементы. Подробнее читайте в паблике вк - https://vk.com/topic-152813519_36062410

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

17 (2017-10-18 07:46:42 отредактировано MineiM)

Re: ChaTemplate - сервис бесплатных CSS для Chatovod.ru

Уважаемые пользователи!

С сегодняшнего дня поддержка шаблона Bootstrap и мобильной версии для чатов "chatMobile" от проекта ChaTemplate приостановлена! Развитие данных ресурсов отложено на неопределенный срок. В дальнейшем, работа по оптимизации чатов Chatovod.ru будет направлена на новый продукт - chatResponsive.

Скриншоты с оптимизацией чатов вы можете посмотреть уже сейчас:
http://madeas.usite.pro/ChaTemplate/img/3.png http://madeas.usite.pro/ChaTemplate/img/4.png


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

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

18

Re: ChaTemplate - сервис бесплатных CSS для Chatovod.ru

Ух ты, классно!!!

19 (2017-10-18 07:46:56 отредактировано MineiM)

Re: ChaTemplate - сервис бесплатных CSS для Chatovod.ru

http://madeas.usite.pro/ChaTemplate/img/5.png

Новое меню для мобильной версии

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

20 (2017-09-16 22:18:56 отредактировано MineiM)

Re: ChaTemplate - сервис бесплатных CSS для Chatovod.ru

Мобильная версия чатов от ChaTemplate получит пульсирующую кнопку Sound

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

21 (2017-10-18 07:47:06 отредактировано MineiM)

Re: ChaTemplate - сервис бесплатных CSS для Chatovod.ru

Предположительный внешний вид мобильной версии:
http://madeas.usite.pro/ChaTemplate/img/OBT_all.gif

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

22 (2017-10-18 07:48:08 отредактировано MineiM)

Re: ChaTemplate - сервис бесплатных CSS для Chatovod.ru

Представляю вашему вниманию сразу два шаблона!

https://pp.userapi.com/c841229/v841229970/1fea5/dETnJmSG5jk.jpg

ChaTemplate Clear day

Clear day — название шаблона говорит само за себя. Общение в таком чате всегда будет способствовать хорошему настроению для вас и ваших пользователей, даже если вы живете  Москве и за окном идет дождь 365 дней в году.

http://madeas.usite.pro/ChaTemplate/templates/night.png

ChaTemplate Quiet night

Quiet night — шаблон совершенно нового формата для Chatovod'a. Чаты выполненные в темных тонах, могут быть весьма популярны и действительно способны выглядеть элегантно и креативно. Оформление такого типа вполне можно использовать для работы над клиентскими сайтами, однако оно подходит далеко не всем.

Подробности читайте на нашем сайте или на страничке ВКонтакте.

Есть вопросы? Пишите в теме | Понравился дизайн? Оставьте свой отзыв

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

23 (2017-10-18 07:48:47 отредактировано MineiM)

Re: ChaTemplate - сервис бесплатных CSS для Chatovod.ru

Встречайте, новый шаблон для чатов

http://madeas.usite.pro/ChaTemplate/img/dawn.gif

Dawn

Dawn — это солнечный шаблон нового формата в желтых красочных тонах, который не оставит равнодушными даже самых закостенелых пользователей. Ярко-желтый и оранжевый цвета в качестве акцента - вот что отличает этот шаблон от других и делает его запоминающимся.
Фоновое изображение для главной страницы: http://madeas.usite.pro/ChaTemplate/bg/bg5.jpg

Подробности читайте на нашем сайте и подписывайтесь на страничку ВКонтакте.

Есть вопросы? Пишите в теме | Понравился дизайн? Оставьте свой отзыв

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

24 (2017-10-18 07:49:59 отредактировано MineiM)

Re: ChaTemplate - сервис бесплатных CSS для Chatovod.ru

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

http://madeas.usite.pro/ChaTemplate/gif/black.gif

Black

Black — очень нужный шаблон для тех, кто ничего не знает о веб-разработках, но хочет иметь качественный дизайн чата с гибкой структурой и стильным интерфейсом. В качестве основных цветов в шаблоне использованы черный, синий и серый. Несмотря на такой нестандартный взгляд на внешний вид, шаблон побуждает к творческой мысли и созданию чего-то прекрасного и неповторимого.

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

25

Re: ChaTemplate - сервис бесплатных CSS для Chatovod.ru

Дружище, даёшь мобильную версию!