Аккаунт SL-315271
Помогите добавить значок "стрелка" в поле с адресом организации по аналогии со значками "корзины", "поиска" и "телефона"
Сам значок готов и загружен.
Название файла strelka.pngПрикрепляю скрин
нужно чтобы он так же вращался и еще был активным (ссылка на страницу с контактами)
0
Добавление Значка
Автор pro_taras, 14 сент. 2016 14:56
Сообщений в теме: 3
#1
Отправлено 14 Сентябрь 2016 - 14:56
#2
Отправлено 14 Сентябрь 2016 - 15:29
pro_taras (14 Сентябрь 2016 - 14:56) писал:
Аккаунт SL-315271
Помогите добавить значок "стрелка" в поле с адресом организации по аналогии со значками "корзины", "поиска" и "телефона"
Сам значок готов и загружен.
Название файла strelka.pngПрикрепляю скрин
нужно чтобы он так же вращался и еще был активным (ссылка на страницу с контактами)
Помогите добавить значок "стрелка" в поле с адресом организации по аналогии со значками "корзины", "поиска" и "телефона"
Сам значок готов и загружен.
Название файла strelka.pngПрикрепляю скрин
нужно чтобы он так же вращался и еще был активным (ссылка на страницу с контактами)
Здравствуйте.
Изменения Вам произвел.
Добавил в шаблоне main.css стили:
.adresa {position: relative;width: 225px;z-index: 15;} #header .adresa .sup_strelka{display:block;width:36px;height:36px;background-color:#333333;-webkit-border-radius: 50%;-moz-border-radius: 50%;-khtml-border-radius: 50%;border-radius: 50%;-ms-border-radius: 50%;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;background: url('{ASSETS_IMAGES_PATH}strelka.png?design=spring') center center no-repeat;background-color:#333333;position:absolute;top:22px;right:-13px;background-size: cover;} #header .adresa:hover .sup_strelka{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg); }
а так же в шаблоне HTML код:
<span class="sup_strelka"></span>
Проверьте, пожалуйста.
#3
Отправлено 14 Сентябрь 2016 - 15:39
крутяк, спасибо!
а есть возможность сделать значок активным, чтобы по клику переходить на страницу с контактами?
Firefly (14 Сентябрь 2016 - 15:29) писал:
Здравствуйте.
Изменения Вам произвел.
Добавил в шаблоне main.css стили:
а так же в шаблоне HTML код:
Проверьте, пожалуйста.
Изменения Вам произвел.
Добавил в шаблоне main.css стили:
.adresa {position: relative;width: 225px;z-index: 15;} #header .adresa .sup_strelka{display:block;width:36px;height:36px;background-color:#333333;-webkit-border-radius: 50%;-moz-border-radius: 50%;-khtml-border-radius: 50%;border-radius: 50%;-ms-border-radius: 50%;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;background: url('{ASSETS_IMAGES_PATH}strelka.png?design=spring') center center no-repeat;background-color:#333333;position:absolute;top:22px;right:-13px;background-size: cover;} #header .adresa:hover .sup_strelka{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg); }
а так же в шаблоне HTML код:
<span class="sup_strelka"></span>
Проверьте, пожалуйста.
#4
Отправлено 14 Сентябрь 2016 - 15:56
pro_taras (14 Сентябрь 2016 - 15:39) писал:
крутяк, спасибо!
а есть возможность сделать значок активным, чтобы по клику переходить на страницу с контактами?
а есть возможность сделать значок активным, чтобы по клику переходить на страницу с контактами?
Для задания ссылки Вы можете код в шаблоне HTML:
<span class="sup_strelka"></span>
Заменить на:
<a href="/page/Kontakty"><span class="sup_strelka"></span></a>
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных