Сменить значок цвет уведомления

[sas333]

Здравствуйте. Есть два вопроса подскажите как изменить цвет уведомления сделать чтобы цифра была например красным, на скриншоте видно.

Скриншот 30-09-2018 102401.png

И второй вопрос как поменять иконку Телеграмма.

Скриншот 30-09-2018 103045.png

[Evangelion]

1. в файле .../styles/ваш_стиль/theme/colours.css
Найти:

Код: Выделить всё

.badge {
    background-color: #D31141;
    color: #ffffff;
}

И менять color: #ffffff; на свой цвет.

2. в данный файл изображения добавить собственно сам логотип Telegram: .../styles/ваш_стиль/theme/images/icons_contact.png
далее в файле: .../styles/ваш_стиль/theme/colours.css
Найти:

Код: Выделить всё

.phpbb_yahoo-icon					{ background-position: -224px 0; }

Добавить после:

Код: Выделить всё

.ваш_идентификатор_поля(который указали для телеграма)                      { background-position: -264px 0; }

Сохраняем, чистим кэш.

[sas333]

Evangelion, По первому пункту вопрос, сделал как вы написали но к сожалению поменялась только цифра,а нужно чтобы изменился цвет круга тот что вокруг цифры

Скриншот 02-10-2018 162557.png

Отправлено спустя 23 минуты 22 секунды:
Нашел ответ. Может кому то пригодится. Вообщем если нужно изменить цвет цифры то меняем color: #ffffff; если круга то меняем background-color: #D31141;

Отправлено спустя 22 минуты 54 секунды:
А вот по поводу второго вопроса кто поможет отредактировать картинку icons_contact.png К сожалению нет опыта работы в фотошопе

[apollion]

sas333, держите пару иконок.

[sas333]

apollion, Такие иконки смогу найти меня интересует именно icons_contact.png как писал Evangelion нужно изменить файл icons_contact.png сейчас он у меня такой, так понимаю его нужно изменить? или я что то не так понял?

icons_contact.png

[apollion]

В просилвере, если иконка уже прописана в нужном месте в html, нужно отредактировать icons_contact.png, уменьшив и присобачив к нему нужное изображение с правой стороны по ширине. А потом добавить ее позицию в css так как описано выше. Сменить значок цвет уведомления

Я вам дал исходник иконки.

[Evangelion]

к сожалению поменялась только цифра,а нужно чтобы изменился цвет круга тот что вокруг цифры

Что просили, то и получили.

чтобы цифра была например красным

А вот по поводу второго вопроса кто поможет отредактировать картинку icons_contact.png К сожалению нет опыта работы в фотошопе

Ловите.

[sas333]

Ловите.

Спасибо большое.

Отправлено спустя 31 минуту 14 секунд:
Evangelion, Сделал по вашей инструкции ни чего не получилось. при наведении пишет что телеграмм а самого значка не видно. Ниже на скриншотах видно, может где то ошибка?

Скриншот 03-10-2018 112714.png

Скриншот 03-10-2018 112745.png

Скриншот 03-10-2018 112807.png

[Evangelion]

чистим кэш

[sas333]

Evangelion, Чистил кеш через панель и в браузере тоже чистил, так же в браузере нажимал ctrl+f5 Можете даже сами проверить https://forum.host-v.ru/viewtopic.php?t=45

Отправлено спустя 11 минут 45 секунд:
Хм странно проверил через другой браузер всё работает. Видимо не очистился в гугл хроме до конца кеш Спасибо ещё раз за помощь.

[sas333]

Evangelion, Доброго времени суток. Не могли бы вы ещё сюда добавить иконку телеграмма