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


Изменить Подвал

Автор frenky, 25 окт. 2012 00:08

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

#1 frenky

frenky

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

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

Отправлено 25 Октябрь 2012 - 00:08

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

#2 Koderhan

Koderhan

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

  • Модератоpы
  • 6 227 сообщений

Отправлено 25 Октябрь 2012 - 08:48

Просмотр сообщенияfrenky (25 Октябрь 2012 - 00:08) писал:

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

Вы можете изменить фон в редакторе тем. (Панель администратора, Сайт -> Редактор тем).
Открыть файл main.csstemplate.
Найти код:
#footer {border-top: 1px solid #CCC;clear: both;color: #999;font-family: verdana;height: 139px;margin: 0px;padding: 0px;text-align: center;background: url(/web/upload/assets/images/136/135893/header_bg.jpg) repeat-x;}
Заменить на:
#footer {
  border-top: 1px solid #CCC;
  clear: both;
  color: #999;
  font-family: verdana;
  height: 139px;
  margin: 0px;
  padding: 0px;
  text-align: center;
  background-color: white;/*фон в текстовом варианте*/
  background: url({ASSETS_IMAGES_PATH}header_bg.jpg) repeat-x;/*фон картинкой, заполнение по горизонтали*/
}

Если вы хотите чтобы фон подвала имел тень сверху, на границе с страницей, то вы можете загрузить изображение "header_bg.jpg" себе на компьютер и перевернуть, ну или отредактировать как вам угодно только не меняя размеры изображения. После редактирования, загрузить файл обратно в шаблоны но только под другим именем, например: "header_bg_2.jpg". Затем, чтобы этот файл отображался в подвале сайта нужно прописать его имя в: 
background: url({ASSETS_IMAGES_PATH}имя_файла.jpg)

#3 frenky

frenky

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

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

Отправлено 25 Октябрь 2012 - 09:40

Спасибо с подвалом разобрался, а с фоном поможете?? чтобы он на месте стоял. Это тяжело объяснить но если сейчас посмотреть на сайт на фон и подвигать скрулом то видно что фон идет за нима. А надо чтобы он стоял на месте

Просмотр сообщенияKoderhan (25 Октябрь 2012 - 08:48) писал:

Вы можете изменить фон в редакторе тем. (Панель администратора, Сайт -> Редактор тем).
Открыть файл main.csstemplate.
Найти код:
#footer {border-top: 1px solid #CCC;clear: both;color: #999;font-family: verdana;height: 139px;margin: 0px;padding: 0px;text-align: center;background: url(/web/upload/assets/images/136/135893/header_bg.jpg) repeat-x;}
Заменить на:
#footer {
  border-top: 1px solid #CCC;
  clear: both;
  color: #999;
  font-family: verdana;
  height: 139px;
  margin: 0px;
  padding: 0px;
  text-align: center;
  background-color: white;/*фон в текстовом варианте*/
  background: url({ASSETS_IMAGES_PATH}header_bg.jpg) repeat-x;/*фон картинкой, заполнение по горизонтали*/
}

Если вы хотите чтобы фон подвала имел тень сверху, на границе с страницей, то вы можете загрузить изображение "header_bg.jpg" себе на компьютер и перевернуть, ну или отредактировать как вам угодно только не меняя размеры изображения. После редактирования, загрузить файл обратно в шаблоны но только под другим именем, например: "header_bg_2.jpg". Затем, чтобы этот файл отображался в подвале сайта нужно прописать его имя в: 
background: url({ASSETS_IMAGES_PATH}имя_файла.jpg)

#4 Koderhan

Koderhan

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

  • Модератоpы
  • 6 227 сообщений

Отправлено 25 Октябрь 2012 - 09:47

Просмотр сообщенияfrenky (25 Октябрь 2012 - 09:40) писал:

Спасибо с подвалом разобрался, а с фоном поможете?? чтобы он на месте стоял. Это тяжело объяснить но если сейчас посмотреть на сайт на фон и подвигать скрулом то видно что фон идет за нима. А надо чтобы он стоял на месте
У меня в Google chrome ваш фон стоит на месте. Прокрутки нету.

#5 frenky

frenky

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

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

Отправлено 25 Октябрь 2012 - 10:04

Просмотр сообщенияKoderhan (25 Октябрь 2012 - 09:47) писал:

У меня в Google chrome ваш фон стоит на месте. Прокрутки нету.

Ну вот к примеру я сейчас на фоне вырезал пространство белое под меню чтобы оно не сливалось, а когда прокручиваю то оно идет вниз.

#6 Koderhan

Koderhan

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

  • Модератоpы
  • 6 227 сообщений

Отправлено 25 Октябрь 2012 - 10:27

Фон бокового меню хотите изменить ?

#7 frenky

frenky

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

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

Отправлено 25 Октябрь 2012 - 11:34

да чтобы на месте стоял

Просмотр сообщенияKoderhan (25 Октябрь 2012 - 10:27) писал:

Фон бокового меню хотите изменить ?

#8 Koderhan

Koderhan

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

  • Модератоpы
  • 6 227 сообщений

Отправлено 25 Октябрь 2012 - 14:43

Найдите в файле main.csstemplate (Сайт -> редакторе тем) код:
#leftMenuBlockWrap {
  width: 170px;
  padding:1em 0 40px 0;
  vertical-align:top;
}
Заменить на :
#leftMenuBlockWrap {
  width: 170px;
  padding:1em 0 40px 0;
  vertical-align:top;
  background-color: white;/*Цвет фона*/
}

#9 Vaccina

Vaccina

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

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

Отправлено 25 Октябрь 2012 - 14:44

Что бы сделать фон не фиксированным, вам необходимо в файле стилей main.css найти 
body {
	background: url("http://bigfashionshop.ru/web/upload/assets/images/136/135893/fon22.png") repeat fixed 40% 0 #FFFFFF;
	color: #666666;
	font-family: "Lucida Grande","Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 75%;
	line-height: 1.6666em;
}

и заменить на 

body {
	background: url("http://bigfashionshop.ru/web/upload/assets/images/136/135893/fon22.png") repeat scroll 40% 0 #FFFFFF;
	color: #666666;
	font-family: "Lucida Grande","Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 75%;
	line-height: 1.6666em;
}

По сути необходимо заменить fixed на scroll у свойства background, или же просто удалить fixed, так как по умолчанию используется scroll

#10 frenky

frenky

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

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

Отправлено 25 Октябрь 2012 - 14:44

Просмотр сообщенияKoderhan (25 Октябрь 2012 - 14:43) писал:

Найдите в файле main.csstemplate (Сайт -> редакторе тем) код:
#leftMenuBlockWrap {
  width: 170px;
  padding:1em 0 40px 0;
  vertical-align:top;
}
Заменить на :
#leftMenuBlockWrap {
  width: 170px;
  padding:1em 0 40px 0;
  vertical-align:top;
  background-color: white;/*Цвет фона*/
}

А как нибудь по другому нельзя сделать? потому что фон все равно внизу в вверх катается

#11 Koderhan

Koderhan

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

  • Модератоpы
  • 6 227 сообщений

Отправлено 25 Октябрь 2012 - 14:46

Может дело в вашем фоновом изображение ?
http://bigfashionsho...35893/fon22.png

#12 frenky

frenky

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

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

Отправлено 25 Октябрь 2012 - 14:55

Просмотр сообщенияVaccina (25 Октябрь 2012 - 14:44) писал:

Что бы сделать фон не фиксированным, вам необходимо в файле стилей main.css найти 
body {
	background: url("http://bigfashionshop.ru/web/upload/assets/images/136/135893/fon22.png") repeat fixed 40% 0 #FFFFFF;
	color: #666666;
	font-family: "Lucida Grande","Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 75%;
	line-height: 1.6666em;
}

и заменить на 

body {
	background: url("http://bigfashionshop.ru/web/upload/assets/images/136/135893/fon22.png") repeat scroll 40% 0 #FFFFFF;
	color: #666666;
	font-family: "Lucida Grande","Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 75%;
	line-height: 1.6666em;
}

По сути необходимо заменить fixed на scroll у свойства background, или же просто удалить fixed, так как по умолчанию используется scroll

Большое спасибо!! Помогло!

#13 Eugie89

Eugie89

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

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

Отправлено 01 Март 2013 - 12:18

За основным цветом подвала открылся другой более светлый фон общей подложки. Из-за этого "метрика" как-то неуклюже висит непонятно как..

Прикрепленные изображения

  • Безымянный2.jpg

#14 Koderhan

Koderhan

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

  • Модератоpы
  • 6 227 сообщений

Отправлено 01 Март 2013 - 12:44

Просмотр сообщенияEugie89 (01 Март 2013 - 12:18) писал:

За основным цветом подвала открылся другой более светлый фон общей подложки. Из-за этого "метрика" как-то неуклюже висит непонятно как..
На данный момент сайт отображается нормально, внизу страницы горизонтальной полоски нету. Вопрос акутуален ? На какой странице отображается ?

#15 Koderhan

Koderhan

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

  • Модератоpы
  • 6 227 сообщений

Отправлено 01 Март 2013 - 12:54

Просмотр сообщенияEugie89 (01 Март 2013 - 12:18) писал:

За основным цветом подвала открылся другой более светлый фон общей подложки. Из-за этого "метрика" как-то неуклюже висит непонятно как..
В файле "HTML".
Найти код:
<div style="z-index:1; background: url(http://dodo-studio.storeland.ru/web/upload/assets/images/157/156195/footer.png) no-repeat center top; position:relative;  padding:0px;  height: 211px; margin: 0px auto; left:0px; ">
Заменить:
<div style="z-index:1; background: url(http://dodo-studio.storeland.ru/web/upload/assets/images/157/156195/footer.png) no-repeat center top; position:relative;  padding: 0px;  height: 225px; margin: 0px auto; left:0px; margin-bottom: -10px;">

#16 Eugie89

Eugie89

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

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

Отправлено 01 Март 2013 - 12:59

спасибо. только теперь виден кусок логотипа там

Прикрепленные изображения

  • Безымянный2.jpg

#17 Koderhan

Koderhan

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

  • Модератоpы
  • 6 227 сообщений

Отправлено 01 Март 2013 - 13:26

Просмотр сообщенияEugie89 (01 Март 2013 - 12:59) писал:

спасибо. только теперь виден кусок логотипа там
В файле "HTML".
Найти код:
<div style="z-index:1; background: url(http://dodo-studio.storeland.ru/web/upload/assets/images/157/156195/footer.png) no-repeat center top; position:relative;  padding: 0px;  height: 225px; margin: 0px auto; left:0px; margin-bottom: -10px;">
Заменить:
<div style="z-index:1; background: url(http://dodo-studio.storeland.ru/web/upload/assets/images/157/156195/footer.png) no-repeat center top 15px; position:relative;  padding: 0px;  height: 225px; margin: 0px auto; left:0px; margin-bottom: -10px;">

#18 Eugie89

Eugie89

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

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

Отправлено 01 Март 2013 - 13:45

Просмотр сообщенияKoderhan (01 Март 2013 - 13:26) писал:

В файле "HTML".
Найти код:
<div style="z-index:1; background: url(http://dodo-studio.storeland.ru/web/upload/assets/images/157/156195/footer.png) no-repeat center top; position:relative; padding: 0px; height: 225px; margin: 0px auto; left:0px; margin-bottom: -10px;">
Заменить:
<div style="z-index:1; background: url(http://dodo-studio.storeland.ru/web/upload/assets/images/157/156195/footer.png) no-repeat center top 15px; position:relative; padding: 0px; height: 225px; margin: 0px auto; left:0px; margin-bottom: -10px;">
да! благодарю.

#19 mike86spb

mike86spb

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

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

Отправлено 17 Июль 2013 - 19:04

Подскажите где поменять размер подвала?

#20 Taisia

Taisia

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

  • Модератоpы
  • 1 289 сообщений

Отправлено 17 Июль 2013 - 20:26

уточните, пожалуйста, что вы имеете в виду под "размер подвала"
его высоту или ширину ?

за высоту блока подвала отвечает код в файле main.css 

#footer {
....
....
...

в этом коде есть параметр

height: 139px;

меняйте его что бы изменить высоту блока
Обратно в Изменение общей стилистики


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Мокко
  5. → Изменение общей стилистики
  6. Privacy Policy