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


Акции В Шапке

Картинка привязать акции

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

#1 ligorempty

ligorempty

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

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

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

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

#2 Absolem

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

ligorempty

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

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

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

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

#4 Absolem

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

Tleeman

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

  • Пользователи
  • PipPip
  • 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

Vaccina

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

  • Модераторы
  • 23 672 сообщений

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

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





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

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

0 пользователей, 0 гостей, 0 анонимных