Отключен JavaScript

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

Общий Фон Для Всего Сайта

Автор Anneta, 05 дек. 2013 01:14

фон

Авторизуйтесь для ответа в теме

Сообщений в теме: 73

#1 Anneta

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

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

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

Добрый день!
Пересмотрела много тем, так и не смогла найти как сделать один общий фон (из картинки) для всего сайта.
Вот картинка

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

Возможно ли такое?

Наверх

#2 Сake

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

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

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

Фон можно зафиксировать. Вставить фон вы можете следующим образом - в файл стилей main.css добавьте

body {
  background: url("{ASSETS_IMAGES_PATH}bg.png") no-repeat fixed left top !important;
}
#headerWrap,
#contentWrap,
#footer {
  background: none !important;
}
#content {
  background: #FFFFFF;
}

после загрузите изображение фона bg.png в разделе редактора тем.

Наверх

#3 Anneta

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

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

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

Спасибо, большое. Получилось.

Но есть еще вопрос. между телом и подвалом есть тонкая полоска. как ее убрать?

И еще вопрос. Где можно изменить цвет фона "body" , т.е. того, что у меня обведено в файле выше.
А если еще подскажите, где меняется цвет шрифтов в меню товаров и верхнем меню, то я вообще буду очень благодарна...

Наверх

#4 Сake

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

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

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

Пожалуйста, сообщите ваш номер аккаунта.

Наверх

#5 Anneta

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

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

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

Сake (05 Декабрь 2013 - 03:52) писал:

Пожалуйста, сообщите ваш номер аккаунта.

SL-3065

Наверх

#6 Koderhan

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

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

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

Для удаления нижней полоски в шаблоне Мокко.
В файле "main.css".
Найти код:

#contentWrap {clear: both;background: url({ASSETS_IMAGES_PATH}contentWrap_bg.jpg) repeat-x left bottom;}

Заменить:

#contentWrap {clear: both; repeat-x left bottom;}

И если нужно удалить фон и у футера.
Найти код:

/* !footer -------------------------------------------------------------- */
#footer {background: url("{ASSETS_IMAGES_PATH}botfade.jpg") repeat-x 50% 100%;border-top: 1px solid #CCC;clear: both;color: #999;font-family: verdana;height: 139px;margin: 0px;padding: 0px;text-align: center;}

Заменить:

/* !footer -------------------------------------------------------------- */
#footer {border-top: 1px solid #CCC;clear: both;color: #999;font-family: verdana;height: 139px;margin: 0px;padding: 0px;text-align: center;}

А для изменения цвета текста в меню.
В файле "main.css".
Найти код:

#subNavigation li a:link,
#subNavigation li a:visited {
  padding-left: 10px;
  color: #666;
  display: block;
}

Заменить:

#subNavigation li a:link,
#subNavigation li a:visited {
  padding-left: 10px;
  color: black;
  display: block;
}

И для горизонтального меню.
Код:

#mainNav table td div a:link,
#mainNav table td div a:visited {display: block;height: 26px;color: #666;padding: 4px 10px 0 10px;background: url("{ASSETS_IMAGES_PATH}nav_item_bg.gif") repeat-x bottom left;}

Заменить:

#mainNav table td div a:link,
#mainNav table td div a:visited {display: block;height: 26px;color: black;padding: 4px 10px 0 10px;background: url("{ASSETS_IMAGES_PATH}nav_item_bg.gif") repeat-x bottom left;}

Наверх

#7 empty9228

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

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

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

Здравствуйте!
для того чтоб поменять цвет текста в верхнем меню найдите в файле main.css код

#mainmenu li a{
  font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif;
  color: #FFF;
  display: block;
  float: left;
  padding-right: 15px;
  padding-left: 15px;
  text-transform: uppercase;
  text-decoration: none;
  background: url(/design/tm_link_border.gif) no-repeat right top; }
  #mainmenu li a:hover {
  background: url(/design/tm_link_border.gif) repeat-x center bottom;
  }

значение color отвечает за цвет, измените его на то, которое вам нужно.

Если Вы имеете ввиду цвет Каталога Товаров, то вам нужно изменить значение color в блоке

.leftmenu li li a{
  display: block;
  padding: 5px 10px;
  border-bottom: 1px solid #D6D6D6;
  font: normal 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #999999;
  text-decoration: none;
}

он находится тоже main.css

Наверх

#8 Anneta

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

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

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

Koderhan (05 Декабрь 2013 - 12:29) писал:

Для удаления нижней полоски в шаблоне Мокко.
В файле "main.css".
Найти код:

#contentWrap {clear: both;background: url({ASSETS_IMAGES_PATH}contentWrap_bg.jpg) repeat-x left bottom;}

Заменить:

#contentWrap {clear: both; repeat-x left bottom;}

заменила, но полоса осталась (((

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

хочу подставить фон "градиент голубого".

Наверх

#9 Koderhan

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

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

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

Anneta (05 Декабрь 2013 - 16:32) писал:

заменила, но полоса осталась (((

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

Наверх

#10 Anneta

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

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

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

Koderhan (05 Декабрь 2013 - 16:35) писал:

извините, точно. SL-252948 вот верный номер.
у нас два магазина, я спутала.

Наверх

#11 Koderhan

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

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

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

Панель администратора, "Сайт"->"Редактор шаблонов".
В файле "main.css".
Найти код:

#footer {background: url("{ASSETS_IMAGES_PATH}botfade.jpg") repeat-x 50% 100%;border-top: 1px solid #CCC;clear: both;color: #999;font-family: verdana;height: 139px;margin: 0px;padding: 0px;text-align: center;}

Заменить:

#footer {background: url("{ASSETS_IMAGES_PATH}botfade.jpg") repeat-x 50% 100%;clear: both;color: #999;font-family: verdana;height: 139px;margin: 0px;padding: 0px;text-align: center;}

Наверх

#12 Anneta

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

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

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

Koderhan (05 Декабрь 2013 - 16:47) писал:

Панель администратора, "Сайт"->"Редактор шаблонов".
В файле "main.css".
Найти код:

#footer {background: url("{ASSETS_IMAGES_PATH}botfade.jpg") repeat-x 50% 100%;border-top: 1px solid #CCC;clear: both;color: #999;font-family: verdana;height: 139px;margin: 0px;padding: 0px;text-align: center;}

Заменить:

#footer {background: url("{ASSETS_IMAGES_PATH}botfade.jpg") repeat-x 50% 100%;clear: both;color: #999;font-family: verdana;height: 139px;margin: 0px;padding: 0px;text-align: center;}

спасибо, все получилось

Наверх

#13 vadimchik

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

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

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

как добавить общий фон на сайт? Спасибо

Наверх

#14 Castiel

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

Модераторы
3 519 сообщений

ГородНижний Новгород

Отправлено 24 Декабрь 2013 - 15:25

vadimchik (24 Декабрь 2013 - 15:19) писал:

как добавить общий фон на сайт? Спасибо

Как правильно установить фон

Редактируем main.css

Фон шапки
Находим

#headerWrap {
height: 150px;
background: url(http://design.greencoffee55.ru/header_bg.jpg) repeat-x;
}

background: url(http://design.greenc...u/header_bg.jpg) repeat-x; заменить на необходимый вам фон.

Фон для центральной части
Находим

#contentWrap {
clear: both;
background: url(http://design.greencoffee55.ru/contentWrap_bg.jpg) repeat-x left bottom;
}

background: url(http://design.greenc...tentWrap_bg.jpg) repeat-x left bottom; заменить на необходимый вам фон.

Фон для подвала
Находим

#footer {
background: url("http://design.greencoffee55.ru/botfade.jpg") repeat-x 50% 100%;
border-top: 1px solid #CCC;
clear: both;
color: #999;
font-family: verdana;
height: 139px;
margin: 0px;
padding: 0px;
text-align: center;
}

background: url("http://design.greenc...ru/botfade.jpg") repeat-x 50% 100%; заменить на необходимый вам фон.

Наверх

#15 vadimchik

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

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

Отправлено 24 Декабрь 2013 - 15:50

Спасибо , можно дать консультацию для чайников )) у меня есть картинка в формате png на жестком диске компьютера как мне ее поставить на фон, т.е мне наверное сначала необходимо картинку куда-то залить? потом уже прописывать ссылку ?

Наверх

#16 Castiel

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

Модераторы
3 519 сообщений

ГородНижний Новгород

Отправлено 24 Декабрь 2013 - 15:57

vadimchik (24 Декабрь 2013 - 15:50) писал:

Вам необходимо загрузить через бэкофис Сайт - Редактор шаблонов находим кнопку Добавить файлы . Далее нам необходимо указать ссылку на этот файл в том блоке в котором мы хотим заменить фон.
Например меняем фон в шапке
Редактируем main.css
Находим

#headerWrap {
height: 150px;
background: url('{ASSETS_IMAGES_PATH}header_bg.jpg') repeat-x;
}

Заменяем на

#headerWrap {
height: 150px;
background: url('{ASSETS_IMAGES_PATH}НовыйФон.png') repeat-x;
}

Наверх

#17 vadimchik

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

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

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

спасибо почти получилось , но середина белая подскажите что еще необходимо настроить http://greencoffee55.ru Спасибо

Наверх

#18 ne_yana

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

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

Отправлено 24 Декабрь 2013 - 16:24

vadimchik (24 Декабрь 2013 - 16:19) писал:

спасибо почти получилось , но середина белая подскажите что еще необходимо настроить http://greencoffee55.ru Спасибо

Здравствуйте, замените

background: url('{ASSETS_IMAGES_PATH}169.png') repeat-x left bottom;;

на

background: url('{ASSETS_IMAGES_PATH}169.png');

Наверх

#19 vadimchik

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

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

Отправлено 24 Декабрь 2013 - 16:30

Заменил )))) что-то не то , посмотрите еще раз пожалуйста

Наверх

#20 Castiel

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

Модераторы
3 519 сообщений

ГородНижний Новгород

Отправлено 24 Декабрь 2013 - 16:32

vadimchik (24 Декабрь 2013 - 16:19) писал:

спасибо почти получилось , но середина белая подскажите что еще необходимо настроить http://greencoffee55.ru Спасибо

Если вы хотите использовать один фон для всего сайта, то вам необходимо обновить эти строки из main.css
Находим

#headerWrap {height: 150px;background: url({ASSETS_IMAGES_PATH}169.png) repeat-x;}

#contentWrap {clear: both;background: url({ASSETS_IMAGES_PATH}169.png) repeat-x left bottom;}

#footer {background: url("{ASSETS_IMAGES_PATH}169.png") repeat-x 50% 100%;border-top: 1px solid #CCC;clear: both;color: #999;font-family: verdana;height: 139px;margin: 0px;padding: 0px;text-align: center;}

Заменяем

#headerWrap {height: 150px;}

#contentWrap {clear: both;}

#footer {border-top: 1px solid #CCC;clear: both;color: #999;font-family: verdana;height: 139px;margin: 0px;padding: 0px;text-align: center;}

Находим

body {
font-size: 75%; /* convert 16px base font size to 12px */
line-height: 1.6666em; /* 20px (12 x 1.6666 = 20) */
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
background-color: #FFF;
color: #666;
}

Заменяем на

body {
font-size: 75%; /* convert 16px base font size to 12px */
line-height: 1.6666em; /* 20px (12 x 1.6666 = 20) */
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
background-color: #FFF;
color: #666;
background: url(http://design.greencoffee55.ru/169.png) repeat;
}

Наверх

Обратно в Изменение общей стилистики

Темы с аналогичным тегами фон

Вопросы работы сервиса StoreLand → Дизайн → Шаблон Рассвет → Изменение общей стилистики → Фон Автор Гость_bok_* , 13 окт. 2019 фон	4 Ответов 1 372 Просмотров	stasia 27 янв. 2020
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Весна → Изменение общей стилистики → Изменить Цвет Фона Автор Гость_Olivka_* , 14 июня 2018 главная, фон, цвет	1 Ответ 1 931 Просмотров	Vaccina 15 июня 2018
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Рассвет → Изменение общей стилистики → Помогите Отредактировать Шаблон Автор Гость_Vilenskiy85_* , 30 янв. 2018 Рассвет, фон, картинка	Популярная тема 9 Ответов 2 898 Просмотров	Stasya 28 февр. 2018
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Спорт → Изменение общей стилистики → Добавление Фона Автор Гость_xaurus_* , 16 нояб. 2016 фон 1 2	Популярная тема 28 Ответов 4 737 Просмотров	Mr.Nito 29 марта 2018
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Лазурь → Изменение общей стилистики → Не Получается Установить Фоновый Рисунок Автор Гость_57P_* , 16 авг. 2016 фон, картинка, фоновая картинка	Популярная тема 9 Ответов 2 222 Просмотров	Дмитрий27 03 окт. 2016

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

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

Общий Фон Для Всего Сайта

Темы с аналогичным тегами фон

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

Войти

Google поиск