#1
Отправлено 18 Январь 2018 - 10:58
P.S. расстояние между кнопками такое же как между элементами меню шапки, цвет кнопок белый, если возможно как то сделать что бы при наведении курсора кнопка перекрашивалась в розовый (как в других элементах шапки) то отлично Спасибо!
#2
Отправлено 19 Январь 2018 - 10:05
mrsimon90 (18 Январь 2018 - 10:58) писал:
P.S. расстояние между кнопками такое же как между элементами меню шапки, цвет кнопок белый, если возможно как то сделать что бы при наведении курсора кнопка перекрашивалась в розовый (как в других элементах шапки) то отлично Спасибо!
Здравствуйте.
В шаблоне main.css добавил Вам код:
#custommenu .mainnav > li.social_top > a {width:40px;background:#fa6dad;color:#fff;text-align: center;} #custommenu .mainnav > li.social_top > a:hover {background:#620337;}
А так же в шаблоне HTML добавил код:
<li class="social_top"> <a href="#"><i class="fa fa-instagram"></i></a> </li> <li class="social_top"> <a href="#"><i class="fa fa-vk"></i></a> </li> <li class="social_top"> <a href="#"><i class="fa fa-facebook"></i></a> </li>
Проверьте результат, пожалуйста.
#3
Отправлено 19 Январь 2018 - 10:19
Firefly (19 Январь 2018 - 10:05) писал:
В шаблоне main.css добавил Вам код:
#custommenu .mainnav > li.social_top > a {width:40px;background:#fa6dad;color:#fff;text-align: center;} #custommenu .mainnav > li.social_top > a:hover {background:#620337;}
А так же в шаблоне HTML добавил код:
<li class="social_top"> <a href="#"><i class="fa fa-instagram"></i></a> </li> <li class="social_top"> <a href="#"><i class="fa fa-vk"></i></a> </li> <li class="social_top"> <a href="#"><i class="fa fa-facebook"></i></a> </li>
Проверьте результат, пожалуйста.
#4
Отправлено 19 Январь 2018 - 10:44
mrsimon90 (19 Январь 2018 - 10:19) писал:
Код в main.css:
#custommenu .mainnav > li.social_top > a {width:40px;background:#fa6dad;color:#fff;text-align: center;} #custommenu .mainnav > li.social_top > a:hover {background:#620337;}
Поменял на:
#custommenu .mainnav > li.social_top > a {width:40px;color:#fff;text-align: center;} #custommenu .mainnav > li.social_top > a:hover {color: #620337;} #custommenu .mainnav > li.social_top > a i {font-size: 25px;vertical-align: middle;margin-top:-3px;}
Проверьте, пожалуйста, устроит Вас такой вариант?
#5
Отправлено 19 Январь 2018 - 10:47
Firefly (19 Январь 2018 - 10:44) писал:
#custommenu .mainnav > li.social_top > a {width:40px;background:#fa6dad;color:#fff;text-align: center;} #custommenu .mainnav > li.social_top > a:hover {background:#620337;}
Поменял на:
#custommenu .mainnav > li.social_top > a {width:40px;color:#fff;text-align: center;} #custommenu .mainnav > li.social_top > a:hover {color: #620337;} #custommenu .mainnav > li.social_top > a i {font-size: 25px;vertical-align: middle;margin-top:-3px;}
Проверьте, пожалуйста, устроит Вас такой вариант?
#6
Отправлено 19 Январь 2018 - 10:55
mrsimon90 (19 Январь 2018 - 10:47) писал:
В добавленном коде:
<li class="social_top"> <a href="#"><i class="fa fa-instagram"></i></a> </li> <li class="social_top"> <a href="#"><i class="fa fa-vk"></i></a> </li> <li class="social_top"> <a href="#"><i class="fa fa-facebook"></i></a> </li>
Вместо # укажите Ваши ссылки на соцсети.
Новые пункты меню, если Вы их добавите, будут отображаться до соцсетей (слева).
#7
Отправлено 19 Январь 2018 - 10:57
Firefly (19 Январь 2018 - 10:55) писал:
<li class="social_top"> <a href="#"><i class="fa fa-instagram"></i></a> </li> <li class="social_top"> <a href="#"><i class="fa fa-vk"></i></a> </li> <li class="social_top"> <a href="#"><i class="fa fa-facebook"></i></a> </li>
Вместо # укажите Ваши ссылки на соцсети.
Новые пункты меню, если Вы их добавите, будут отображаться до соцсетей (слева).
#8
Отправлено 19 Январь 2018 - 11:04
Firefly (19 Январь 2018 - 10:44) писал:
#custommenu .mainnav > li.social_top > a {width:40px;background:#fa6dad;color:#fff;text-align: center;} #custommenu .mainnav > li.social_top > a:hover {background:#620337;}
Поменял на:
#custommenu .mainnav > li.social_top > a {width:40px;color:#fff;text-align: center;} #custommenu .mainnav > li.social_top > a:hover {color: #620337;} #custommenu .mainnav > li.social_top > a i {font-size: 25px;vertical-align: middle;margin-top:-3px;}
Проверьте, пожалуйста, устроит Вас такой вариант?
#11
Отправлено 24 Январь 2018 - 14:26
Firefly (19 Январь 2018 - 10:55) писал:
<li class="social_top"> <a href="#"><i class="fa fa-instagram"></i></a> </li> <li class="social_top"> <a href="#"><i class="fa fa-vk"></i></a> </li> <li class="social_top"> <a href="#"><i class="fa fa-facebook"></i></a> </li>
Вместо # укажите Ваши ссылки на соцсети.
Новые пункты меню, если Вы их добавите, будут отображаться до соцсетей (слева).
#12
Отправлено 24 Январь 2018 - 15:58
mrsimon90 (24 Январь 2018 - 14:26) писал:
Здравствуйте.
В шаблоне main.css найдите код:
#custommenu .mainnav > li.social_top > a:hover {color: #620337;}
Замените на:
#custommenu .mainnav > li.social_top > a:hover {color: #fa6dad;}
#14
Отправлено 01 Февраль 2018 - 22:34
как заменить иконку твитера на инстаграм?
#15
Отправлено 02 Февраль 2018 - 06:53
На данный момент у вас в подвале сайта нет иконки твитера.
Темы с аналогичным тегами соц сети
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Цветочный →
Подскажите, Как Прикрепить Социальные Сети?Автор Гость_danya666_* , 17 июня 2020 соц сети |
|
|||
Повышение продаж, продвижение →
SMO →
Сервис По Продвижению В Социальных СетяхАвтор Гость_b0stech_* , 01 нояб. 2018 инстаграм ютуб, продвижение и 2 еще... |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Лазурь →
Изменение общей стилистики →
Помогите С Шапкой СайтаАвтор Гость_Convex_* , 28 февр. 2018 шапка, соц сети, надпись и 1 еще... |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Рассвет →
Кнопки Соц Сетей В Мобильной ВерсииАвтор Гость_mrsimon90_* , 19 янв. 2018 соц сети |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Город →
Изменение общей стилистики →
Кнопки Соц Сетей Под ТоварАвтор Гость_damon_* , 14 июня 2016 соц сети |
|
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных