Перейти к содержимому


Социальные Сети


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 7

#1 Вера86

Вера86

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 62 сообщений

Отправлено 25 Май 2017 - 18:59

Здравствуйте, магазин SL-411009 Как сделать, чтобы кнопки на соцсети были яркими с привычным отображением - вк синий, ОК оранжевый. Куда загрузить картинки и как увеличить кнопки эти?

#2 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 810 сообщений

Отправлено 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 Вера86

Вера86

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 62 сообщений

Отправлено 26 Май 2017 - 08:33

Просмотр сообщенияFirefly (25 Май 2017 - 19:37) писал:

Здравствуйте.
В шаблоне 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 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 26 Май 2017 - 08:43

Здравствуйте.

Не могли бы вы для примера уточнить, где бы хотели их видеть? Чтобы я могла написать более точную инструкцию.

#5 Вера86

Вера86

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 62 сообщений

Отправлено 27 Май 2017 - 13:25

http://joxi.ru/12MlWeMC397VmJ - как тут например. И подскажите пожалуйста как онлайн колнсултанта прицепить как в примере?

#6 Mr.Nito

Mr.Nito

    Активный участник

  • Модераторы
  • 1 364 сообщений

Отправлено 28 Май 2017 - 08:33

Просмотр сообщенияВера86 (27 Май 2017 - 13:25) писал:

http://joxi.ru/12MlWeMC397VmJ - как тут например. И подскажите пожалуйста как онлайн колнсултанта прицепить как в примере?
Здравствуйте.
По скриншоту насколько я вижу соц. иконки располагаются в том же месте, только они большего размера.Уточните, пожалуйста, подробнее.

Код консультанта можно подключить в разделе Настройки - Основные  - Код для вывода на всех страницах магазина

Сайт консультанта:
consultsystems.ru

#7 Вера86

Вера86

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 62 сообщений

Отправлено 29 Май 2017 - 13:17

Просмотр сообщенияMr.Nito (28 Май 2017 - 08:33) писал:

Здравствуйте.
По скриншоту насколько я вижу соц. иконки располагаются в том же месте, только они большего размера.Уточните, пожалуйста, подробнее.

Код консультанта можно подключить в разделе Настройки - Основные  - Код для вывода на всех страницах магазина

Сайт консультанта:
consultsystems.ru
благодарю)
по соц.сетям я имела ввиду отображения блока с подписчиками группы

#8 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 810 сообщений

Отправлено 29 Май 2017 - 14:12

Просмотр сообщенияВера86 (29 Май 2017 - 13:17) писал:

благодарю)
по соц.сетям я имела ввиду отображения блока с подписчиками группы

Здравствуйте.
Вам необходимо сгенерировать персональный код виджета здесь и прислать в следующем сообщении.




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных