skyurter19881205 Опубликовано 25 апреля, 2017 Поделиться Опубликовано 25 апреля, 2017 Ребята как в Social Buttons добавить кнопку Одноклассники и Вконтакте чтобы были с иконками?Вот скрин где они будут эти иконки.Где ставить я знаю в стиле но как поставить с иконками соц ситей? Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
sasha197 Опубликовано 25 апреля, 2017 Поделиться Опубликовано 25 апреля, 2017 Зарегистрируйся на этом сайте и добавь себе иконки где за хочешь! http://uptolike.ru/ Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
skyurter19881205 Опубликовано 25 апреля, 2017 Автор Поделиться Опубликовано 25 апреля, 2017 да нет надо сделать через настройки шаблона Social Buttons Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
sasha197 Опубликовано 25 апреля, 2017 Поделиться Опубликовано 25 апреля, 2017 Названия домена пожалуйста Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
skyurter19881205 Опубликовано 25 апреля, 2017 Автор Поделиться Опубликовано 25 апреля, 2017 http://jediru.ru Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Igorek Опубликовано 25 апреля, 2017 Поделиться Опубликовано 25 апреля, 2017 skyurter19881205, в настройках стиля посмотри. если нет такой настройки? то только вручную прописывать. Спойлер Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
skyurter19881205 Опубликовано 25 апреля, 2017 Автор Поделиться Опубликовано 25 апреля, 2017 Есть в настройках.Но мне нужно прописать там строчку для контакта и одноклассников я прописываю но иконка вк и однокласники не отображается а отображается черная иконка Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Igorek Опубликовано 25 апреля, 2017 Поделиться Опубликовано 25 апреля, 2017 skyurter19881205, кэш попробуй очистить. через поддержку. может еще значок ВК не добавлен в сам стиль. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
skyurter19881205 Опубликовано 25 апреля, 2017 Автор Поделиться Опубликовано 25 апреля, 2017 а куда его добавлять то значок? Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Envy Опубликовано 25 апреля, 2017 Поделиться Опубликовано 25 апреля, 2017 Ссылку на форум дайте Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
skyurter19881205 Опубликовано 25 апреля, 2017 Автор Поделиться Опубликовано 25 апреля, 2017 Вот http://jediru.ru Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Envy Опубликовано 25 апреля, 2017 Поделиться Опубликовано 25 апреля, 2017 в global.css нужно добавить код: a.ipsfocus_sVkontakte:before { content: "\f189"; } a.ipsfocus_sOk:before { content: "\f0c0"; } .ipsfocus_sVkontakte { background: #3992df; background-image: linear-gradient(to bottom, #95c5ff 0%, #00a1ff 100%); } .ipsfocus_sOk { background: #3992df; background-image: linear-gradient(to bottom, #fffc95 0%, #ff9900 100%); } Кроме того, вам необходимо хотя бы ссылки туда поставить, не просто a href="#" P.S. global.css находится здесь: АДминЦП- стили и шаблоны - кликнуть на карандаш около вашего стиля, перейти на вкладку css и вбить в строку поиска global Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
skyurter19881205 Опубликовано 25 апреля, 2017 Автор Поделиться Опубликовано 25 апреля, 2017 спасибо большое Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Igorek Опубликовано 25 апреля, 2017 Поделиться Опубликовано 25 апреля, 2017 25 минут назад, skyurter19881205 сказал: а куда его добавлять то значок? находишь в стиле в CSS /* ====================== */ /* SOCIAL BUTTONS */ /* ====================== */ Спойлер далее ниже находишь такие строки Спойлер и вписываешь ниже a.ipsfocus_sVk:before{ content: "\f189"; } .ipsfocus_social .ipsfocus_sVk{ background: #0097d3; background-image: linear-gradient(to bottom, #0097d3 0%, #0097d3 100%); } ну думаю с цветами и размерами сам разберешься. потом в теме в соц настройках пишешь <li><a href="#" class="ipsfocus_sVk" target="_blank">VK</a></li> и на выходе получаем добавленную в стиль кнопку ВК у меня так получилось Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
skyurter19881205 Опубликовано 25 апреля, 2017 Автор Поделиться Опубликовано 25 апреля, 2017 спасибо Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Envy Опубликовано 25 апреля, 2017 Поделиться Опубликовано 25 апреля, 2017 зачем повторять то, что уже написано? ----- работать так не будет; иконки сменятся, а цвет нет, поэтому в коде нужно добавить аргумент !important в итоге получаем: a.ipsfocus_sVkontakte:before { content: "\f189"; } a.ipsfocus_sOk:before { content: "\f0c0"; } .ipsfocus_sVkontakte { background: #3992df !important; background-image: linear-gradient(to bottom, #95c5ff 0%, #00a1ff 100%) !important; } .ipsfocus_sOk { background: #3992df !important; background-image: linear-gradient(to bottom, #fffc95 0%, #ff9900 100%) !important; } Можно даже там же заключить между тегом <style></style> , без лазаний в шаблоны Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Igorek Опубликовано 25 апреля, 2017 Поделиться Опубликовано 25 апреля, 2017 2 минуты назад, Envy сказал: зачем повторять то, что уже написано? я писал то что сам сделал и проверил только сейчас. я пока не экстрасенс я только учусь. и не мог знать что ты там пишешь. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
skyurter19881205 Опубликовано 25 апреля, 2017 Автор Поделиться Опубликовано 25 апреля, 2017 одноклассники окрасились в цвет жолтый а вк нет Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Envy Опубликовано 25 апреля, 2017 Поделиться Опубликовано 25 апреля, 2017 2 минуты назад, Igorek сказал: я писал то что сам сделал и проверил только сейчас. я пока не экстрасенс я только учусь. и не мог знать что ты там пишешь. перед тем, как что-то писать, можно пролистать тему, а не заплевывать язвительными коментами экран) 1 минуту назад, skyurter19881205 сказал: одноклассники окрасились в цвет жолтый а вк нет код вставьте который я выше дал <style>a.ipsfocus_sVkontakte:before { content: "\f189"; } a.ipsfocus_sOk:before { content: "\f0c0"; } .ipsfocus_sVkontakte { background: #3992df !important; background-image: linear-gradient(to bottom, #95c5ff 0%, #00a1ff 100%) !important; } .ipsfocus_sOk { background: #3992df !important; background-image: linear-gradient(to bottom, #fffc95 0%, #ff9900 100%) !important; }</style> Попробуйте тогда так вставить в самый верх перед первым <li> Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
skyurter19881205 Опубликовано 25 апреля, 2017 Автор Поделиться Опубликовано 25 апреля, 2017 всё получилось.спасибо.тема закрыта Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Рекомендуемые сообщения
Присоединяйтесь к обсуждению
Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.