26 Ответ от web-дизайнер. (2015-12-15 15:48:22 отредактировано web-дизайнер.)

  • Зарегистрирован: 2014-10-11
  • Сообщений: 94

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

aabbap пишет:
web-дизайнер. пишет:

Попробуйте такой код.
Этот код должен работать для VIP-пользователей, выделяет текст сообщения.

.chatMessage, > span {
     background-color: #99cc99;
}

Вообще не работает, ни с запятой, ни без запятой

После Message запятую уберите. Этот код для НЕ ВИПов.

  • Зарегистрирован: 2014-10-11
  • Сообщений: 94

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

Businka пишет:

Подскажите пожалуйста, а как заменить форму неактивной вкладки в чате? У меня получилось только одну заменить. Неактивная осталась квадратной.  Нахимичила, сама не пойму что)).
Хочу сделать полукруглыми.
http://data2.floomby.com/files/share/15 … Sa3VaQ.jpg
И второй вопрос, можно ли сделать название чата в шапке рамкой с фоном, это возможно? А то название чата плохо видно.

Сначала по поводу второго вопроса.
Можно сделать картинку в рамке и залить её например на Яндекс.Фотки
(если есть почта на Яндексе) под своим аккаунтом, атем вставить полученную
ссылку в ко шапки в CSS, не забыв указать расширение файла картинки.

Про первый вопрос не совсем понятно, по картинке это Приват ? (если не ошибаюсь).
Попробовал, не пошло. Да и зачем трогать вкладки?

28 Ответ от Businka (2015-12-15 16:18:28 отредактировано Businka)

  • Businka
  • Member
  • Неактивен
  • Зарегистрирован: 2013-02-28
  • Сообщений: 10

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

web-дизайнер. пишет:
Businka пишет:

Подскажите пожалуйста, а как заменить форму неактивной вкладки в чате? У меня получилось только одну заменить. Неактивная осталась квадратной.  Нахимичила, сама не пойму что)).
Хочу сделать полукруглыми.
http://data2.floomby.com/files/share/15 … Sa3VaQ.jpg
И второй вопрос, можно ли сделать название чата в шапке рамкой с фоном, это возможно? А то название чата плохо видно.

Сначала по поводу второго вопроса.
Можно сделать картинку в рамке и залить её например на Яндекс.Фотки
(если есть почта на Яндексе) под своим аккаунтом, атем вставить полученную
ссылку в ко шапки в CSS, не забыв указать расширение файла картинки.

Про первый вопрос не совсем понятно, по картинке это Приват ? (если не ошибаюсь).
Попробовал, не пошло. Да и зачем трогать вкладки?

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

29 Ответ от web-дизайнер. (2015-12-16 09:36:34 отредактировано web-дизайнер.)

  • Зарегистрирован: 2014-10-11
  • Сообщений: 94

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

Сделал я скругление углов привата.


#chat_main.chatTab.chatTabActive a {
/* Общий активный */
    border-radius: 10px;
}

#chat_main.chatTab a {
/* Общий неактивный */
    border-radius: 10px;
}

#chat_0.chatTab.chatTabActive a {
/* Приват активный */
    border-radius: 10px;
}

#chat_0.chatTab.chatTab a {
/* Приват неактивный */
    border-radius: 10px;
}

Но это только приват админа чата.
Для пользователей нужно будет прописывать приват отдельно для каждого.

30 Ответ от Businka

  • Businka
  • Member
  • Неактивен
  • Зарегистрирован: 2013-02-28
  • Сообщений: 10

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

Ура! У меня получилось сделать вот таким способом. У пользователей тоже полукруглыми стали вкладки.
Вот к этому
.chatTabs > ul > li > a {
padding: 0px 14px 0px 10px;
height: 100%;
text-decoration: none;
border-top: 0px none !important;
border-right: 0px none !important;
vertical-align: middle;
display: inline-block;
line-height: 24px;
}

добавила
border-radius: 25px;
web-дизайнер., Но всё равно спасибо за желание помочь)

31 Ответ от web-дизайнер. (2015-12-16 10:22:24 отредактировано web-дизайнер.)

  • Зарегистрирован: 2014-10-11
  • Сообщений: 94

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

Businka пишет:

Ура! У меня получилось сделать вот таким способом. У пользователей тоже полукруглыми стали вкладки.
Вот к этому
.chatTabs > ul > li > a {
padding: 0px 14px 0px 10px;
height: 100%;
text-decoration: none;
border-top: 0px none !important;
border-right: 0px none !important;
vertical-align: middle;
display: inline-block;
line-height: 24px;
}

добавила
border-radius: 25px;
web-дизайнер., Но всё равно спасибо за желание помочь)

Да, правильно, я про унаследование -  > ul > li > a  - не подумал.
Но всё-таки код у вас тяжелее.

32 Ответ от Алисса_

  • Зарегистрирован: 2015-12-18
  • Сообщений: 2

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

Извените за глупость) Но возможно ли срезать углы в самом чате) Кнопки приватов я уже округлила) А как весь чат таким сделать?) И вставить в верхушку чата картинку с логотипом чата) Спасибо за ранее)

33 Ответ от web-дизайнер. (2015-12-18 17:45:08 отредактировано web-дизайнер.)

  • Зарегистрирован: 2014-10-11
  • Сообщений: 94

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

Алисса_ пишет:

Извените за глупость) Но возможно ли срезать углы в самом чате) Кнопки приватов я уже округлила) А как весь чат таким сделать?) И вставить в верхушку чата картинку с логотипом чата) Спасибо за ранее)

Заходите ко мне в чат БОЛТ@КА, объясню, покажу, дам рабочие коды.

34 Ответ от Алисса_

  • Зарегистрирован: 2015-12-18
  • Сообщений: 2

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

web-дизайнер Простите) Но ваш чат я не нахожу( Напишите полный адрес)

  • Зарегистрирован: 2014-10-11
  • Сообщений: 94

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

http://razgovory.chatovod.ru/

Алисса_ пишет:

web-дизайнер Простите) Но ваш чат я не нахожу( Напишите полный адрес)

36 Ответ от ZenRocknRolla (2015-12-18 23:32:24 отредактировано ZenRocknRolla)

  • Зарегистрирован: 2015-12-18
  • Сообщений: 4

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

Admin пишет:

У владельцев чатов появилась возможность писать собственные CSS-правила для расширенного оформления своего чата.


Картинка в шапке чата:

.chatHeader {
   background-image: url(//st1.chatovod.ru/i/logo-trans.png);
   background-position: center center;
   background-repeat:no-repeat;
}

а эту картинку можно кликабельной сделать?

37 Ответ от web-дизайнер. (2015-12-19 00:40:48 отредактировано web-дизайнер.)

  • Зарегистрирован: 2014-10-11
  • Сообщений: 94

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

ZenRocknRolla пишет:
Admin пишет:

У владельцев чатов появилась возможность писать собственные CSS-правила для расширенного оформления своего чата.


Картинка в шапке чата:

.chatHeader {
   background-image: url(//st1.chatovod.ru/i/logo-trans.png);
   background-position: center center;
   background-repeat:no-repeat;
}

а эту картинку можно кликабельной сделать?

Нет, нельзя, да и зачем?

38 Ответ от ZenRocknRolla

  • Зарегистрирован: 2015-12-18
  • Сообщений: 4

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

web-дизайнер. пишет:
ZenRocknRolla пишет:
Admin пишет:

У владельцев чатов появилась возможность писать собственные CSS-правила для расширенного оформления своего чата.


Картинка в шапке чата:

.chatHeader {
   background-image: url(//st1.chatovod.ru/i/logo-trans.png);
   background-position: center center;
   background-repeat:no-repeat;
}

а эту картинку можно кликабельной сделать?

Нет, нельзя, да и зачем?

да хотя-бы для того, чтобы можно было баннер/лого на свой ресурс проставить

  • Зарегистрирован: 2014-10-11
  • Сообщений: 94

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

ZenRocknRolla пишет:

да хотя-бы для того, чтобы можно было баннер/лого на свой ресурс проставить

По этому и отменили рекламу в чатах, что, кстати, правильно.

40 Ответ от Adidashka

  • Зарегистрирован: 2015-12-22
  • Сообщений: 4

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

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

41 Ответ от Adidashka (2015-12-22 07:57:23 отредактировано Adidashka)

  • Зарегистрирован: 2015-12-22
  • Сообщений: 4

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

Спасибо, уже разобралась сама). Навела красоту в своем чате)

42 Ответ от стрелец

  • Зарегистрирован: 2015-12-22
  • Сообщений: 112

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

уважаемый админ я хочу в своем чате chatisrael.co.il построить вместо шапки флаг Израиля но не знаю как поставить код.помогите пожайлуста.а также как сделать чтобы ники были подчеркнутыми?

43 Ответ от стрелец

  • Зарегистрирован: 2015-12-22
  • Сообщений: 112

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

----------------------------------------------------
скажите а можете дать ваш код с табличкой как у вас на шапке?

44 Ответ от Adidashka

  • Зарегистрирован: 2015-12-22
  • Сообщений: 4

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

У меня еще один вопрос возник. А возможно ли изменить цвет и шрифт текста в окне "Мой профиль" к примеру, там где аватар и информация о пользователе? Или в этом окошке фиксированный дизайн?

45 Ответ от Admin

  • Admin
  • Admin
  • работаю
  • Неактивен
  • Зарегистрирован: 2009-11-07
  • Сообщений: 2,462

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

Adidashka пишет:

У меня еще один вопрос возник. А возможно ли изменить цвет и шрифт текста в окне "Мой профиль" к примеру, там где аватар и информация о пользователе? Или в этом окошке фиксированный дизайн?

Там менять нельзя.

http://chatovod.ru - чат для вашего сайта

Сайт Admin

46 Ответ от Admin

  • Admin
  • Admin
  • работаю
  • Неактивен
  • Зарегистрирован: 2009-11-07
  • Сообщений: 2,462

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

стрелец пишет:

уважаемый админ я хочу в своем чате chatisrael.co.il построить вместо шапки флаг Израиля но не знаю как поставить код.помогите пожайлуста.а также как сделать чтобы ники были подчеркнутыми?

Помогите ему кто-нибудь smile

http://chatovod.ru - чат для вашего сайта

Сайт Admin

47 Ответ от стрелец

  • Зарегистрирован: 2015-12-22
  • Сообщений: 112

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

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

48 Ответ от Adidashka

  • Зарегистрирован: 2015-12-22
  • Сообщений: 4

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

Admin пишет:
стрелец пишет:

уважаемый админ я хочу в своем чате chatisrael.co.il построить вместо шапки флаг Израиля но не знаю как поставить код.помогите пожайлуста.а также как сделать чтобы ники были подчеркнутыми?

Помогите ему кто-нибудь smile

Вы уж простите, но я не рискну связаться с гражданином Израиля))

49 Ответ от Kuzgun bey

  • Зарегистрирован: 2015-12-23
  • Сообщений: 2

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

Товарищи, есть какая возможность перевести на другой язык пункты меню в чате? "В чате n человек", "Мой профиль", "Общий" и т.д. Или они намертво в сам движок вшиты и через CSS не меняются?

50 Ответ от Admin

  • Admin
  • Admin
  • работаю
  • Неактивен
  • Зарегистрирован: 2009-11-07
  • Сообщений: 2,462

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

К сожалению не меняются. Можете правда поэкспериментировать с :after и content.

http://chatovod.ru - чат для вашего сайта

Сайт Admin