Акции В Шапке

#1 ligorempty

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

Пользователи
64 сообщений

Отправлено 22 Август 2013 - 08:42

Добрый день! Интересует возможность вынести картинку (акции) справа от лого магазина.
Да так, чтобы нажав на картинку, ссылка была на раздел магазина с действующими акциями.
Также, чтобы картинка адаптировалась по разрешения 1027*768. Боюсь, чтобы не съехала вся шапка.
Спасибо заранее! :rolleyes:

Наверх

#2 Absolem

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

Модератоpы
145 сообщений

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

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

Пользователи
64 сообщений

Отправлено 27 Август 2013 - 11:59

Добрый день!
Спасибо, очень помогло. Но! Параметр asbolute выдает жуткий вид шапки на устройствах с маленьким разрешением. С логотипом сайта разобрался, поставив значение relative. Также хотелось бы выровнять контакты(чтобы уменьшались, в случае, если разрешение маленькое устройства. И выставить картинку "Акции" и иконку "Заказать звонок", как отдельный класс, задавать им параметры. Научите на этом примере, пожалуйста. Вообщем хочу переверстать шапку, адаптировав под разные разрешения. Помогите, пожалуйста

Наверх

#4 Absolem

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

Модератоpы
145 сообщений

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

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

Пользователи
46 сообщений

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

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

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

Отправлено 19 Декабрь 2013 - 05:36

У вас не отображается скриншот, он наверное не прикрепился, попробуйте еще раз прикрепить скриншот

Наверх

Вопросы работы сервиса StoreLand → Дизайн → Шаблон Спорт → Главная → Акции На Главной И Не Только Автор Гость_kirussian_* , 08 сент. 2017 акции	Популярная тема 12 Ответов 3 396 Просмотров	metry 26 дек. 2017
Повышение продаж, продвижение → Общие вопросы → Создать Условие В Акциях Автор Гость_r373760_* , 12 июля 2016 акции	2 Ответов 711 Просмотров	Stasya 14 июля 2016
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Движение → Акции → Блок Акции Автор Гость_malroz_* , 21 июля 2014 акции 1 2 3	Популярная тема 56 Ответов 10 009 Просмотров	MikDark 04 июня 2016
Другое → Самое разное → Интернет Магазин Промо Кодов И Скидочных Купонов Автор Гость_Tooloos_* , 27 мая 2014 купон, промокод, скидки, акции	0 Ответов 1 206 Просмотров	Tooloos 27 мая 2014
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Сияние → Акции → Своя Картинка К Акции В Списке Акций Автор Гость_Remix_* , 17 нояб. 2013 картинки, акции	Популярная тема 13 Ответов 5 496 Просмотров	MikDark 09 февр. 2016

#1 ligorempty

#2 Absolem

#3 ligorempty

#4 Absolem

#5 Tleeman

#6 Vaccina

Темы с аналогичным тегами Картинка привязать, акции

Акции На Главной И Не Только

Создать Условие В Акциях

Блок Акции

Интернет Магазин Промо Кодов И Скидочных Купонов

Своя Картинка К Акции В Списке Акций

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

Google поиск

Акции В Шапке

Темы с аналогичным тегами Картинка привязать, акции

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

Войти

Google поиск