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


Добавление Значка


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

#1 pro_taras

pro_taras

    Пользователь

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

Отправлено 14 Сентябрь 2016 - 14:56

Аккаунт SL-315271
Помогите добавить значок "стрелка" в поле с адресом организации по аналогии со значками "корзины", "поиска" и "телефона"
Сам значок готов и загружен.
Название файла strelka.pngПрикрепляю скрин

нужно  чтобы он так же вращался и еще был активным (ссылка на страницу с контактами)

Прикрепленные изображения

  • страница.jpg


#2 Firefly

Firefly

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

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

Отправлено 14 Сентябрь 2016 - 15:29

Просмотр сообщенияpro_taras (14 Сентябрь 2016 - 14:56) писал:

Аккаунт SL-315271
Помогите добавить значок "стрелка" в поле с адресом организации по аналогии со значками "корзины", "поиска" и "телефона"
Сам значок готов и загружен.
Название файла 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 pro_taras

pro_taras

    Пользователь

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

Отправлено 14 Сентябрь 2016 - 15:39

крутяк, спасибо!

Просмотр сообщенияFirefly (14 Сентябрь 2016 - 15:29) писал:

Здравствуйте.
Изменения Вам произвел.
Добавил в шаблоне 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 Firefly

Firefly

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

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

Отправлено 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 анонимных