Добрый день! Интересует возможность вынести картинку (акции) справа от лого магазина.
Да так, чтобы нажав на картинку, ссылка была на раздел магазина с действующими акциями.
Также, чтобы картинка адаптировалась по разрешения 1027*768. Боюсь, чтобы не съехала вся шапка.
Спасибо заранее!
0
Сообщений в теме: 5
#1
Отправлено 22 Август 2013 - 08:42
#2
Отправлено 22 Август 2013 - 10:25
Найдите код в шаблоне HTML -
<h1 title="{SETTINGS_STORE_NAME}"><a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" /><br />{SETTINGS_STORE_NAME}</a></h1>И замените на -
<h1 style="position:relative;" title="{SETTINGS_STORE_NAME}"><a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" /><br />{SETTINGS_STORE_NAME}</a><a href="http://{NET_DOMAIN}/discount"><img src="путь до изображения" alt="описание" style="width:50px;position: absolute;right: 123px;top: -1px;" /></a></h1>
#3
Отправлено 27 Август 2013 - 11:59
Добрый день!
Спасибо, очень помогло. Но! Параметр asbolute выдает жуткий вид шапки на устройствах с маленьким разрешением. С логотипом сайта разобрался, поставив значение relative. Также хотелось бы выровнять контакты(чтобы уменьшались, в случае, если разрешение маленькое устройства. И выставить картинку "Акции" и иконку "Заказать звонок", как отдельный класс, задавать им параметры. Научите на этом примере, пожалуйста. Вообщем хочу переверстать шапку, адаптировав под разные разрешения. Помогите, пожалуйста
Спасибо, очень помогло. Но! Параметр asbolute выдает жуткий вид шапки на устройствах с маленьким разрешением. С логотипом сайта разобрался, поставив значение relative. Также хотелось бы выровнять контакты(чтобы уменьшались, в случае, если разрешение маленькое устройства. И выставить картинку "Акции" и иконку "Заказать звонок", как отдельный класс, задавать им параметры. Научите на этом примере, пожалуйста. Вообщем хочу переверстать шапку, адаптировав под разные разрешения. Помогите, пожалуйста
#4
Отправлено 27 Август 2013 - 13:14
В main.css найдите код -
.contacts { position: absolute; font-size: 1.6em; right: 240px; top: -20px; }И замените на -
.contacts { position: relative; font-size: 1.6em; float:left; }Далее найдите код -
.socialIcons { width: 32.5em; position: absolute; top: 54px; right: 20px; }И замените на -
.socialIcons { width: 32.5em; position: relative; float:left; }
#5
Отправлено 18 Декабрь 2013 - 11:53
Absolem (22 Август 2013 - 10:25) писал:
Найдите код в шаблоне HTML -
<h1 title="{SETTINGS_STORE_NAME}"><a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" /><br />{SETTINGS_STORE_NAME}</a></h1>И замените на -
<h1 style="position:relative;" title="{SETTINGS_STORE_NAME}"><a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" /><br />{SETTINGS_STORE_NAME}</a><a href="http://{NET_DOMAIN}/discount"><img src="путь до изображения" alt="описание" style="width:50px;position: absolute;right: 123px;top: -1px;" /></a></h1>
что такое "путь до изображения" и "описание" и нужны ли кавычки - " ?
Сам разобрался.
но появилась проблема приложил скриншот- красным цветом(то что получилось) , зеленым - (то что нужно) баннер должен быть под логотипом всеми контактами и поиском разумеется
#6
Отправлено 19 Декабрь 2013 - 05:36
У вас не отображается скриншот, он наверное не прикрепился, попробуйте еще раз прикрепить скриншот
Темы с аналогичным тегами Картинка привязать, акции
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Спорт →
Главная →
Акции На Главной И Не ТолькоАвтор Гость_kirussian_* , 08 сент. 2017 акции |
|
|||
Повышение продаж, продвижение →
Общие вопросы →
Создать Условие В АкцияхАвтор Гость_r373760_* , 12 июля 2016 акции |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Движение →
Акции →
Блок АкцииАвтор Гость_malroz_* , 21 июля 2014 акции |
|
|||
Другое →
Самое разное →
Интернет Магазин Промо Кодов И Скидочных КупоновАвтор Гость_Tooloos_* , 27 мая 2014 купон, промокод, скидки, акции |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Сияние →
Акции →
Своя Картинка К Акции В Списке АкцийАвтор Гость_Remix_* , 17 нояб. 2013 картинки, акции |
|
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных