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


Как Растянуть Фоновое Изображение Так Чтобы Шака Сайта Осталась Видна?


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

#1 Fakel433

Fakel433

    Новичок

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

Отправлено 17 Май 2011 - 10:30

Доброе время суток!!! Хочу сделать, чтобы фон растягивался, но получается что шапка сайта оказывается под фоном!!!
Хочу сделать что то на подобие этого: http://massajkin.ru
Заранее благодарен!!!

#2 Vaccina

Vaccina

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

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

Отправлено 17 Май 2011 - 18:50

Хм. Скорее всего вы не для того класса задаете изображение.
Фоновую картинку вставьте в тег
body {background: url("адрес картинки") repeat scroll center top transparent;}
- она будет растягиваться.
Картинку шапки в класс
.b_page {background: url("адрес картинки") no-repeat scroll center top transparent;}
В данном случае фон не будет перекрывать шапку.

#3 Fakel433

Fakel433

    Новичок

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

Отправлено 17 Май 2011 - 21:08

Спасибо за ответ!!!
Теперь к сожалению подвал сайта потерял вид....
Как вернуть подвал сайта в прежнее состояние: http://vip-room.storeland.ru/
Спасибо...

#4 Vaccina

Vaccina

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

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

Отправлено 18 Май 2011 - 06:55

Хм. У Вас сами изображения сдвинуты, т.к блоки верные.
Что бы подвал прижать к самому низу - добавьте в самый конец вашего файла стилей (main.css) следующее

.ui-corner-all {
 display:none;
}

Далее в 2х картинках [body, .b_page] сдвинте фоновый контент немного левее.

#5 Fakel433

Fakel433

    Новичок

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

Отправлено 18 Май 2011 - 09:36

Мне нужно немного другое...
Я хочу оставить подвал, как был в стандартном шаблоне сияние, чтобы он растягивался серым-чёрным цветом!!!
Распишите пожалуйста подробнее....
Благодарю!!!!

#6 Vaccina

Vaccina

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

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

Отправлено 19 Май 2011 - 04:05

Хм. попробуйте обвернуть блок
<div id="footer">

следующим блоком

<div style="background-color: #212121; margin-top: 170px;">

что бы получилось примерно так

<div style="background-color: #212121; margin-top: 170px;">
  <div id="footer">
	...
  </div>
</div>


#7 Fakel433

Fakel433

    Новичок

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

Отправлено 19 Май 2011 - 06:30

Спасибо!!! Получилось, но вот ещё вылез один маленький ньюанс
Изображение
Следовательно, надо растянуть вниз по вертикали!!! Как сделать???
спаибо...

#8 Vaccina

Vaccina

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

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

Отправлено 19 Май 2011 - 19:42

Хм. попробуйте в файле стилей найти

.content_page {
	background: url("http://img.vip-room.tom.ru/web/upload/assets/images/11/10974/content-page-br.gif") no-repeat scroll 710px 68px transparent;
	overflow: hidden;
	padding-bottom: 1em;
}

заменить на

.content_page {
	background: url("http://img.vip-room.tom.ru/web/upload/assets/images/11/10974/content-page-br.gif") no-repeat scroll 710px 68px transparent;
	min-height: 600px;
	overflow: hidden;
	padding-bottom: 1em;
}


#9 Fakel433

Fakel433

    Новичок

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

Отправлено 20 Май 2011 - 05:42

БОЛЬШОЕ СПАСИБО!!! ВСЁ ПОЛУЧИЛОСЬ!!!!! ПРИЯТНО С ВАМИ РАБОТАТЬ)))))))

#10 Perfect_hair

Perfect_hair

    Новичок

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

Отправлено 02 Июнь 2011 - 13:07

Просмотр сообщенияVaccina (19 Май 2011 - 19:42) писал:

Хм. попробуйте в файле стилей найти

.content_page {
	background: url("http://img.vip-room.tom.ru/web/upload/assets/images/11/10974/content-page-br.gif") no-repeat scroll 710px 68px transparent;
	overflow: hidden;
	padding-bottom: 1em;
}

заменить на

.content_page {
	background: url("http://img.vip-room.tom.ru/web/upload/assets/images/11/10974/content-page-br.gif") no-repeat scroll 710px 68px transparent;
	min-height: 600px;
	overflow: hidden;
	padding-bottom: 1em;
}


Сделал все выше описаное, но подвал сайта так и не опустился до должного уровня. Подскажите пожалуйста в чем причина. :(

Магазин

#11 Vaccina

Vaccina

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

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

Отправлено 03 Июнь 2011 - 04:41

Хм. попробуйте в ваш файл стилей (в самый конец файла) добавить следующий блок

.ui-datepicker {
 display:none;
}


#12 Perfect_hair

Perfect_hair

    Новичок

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

Отправлено 04 Июнь 2011 - 15:38

Просмотр сообщенияVaccina (03 Июнь 2011 - 04:41) писал:

Хм. попробуйте в ваш файл стилей (в самый конец файла) добавить следующий блок
.ui-datepicker { display:none;}

Огромное спасибо, все получилось :)

#13 woozka

woozka

    Новичок

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

Отправлено 18 Сентябрь 2011 - 11:33

У мене не получилось, закрепить подвал сайта с низу. он всегда передвигается, помогите
http://udachnokupil.ru/

#14 Vaccina

Vaccina

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

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

Отправлено 20 Сентябрь 2011 - 00:05

Попробуйте в файле стилей main.css найти следующий класс

.content_page {
	background: url("http://img.storeland.ru/web/upload/assets/images/18/17785/content-page-br.gif") no-repeat scroll 230px 68px transparent;
	overflow: hidden;
	padding-bottom: 2em;
}

далее его заменить на

.content_page {
	background: url("http://img.storeland.ru/web/upload/assets/images/18/17785/content-page-br.gif") no-repeat scroll 230px 68px transparent;
	min-height: 650px;
	overflow: hidden;
	padding-bottom: 2em;
}


#15 strekozanna

strekozanna

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

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

Отправлено 18 Октябрь 2011 - 15:18

Здравствуйте!
У меня тоже вопросы по подвалу сайта.
Как растянуть среднюю часть до самого низа и чтобы подвал был под ней (по аналогии с шапкой)?
Как сделать надписи в подвале по центру?
И как поменять местами строчки нижнего меню и копирайта?

#16 Vaccina

Vaccina

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

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

Отправлено 18 Октябрь 2011 - 22:01

Пожалуйста сообщите адрес вашего магазина, а так же по возможности сделать скриншоты предполагаемых изменений для наглядности.

#17 strekozanna

strekozanna

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

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

Отправлено 19 Октябрь 2011 - 09:46

Просмотр сообщенияVaccina (18 Октябрь 2011 - 22:01) писал:

Пожалуйста сообщите адрес вашего магазина, а так же по возможности сделать скриншоты предполагаемых изменений для наглядности.

Здравствуйте! Извините, я вас наверное уже замучила своими вопросами. Но я уже настолько изменила подвал сайта, что не могу вернуть ни в исходное положение, ни привести в какой-то более-менее приличный вид :(
Адрес: magazinraduga.ru

#18 katty_k

katty_k

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

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

Отправлено 20 Октябрь 2011 - 06:32

Здравствуйте, помогите пожалуйста, хотела сделать чтобы фон и шапка были одного цвета, но у меня почему то не видно логотипа, строки с корзиной и кнопки под корзиной хотела бы чтобы остались черные и почему то на главной странице буквы залиты белым фоном каким-то(((. Хотела бы чтобы вид такой был, пожалуйста помогите как это сделать? http://youngfaces74.storeland.ru Хотела сделать как тут: http://massajkin.ru

#19 Vaccina

Vaccina

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

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

Отправлено 20 Октябрь 2011 - 08:22

Код стандартного подвала выглядит так
<!-- Подвал сайта -->
  <div id="footer">
	<div class="left">
	  <p>&copy; {DATE_YEAR} {SETTINGS_STORE_NAME}. {SETTINGS_STORE_ORG_NAME}. Все права защищены.</p>
	  <ul>
		{% FOR menu %}
		  {% FOR footer %}
			{% FOR links %}<li {% IF menu.footer.links.last %}class="last"{% ENDIF %}><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %}
		  {% ENDFOR %}
		{% ENDFOR %}
	  </ul>
	</div>
	<div class="right"><p>{COPYRIGHT_FOR_DESIGN_SHINE} {SETTINGS_STORE_REGION}</p></div>
	<div class="clr"></div>
	<div>{SETTINGS_STORE_HTML_CODE}</div>
  </div>
</body>
</html>

меняется он в шаблоне "HTML"

Цитата

Здравствуйте, помогите пожалуйста, хотела сделать чтобы фон и шапка были одного цвета, но у меня почему то не видно логотипа, строки с корзиной и кнопки под корзиной хотела бы чтобы остались черные и почему то на главной странице буквы залиты белым фоном каким-то(((

Вы загрузили изображения в разделе файлы, а нужно в разделе Редактор тем (блок файлы). Так же у названий изображений не должно быть пробелов и русских символов.

А белый фон у слов на главной, видимо вставлен в визуальном редакторе данной страницы, вам нужно зайти выделить весь текст и убрать у него весь фон.

#20 strekozanna

strekozanna

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

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

Отправлено 20 Октябрь 2011 - 09:43

Просмотр сообщенияstrekozanna (18 Октябрь 2011 - 15:18) писал:

Здравствуйте!
У меня тоже вопросы по подвалу сайта.
Как растянуть среднюю часть до самого низа и чтобы подвал был под ней (по аналогии с шапкой)?
Как сделать надписи в подвале по центру?
И как поменять местами строчки нижнего меню и копирайта?
Спасибо за код подвала, но вы не ответили на мои вопросы :(




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

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