0
Социальные Сети
Автор Вера86, 25 мая 2017 18:59
Сообщений в теме: 7
#1
Отправлено 25 Май 2017 - 18:59
Здравствуйте, магазин SL-411009 Как сделать, чтобы кнопки на соцсети были яркими с привычным отображением - вк синий, ОК оранжевый. Куда загрузить картинки и как увеличить кнопки эти?
#2
Отправлено 25 Май 2017 - 19:37
Вера86 (25 Май 2017 - 18:59) писал:
Здравствуйте, магазин SL-411009 Как сделать, чтобы кнопки на соцсети были яркими с привычным отображением - вк синий, ОК оранжевый. Куда загрузить картинки и как увеличить кнопки эти?
Здравствуйте.
В шаблоне main.css код:
#footer-middle .social span {height:34px;width:34px;display:inline-block;border-radius:50%;border:1px solid #dddddd;line-height:34px;text-align:center;padding:0 10px;margin-right:10px;background:#ffffff;position:relative;} #footer-middle .social span.fa-vk:before {margin-left: -2px;} #footer-middle .social a:last-child span {margin-right: 0px;} #footer-middle .social span:after {border:3px solid #ffffff;border-radius:20px;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:1;} #footer-middle .social span:hover {background-color:#E77BF9;color:#ffffff;}
Заменил на:
#footer-middle .social span {height: 60px;width: 60px;display:inline-block;border-radius:50%;border:1px solid #dddddd;line-height: 60px;text-align:center;padding:0 10px;margin-right:10px;background:#ffffff;position:relative;font-size: 30px;} #footer-middle .social span.fa-vk:hover {background:#4d76a1;} #footer-middle .social span.fa-odnoklassniki:hover {background:#f99400;} #footer-middle .social span.fa-vk:before {margin-left: -2px;} #footer-middle .social a:last-child span {margin-right: 0px;} #footer-middle .social span:after {content:"";height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:1;}
Код:
#footer-middle .social {width: 226px;margin: 20px auto;}
Заменил на:
#footer-middle .social {width: 134px;margin: 20px auto;}
А так же в шаблоне HTML код:
fa-youtube
Поменял на:
fa-odnoklassniki
Проверьте результат, пожалуйста.
#3
Отправлено 26 Май 2017 - 08:33
Firefly (25 Май 2017 - 19:37) писал:
Здравствуйте.
В шаблоне main.css код:
Заменил на:
Код:
Заменил на:
А так же в шаблоне HTML код:
Поменял на:
Проверьте результат, пожалуйста.
В шаблоне main.css код:
#footer-middle .social span {height:34px;width:34px;display:inline-block;border-radius:50%;border:1px solid #dddddd;line-height:34px;text-align:center;padding:0 10px;margin-right:10px;background:#ffffff;position:relative;} #footer-middle .social span.fa-vk:before {margin-left: -2px;} #footer-middle .social a:last-child span {margin-right: 0px;} #footer-middle .social span:after {border:3px solid #ffffff;border-radius:20px;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:1;} #footer-middle .social span:hover {background-color:#E77BF9;color:#ffffff;}
Заменил на:
#footer-middle .social span {height: 60px;width: 60px;display:inline-block;border-radius:50%;border:1px solid #dddddd;line-height: 60px;text-align:center;padding:0 10px;margin-right:10px;background:#ffffff;position:relative;font-size: 30px;} #footer-middle .social span.fa-vk:hover {background:#4d76a1;} #footer-middle .social span.fa-odnoklassniki:hover {background:#f99400;} #footer-middle .social span.fa-vk:before {margin-left: -2px;} #footer-middle .social a:last-child span {margin-right: 0px;} #footer-middle .social span:after {content:"";height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:1;}
Код:
#footer-middle .social {width: 226px;margin: 20px auto;}
Заменил на:
#footer-middle .social {width: 134px;margin: 20px auto;}
А так же в шаблоне HTML код:
fa-youtube
Поменял на:
fa-odnoklassniki
Проверьте результат, пожалуйста.
#4
Отправлено 26 Май 2017 - 08:43
Здравствуйте.
Не могли бы вы для примера уточнить, где бы хотели их видеть? Чтобы я могла написать более точную инструкцию.
Не могли бы вы для примера уточнить, где бы хотели их видеть? Чтобы я могла написать более точную инструкцию.
#5
Отправлено 27 Май 2017 - 13:25
http://joxi.ru/12MlWeMC397VmJ - как тут например. И подскажите пожалуйста как онлайн колнсултанта прицепить как в примере?
#6
Отправлено 28 Май 2017 - 08:33
Вера86 (27 Май 2017 - 13:25) писал:
http://joxi.ru/12MlWeMC397VmJ - как тут например. И подскажите пожалуйста как онлайн колнсултанта прицепить как в примере?
По скриншоту насколько я вижу соц. иконки располагаются в том же месте, только они большего размера.Уточните, пожалуйста, подробнее.
Код консультанта можно подключить в разделе Настройки - Основные - Код для вывода на всех страницах магазина
Сайт консультанта:
consultsystems.ru
#7
Отправлено 29 Май 2017 - 13:17
Mr.Nito (28 Май 2017 - 08:33) писал:
Здравствуйте.
По скриншоту насколько я вижу соц. иконки располагаются в том же месте, только они большего размера.Уточните, пожалуйста, подробнее.
Код консультанта можно подключить в разделе Настройки - Основные - Код для вывода на всех страницах магазина
Сайт консультанта:
consultsystems.ru
По скриншоту насколько я вижу соц. иконки располагаются в том же месте, только они большего размера.Уточните, пожалуйста, подробнее.
Код консультанта можно подключить в разделе Настройки - Основные - Код для вывода на всех страницах магазина
Сайт консультанта:
consultsystems.ru
по соц.сетям я имела ввиду отображения блока с подписчиками группы
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных