skyurter19881205 Posted April 25, 2017 Report Share Posted April 25, 2017 Ребята как в Social Buttons добавить кнопку Одноклассники и Вконтакте чтобы были с иконками?Вот скрин где они будут эти иконки.Где ставить я знаю в стиле но как поставить с иконками соц ситей? Quote Link to comment Share on other sites More sharing options...
sasha197 Posted April 25, 2017 Report Share Posted April 25, 2017 Зарегистрируйся на этом сайте и добавь себе иконки где за хочешь! http://uptolike.ru/ Quote Link to comment Share on other sites More sharing options...
skyurter19881205 Posted April 25, 2017 Author Report Share Posted April 25, 2017 да нет надо сделать через настройки шаблона Social Buttons Quote Link to comment Share on other sites More sharing options...
sasha197 Posted April 25, 2017 Report Share Posted April 25, 2017 Названия домена пожалуйста Quote Link to comment Share on other sites More sharing options...
skyurter19881205 Posted April 25, 2017 Author Report Share Posted April 25, 2017 http://jediru.ru Quote Link to comment Share on other sites More sharing options...
Igorek Posted April 25, 2017 Report Share Posted April 25, 2017 skyurter19881205, в настройках стиля посмотри. если нет такой настройки? то только вручную прописывать. Спойлер Quote Link to comment Share on other sites More sharing options...
skyurter19881205 Posted April 25, 2017 Author Report Share Posted April 25, 2017 Есть в настройках.Но мне нужно прописать там строчку для контакта и одноклассников я прописываю но иконка вк и однокласники не отображается а отображается черная иконка Quote Link to comment Share on other sites More sharing options...
Igorek Posted April 25, 2017 Report Share Posted April 25, 2017 skyurter19881205, кэш попробуй очистить. через поддержку. может еще значок ВК не добавлен в сам стиль. Quote Link to comment Share on other sites More sharing options...
skyurter19881205 Posted April 25, 2017 Author Report Share Posted April 25, 2017 а куда его добавлять то значок? Quote Link to comment Share on other sites More sharing options...
Envy Posted April 25, 2017 Report Share Posted April 25, 2017 Ссылку на форум дайте Quote Link to comment Share on other sites More sharing options...
skyurter19881205 Posted April 25, 2017 Author Report Share Posted April 25, 2017 Вот http://jediru.ru Quote Link to comment Share on other sites More sharing options...
Envy Posted April 25, 2017 Report Share Posted April 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 Quote Link to comment Share on other sites More sharing options...
skyurter19881205 Posted April 25, 2017 Author Report Share Posted April 25, 2017 спасибо большое Quote Link to comment Share on other sites More sharing options...
Igorek Posted April 25, 2017 Report Share Posted April 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> и на выходе получаем добавленную в стиль кнопку ВК у меня так получилось Quote Link to comment Share on other sites More sharing options...
skyurter19881205 Posted April 25, 2017 Author Report Share Posted April 25, 2017 спасибо Quote Link to comment Share on other sites More sharing options...
Envy Posted April 25, 2017 Report Share Posted April 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> , без лазаний в шаблоны Quote Link to comment Share on other sites More sharing options...
Igorek Posted April 25, 2017 Report Share Posted April 25, 2017 2 минуты назад, Envy сказал: зачем повторять то, что уже написано? я писал то что сам сделал и проверил только сейчас. я пока не экстрасенс я только учусь. и не мог знать что ты там пишешь. Quote Link to comment Share on other sites More sharing options...
skyurter19881205 Posted April 25, 2017 Author Report Share Posted April 25, 2017 одноклассники окрасились в цвет жолтый а вк нет Quote Link to comment Share on other sites More sharing options...
Envy Posted April 25, 2017 Report Share Posted April 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> Quote Link to comment Share on other sites More sharing options...
skyurter19881205 Posted April 25, 2017 Author Report Share Posted April 25, 2017 всё получилось.спасибо.тема закрыта Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.