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


Как Сместить Картинку Header_Bg.Jpg Вниз?


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

#1 ogonek7777

ogonek7777

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

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 06 Февраль 2012 - 23:08

#header {position: relative;width: 960px;height: 206px;margin: 0 auto;background: url({ASSETS_IMAGES_PATH}header_bg.jpg) repeat-x scroll 0 0 transparent;

Как я поняла, подчеркивание шапки смещает вниз вышеуказанный код, метод проб не помогает. Прошу помочь сместить (вроде бы с названием элемента угадала) header_bg.jpg вниз . Спасибо!

#2 TAD-jik

TAD-jik

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

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

Отправлено 06 Февраль 2012 - 23:31

Я посмотрел а куда вниз то сместить :rolleyes:

#3 TAD-jik

TAD-jik

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

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

Отправлено 06 Февраль 2012 - 23:51

Если вам нужно сделать как тут на скрине я показал пример

fdgdg.JPG

То для начала надо в редакторе тем найдти файл main.csstemplate
там найдти вот такие вот строчки

#header {
	background:	 url("http://img.storeland.ru/web/upload/assets/images/29/28748/header_bg.png") repeat-x scroll 0 0 transparent;
	height: 206px;
	position: relative;
	width: 960px;
}

Заменить на вот такие вот

#header {
	background: url("http://img.storeland.ru/web/upload/assets/images/29/28748/header_bg.png") repeat-x scroll 0 0 transparent;
	height: 206px;
	margin: 100px auto 0;
	position: relative;
	width: 960px;
}

Меняете вот такие значения

margin: 100px чем больше px тем изображение ниже также можно -100px сделать только картинка за пределы браузера выйдет :rolleyes:

Сообщение отредактировал TAD-jik: 06 Февраль 2012 - 23:52


#4 Ириска

Ириска

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

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

Отправлено 07 Февраль 2012 - 09:28

Просмотр сообщенияogonek7777 (06 Февраль 2012 - 23:08) писал:

#header {position: relative;width: 960px;height: 206px;margin: 0 auto;background: url({ASSETS_IMAGES_PATH}header_bg.jpg) repeat-x scroll 0 0 transparent;

Как я поняла, подчеркивание шапки смещает вниз вышеуказанный код, метод проб не помогает. Прошу помочь сместить (вроде бы с названием элемента угадала) header_bg.jpg вниз . Спасибо!

Не совсем поняла, что именно вы хотите сместить.

#5 TAD-jik

TAD-jik

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

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

Отправлено 07 Февраль 2012 - 13:09

Полностью подерживаю я доже не понял куда сместить :D

#6 ogonek7777

ogonek7777

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

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 07 Февраль 2012 - 15:06

Просмотр сообщенияTAD-jik (07 Февраль 2012 - 13:09) писал:

Полностью подерживаю я доже не понял куда сместить :D

Это я просто уже вместо родной полоски поставила голубой фон, но это не устраивает. А вот родная картинка
header_bg.png - Уже, все остальные элементы - меню, название, корзина смещаются методом проб и ошибок, а header_bg.png торчит как приклеенная или просто исчезает. По указанной Вами картинке - как раз то, что нужно.

Я как раз и искала, где Margin изменить, спасибо, попробую.

#7 TAD-jik

TAD-jik

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

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

Отправлено 07 Февраль 2012 - 15:48

Не зачто :D




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

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