Дизайн чата в css
Страницы Назад 1 … 10 11 12 13 14 15 16 Далее
Чтобы отправить ответ, вы должны войти или зарегистрироваться
276 Ответ от Денис 2017-01-15 18:52:59 (2017-01-15 18:58:52 отредактировано Денис)
Re: Редактирование CSS-стилей чата бесплатно
Во, это пойдёт. Спасибо.
Надеюсь правильно я понял:
Только оно вроде не фоном. И пока черновик безобразный.
А самое универсальное - научиться вставлять свои кликабельные элементы в любые места. Свои кнопки ссылок.
И очень нужно - вставлять свои ключевые слова, типа своё описание и постоянный контент который будут поисковые системы учитывать.
Скайп конфы и Дискорд сервера
Сайт Денис
277 Ответ от creatordemigod 2017-01-15 19:57:15
Re: Редактирование CSS-стилей чата бесплатно
Вставлять кликабельные элементы средствами css невозможно. Я бы предложил возможность добавления собственных скриптов на яве, но скорее всего откажут сразу из-за наличия в ней уязвимостей. Хотя на ней можно весь чат перекрутить так, что не узнают
278 Ответ от Денис 2017-01-15 20:27:11 (2017-01-16 10:16:05 отредактировано Денис)
Re: Редактирование CSS-стилей чата бесплатно
Браузер в Андроиде стал выдавать УГРОЗА БЕЗОПАСНОСТИ! А в подробностях (в самом сертификате) - НАЗВАНИЕ САЙТА НЕ СООТВЕТСТВУЕТ НАЗВАНИЮ В СЕРТИФИКАТЕ. Похоже это связанно с кнопкой входа? Или я месяц назад вставил картинку частично касающуюся названия чата, а поняли это только сейчас? Совпадение маловероятное.
В прежние года несколько раз поисковые системы считали ВОЙТИ В ЧАТ - названием чата http://forum.chatovod.com/viewtopic.php?id=1921
Кнопка входа в принципе место очень мистическое и функциональное))) Логично обратить большее внимание на её дизайн и расположение.
Скайп конфы и Дискорд сервера
Сайт Денис
279 Ответ от Admin 2017-01-18 20:07:39
Re: Редактирование CSS-стилей чата бесплатно
Значит по https открываете свой домен чата. А это не поддерживается.
http://chatovod.ru - чат для вашего сайта
Сайт Admin
280 Ответ от Денис 2017-01-19 10:53:38 (2017-01-19 10:55:50 отредактировано Денис)
Re: Редактирование CSS-стилей чата бесплатно
То есть - при наложении картинки на кнопку входа - Андроид браузер лишит сертификата HTTPS и болокирует надеюсь только один чат и сайт на который он встроен? Я то не стану рисковать, но другие хозяева чайников? Может стоит написать это предупреждение в поле своих правил CSS?
Скайп конфы и Дискорд сервера
Сайт Денис
281 Ответ от Admin 2017-01-20 20:43:44
Re: Редактирование CSS-стилей чата бесплатно
Это не риск. Это политика безопасности браузеров не позволяет отображать на https-сайте что-либо загруженное не по https.
http://chatovod.ru - чат для вашего сайта
Сайт Admin
282 Ответ от Денис 2017-01-21 16:09:48 (2017-01-23 10:49:35 отредактировано Денис)
Re: Редактирование CSS-стилей чата бесплатно
Да, это точно не из за CSS было, а из за иконки приложения. Я чтобы заполнить поле ссылки на иконку - ляпнул туда из буфера обмена ссылку без указания протокола, а только после // на само приложение, но своего домена у которого нет сертификата httpS.
Такое сделать видимо мог только я))) Извините за беспокойство и отнятое время. Постараюсь больше спать, а тупить - меньше.
Вот тестовый пример того как иконка приложения блокирует чат по безопасности https://css-proba.chatovod.ru/ это видно в браузере Андроид, если не выключена проверка сертификатов. Сайт со встроенным чатом - тоже блокирует, а вернее - предупреждает.
Скайп конфы и Дискорд сервера
Сайт Денис
283 Ответ от Liana 2017-01-24 16:26:18 (2017-01-24 19:45:45 отредактировано Liana)
Re: Редактирование CSS-стилей чата бесплатно
Надпись "В чате 10 чел" можно заменить на свою? которая над списком пользователей.
К примеру на "Присутствуют 10 чел" и т.п.
Наш сайт - http://kinozal-chat.ru
285 Ответ от creatordemigod 2017-01-25 23:58:50
Re: Редактирование CSS-стилей чата бесплатно
Немного извращенный, но более-менее рабочий вариант.
.chatPeopleTitle {
color: rgba(0,0,0,0);
}
.chatUsersCount,.chatUsersCount::before,.chatUsersCount::after {
color: red;
position: relative;
right: 5px;
}
.chatUsersCount::before {
content: "Присутствуют ";
}
.chatUsersCount::after {
content: " чел";
right: 0px;
}
286 Ответ от Специалист по CSS 2017-01-29 12:43:34 (2017-01-29 13:36:13 отредактировано Специалист по CSS)
Re: Редактирование CSS-стилей чата бесплатно
Liana пишет:Можно ли сделать приветственное сообщение, которое будет видно только при входе в чат, каждому пользователю? включая ссылки и т.д?
Ты можешь сделать текст при входе в чат
.chatFull.transparent:after {
content:"Ваш текст";
font-family:arial;
font-size: 16px;
text-align:justify;
text-shadow:3px 3px 10px green,-3px -3px 10px blue;color: #FFFFF0;
position: absolute;
top:5%; left:100px; bottom:0; right:100px;
z-index: 1;
opacity: 1;
}
Или добавь в смайлы "Добро пожаловать" и введи этот код в новости чата
Если ещё есть вопросы, то приглашаю в свой чат основанный на помощи в CSS 1css1.chatovod.ru/
«У неё нет шансов» — громко заявили обстоятельства.
«Она неудачница» — крикнули люди.
«У неё всё получится» — тихо сказал Бог
Сайт Специалист по CSS
287 Ответ от YoG 2017-02-11 05:16:48
Re: Редактирование CSS-стилей чата бесплатно
img.omchat.ru/img/picture/2017-02/11/08dz0hqvyfq7wlrg1dbp427op.png
вопрос. можно ли эту всплывающую табличку вообще убрать?
Чат ГалдЁж
288 Ответ от YoG 2017-02-18 03:19:48
Re: Редактирование CSS-стилей чата бесплатно
то есть никак?
Чат ГалдЁж
289 Ответ от Специалист по CSS 2017-02-18 13:07:47
Re: Редактирование CSS-стилей чата бесплатно
YoG пишет:то есть никак?
Совсем убрать никак, только если под фоном забить невидимый и будут только кнопки
«У неё нет шансов» — громко заявили обстоятельства.
«Она неудачница» — крикнули люди.
«У неё всё получится» — тихо сказал Бог
Сайт Специалист по CSS
290 Ответ от YoG 2017-02-19 00:44:29
Re: Редактирование CSS-стилей чата бесплатно
печально..оно там однозначно лишнее. а когда с мобильного люди заходят, эта хреновина всплывает, и потом не убирается вообще(
Чат ГалдЁж
292 Ответ от Al3xG0r 2017-02-23 08:45:32 (2017-02-23 10:10:41 отредактировано Al3xG0r)
Re: Редактирование CSS-стилей чата бесплатно
скажите пожалуйста, возможно ли реализовать?
реально заменить выпадающий список статусов, кнопкой "Выйти"
i.piccy.info/i9/09b83bf4a31501abadde487667ccb934/1487839304/2197/1121850/skr_ch.png
и еще один вопрос созрел, возможно ли отключить приватные сообщения?
Сайт Al3xG0r
293 Ответ от Денис 2017-02-23 09:09:29 (2017-02-23 09:12:34 отредактировано Денис)
Re: Редактирование CSS-стилей чата бесплатно
А мне - как увеличить статусы в списке присутствующих, и чтобы они видны всегда по умолчанию, а не при наведении. А ещё лучше - начало статуса видно без наведения, и полный текст при наведении на это начало.
И позиционирование таблички статуса как менять?
И хорошо бы разрешить кликабельные ссылки в статусе.
Типа - статус как в Скайпе сделать - полноценным сообщением.
Скайп конфы и Дискорд сервера
Сайт Денис
295 Ответ от web-дизайнер. 2017-02-26 08:41:32 (2017-02-26 08:44:52 отредактировано web-дизайнер.)
Re: Редактирование CSS-стилей чата бесплатно
YoG пишет:то есть никак?
Можно совсем убрать этот элемент в CSS.
Вот код:
div.chatUserFrom,.buttons,.hidden, #chatUserMiniMenu {
display: none;
}
296 Ответ от inva-levan 2017-03-28 15:10:40 (2017-03-28 16:58:24 отредактировано inva-levan)
Re: Редактирование CSS-стилей чата бесплатно
Добрый дизайн чата в css день.
Хочу как то вставить в чат рекламную площадку от linkslot.ru и подобные ему.
1. Думаю поместить в шапку площадку для реклам или как раньше была реклама в правом нижнем углу в списке онлайн сидячих в чате людей.
2. Сделать выпрыгивающее окно с площадкой при наведения курсора на шапку чата с 3-4 площадками в одном окне.
3. Возможно при входе в чат сделать площадку.
4. Можно ли свернуть правую колонку сидячих в чате людей как в чатовод.ком? Это расширит колонку общее окно общения по удобнее для мобильных планшетов. Не будет список людей мешаться и перекрывать большую часть экрана смартфона и планшета на андройде.
297 Ответ от Admin 2017-03-28 19:49:11
Re: Редактирование CSS-стилей чата бесплатно
Вставить в чат внешний скрипт нет возможности.
http://chatovod.ru - чат для вашего сайта
Сайт Admin
299 Ответ от Vred1nka 2017-04-11 14:53:30 (2017-04-11 14:54:21 отредактировано Vred1nka)
Re: Редактирование CSS-стилей чата бесплатно
Здравствуйте.
Как поставить через "CSS" одному или всем участникам, значок/иконку, после ника?
300 Ответ от Mary 2017-04-12 07:58:33
Re: Редактирование CSS-стилей чата бесплатно
Доброе утро!
Подскажите пожалуйста, с помощью какого CSS кода можно округлить углы меню (там, где написано "чат" и "Chatovod") и углы кнопки "отправить"?
Заранее спасибо!
Страницы Назад 1 … 10 11 12 13 14 15 16 Далее
Чтобы отправить ответ, вы должны войти или зарегистрироваться
Источник: http://forum.chatovod.com/viewtopic.php?id=2477&p=12
Поделись с друзьями
{if(document.pnctLoadStarted)return;var%20d=document.createElement('div');d.setAttribute('id','pnctPreloader');d.setAttribute('style','position:fixed;top:0;bottom:0;left:0;right:0;z-index:100501;background-color:rgba(255,255,255,.9);padding:20px;text-align:center;font-family:helvetica;font-size:20px;font-weight:bold;');d.innerHTML='%3C%3F%3DYii%3A%3At%28%22uniprogy%22%2C+%22Loading%22%29%3F%3E...<a%20id="pnctCancelBtn"%20href="#"%20style="float:right;width:24px;height:24px;text-decoration:none;border:1px%20solid%20#ccc;border-radius:5px"><img src="//postila.ru/images/window_close.png" alt="x"/></a>';document.body.appendChild(d);document.pnctLoadStarted=(new%20Date()).getTime();document.pnctCnclLoad=function(){document.pnctLoadStarted=0;pl=document.getElementById('pnctPreloader');if(pl)pl.parentNode.removeChild(pl)};document.getElementById('pnctCancelBtn').addEventListener('click',function(e){e.preventDefault();document.pnctCnclLoad()});setTimeout(function(){var%20st=document.pnctLoadStarted;if(st>0&&((new%20Date()).getTime()-st>=14000)){document.pnctCnclLoad();alert('%3C%3F%3DYii%3A%3At%28%22uniprogy%22%2C+%22Unfortunately%2C+the+image+search+is+not+available.%22%29%3F%3E')}},15000);var%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','//postila.ru/post.js?ver=1&m=b&rnd='+Math.random()*99999999);document.body.appendChild(e)})());)
Рекомендуем посмотреть ещё:
Редактирование Английский интерьер кофейни
