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


Фон Сайта

Фон

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

#1 Chumahod

Chumahod

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

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

Отправлено 09 Октябрь 2013 - 23:16

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

#2 Vaccina

Vaccina

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

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

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

1.Сайт - Редактор шаблонов - main.css - найдите:
#wrapper {


	background-color: #FFFFFF;
	padding-bottom: 10px;
}
измените цвет фона или пропишите изображение по примеру:
#wrapper {
background: url({ASSETS_IMAGES_PATH}phon.jpg) repeat center center;
}

2.Сайт - Редактор шаблонов - main.css - найдите:
.categories ul {
	background-color: #FFC0CB;
}
измените значение background-color

#3 Chumahod

Chumahod

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

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

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

Просмотр сообщенияVaccina (10 Октябрь 2013 - 05:31) писал:

1.Сайт - Редактор шаблонов - main.css - найдите:
#wrapper {


background-color: #FFFFFF;
padding-bottom: 10px;
}
измените цвет фона или пропишите изображение по примеру:
#wrapper {
background: url({ASSETS_IMAGES_PATH}phon.jpg) repeat center center;
}

2.Сайт - Редактор шаблонов - main.css - найдите:
.categories ul {
background-color: #FFC0CB;
}
измените значение background-color

За каталог товаров спасибо,не нашел бы никогда)

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

#4 ne_yana

ne_yana

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

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

Отправлено 10 Октябрь 2013 - 16:31

Просмотр сообщенияChumahod (10 Октябрь 2013 - 16:19) писал:

За каталог товаров спасибо,не нашел бы никогда)

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

Добрый вечер, необходимо загрузить файл с фоном в админке (например, catalog.png), после этого вставьте в конец файла main.css
.content_catalog.cont250 {
background: url({ASSETS_IMAGES_PATH}catalog.png);
}

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

Также замените
.categories ul {
background-color: #FDF5E6;
}
на
.categories ul {
background-color: transparent;
}


#5 Chumahod

Chumahod

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

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

Отправлено 10 Октябрь 2013 - 21:01

Просмотр сообщенияne_yana (10 Октябрь 2013 - 16:31) писал:

Добрый вечер, необходимо загрузить файл с фоном в админке (например, catalog.png), после этого вставьте в конец файла main.css
.content_catalog.cont250 {
background: url({ASSETS_IMAGES_PATH}catalog.png);
}

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

Также замените
.categories ul {
background-color: #FDF5E6;
}
на
.categories ul {
background-color: transparent;
}

Немножко не то,я хочу изменить общий фон,фон всего сайта

#6 support 2.0

support 2.0

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

  • Модераторы
  • 4 922 сообщений

Отправлено 10 Октябрь 2013 - 21:18

Просмотр сообщенияChumahod (10 Октябрь 2013 - 21:01) писал:

Немножко не то,я хочу изменить общий фон,фон всего сайта

Вам поможет эта инструкция и сообщения модератора Cake ниже.

#7 Chumahod

Chumahod

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

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

Отправлено 11 Октябрь 2013 - 21:42

Просмотр сообщенияsupport 2.0 (10 Октябрь 2013 - 21:18) писал:

Вам поможет эта инструкция и сообщения модератора Cake ниже.

Сделал,но ничего не изменилось(

#8 ne_yana

ne_yana

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

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

Отправлено 11 Октябрь 2013 - 21:53

Просмотр сообщенияChumahod (11 Октябрь 2013 - 21:42) писал:

Сделал,но ничего не изменилось(

Добрый вечер, попробуйте в файле main.css заменить
#wrapper {
background-color: #fff;
padding-bottom: 10px;
}
на
#wrapper {
padding-bottom: 10px;
}

Или Вы хотели добиться другого эффекта?

#9 Chumahod

Chumahod

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

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

Отправлено 11 Октябрь 2013 - 22:41

Просмотр сообщенияne_yana (11 Октябрь 2013 - 21:53) писал:

Добрый вечер, попробуйте в файле main.css заменить
#wrapper {
background-color: #fff;
padding-bottom: 10px;
}
на
#wrapper {
padding-bottom: 10px;
}

Или Вы хотели добиться другого эффекта?


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

#10 ne_yana

ne_yana

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

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

Отправлено 11 Октябрь 2013 - 22:50

Просмотр сообщенияChumahod (11 Октябрь 2013 - 22:41) писал:

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

Можно попробовать вставить в файле main.css
.content_body.cont700 {
background: white;
}


#11 sofia77

sofia77

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

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

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

Просмотр сообщенияVaccina (10 Октябрь 2013 - 05:31) писал:

1.Сайт - Редактор шаблонов - main.css - найдите:
#wrapper {


background-color: #FFFFFF;
padding-bottom: 10px;
}
измените цвет фона или пропишите изображение по примеру:
#wrapper {
background: url({ASSETS_IMAGES_PATH}phon.jpg) repeat center center;
}

ДД!

Почему то у меня после этих действий исчезает шапка сайта.. все покрывается этой картинкой(
Как исправить?

#12 Vaccina

Vaccina

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

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

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

в main.css найдите:
.b_page {background: url({ASSETS_IMAGES_PATH}header_page.png) no-repeat center top;}
замените на:
.b_page {background: url({ASSETS_IMAGES_PATH}header_page.png) no-repeat center top, url({ASSETS_IMAGES_PATH}header2.png) no-repeat center top;}
и измените header2.png на имя вашей второй картинки

#13 sofia77

sofia77

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

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

Отправлено 26 Декабрь 2014 - 10:12

Просмотр сообщенияVaccina (26 Декабрь 2014 - 03:52) писал:


и измените header2.png на имя вашей второй картинки

Не совсем поняла про вторую картинку.. на имя картинки для фона или для шапки?
В любом случае попробовала оба имени. Все равно шапка пропадает(

#14 Taisia

Taisia

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

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

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

напишите оба варианта кода который вы пробовали вставлять.

это необходимо для того что бы понять где допускается ошибка.

#15 sofia77

sofia77

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

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

Отправлено 26 Декабрь 2014 - 15:11

.b_page {background: url({ASSETS_IMAGES_PATH}header_page.png) no-repeat center top, url({ASSETS_IMAGES_PATH}fon.png) no-repeat center top;}
      .b_page {background: url({ASSETS_IMAGES_PATH}header_page.png)no-repeat center top, url({ASSETS_IMAGES_PATH}header_page.png)no-repeat center top;}

Где fon.png - название файла для фона

#16 shnafix

shnafix

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

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

Отправлено 27 Декабрь 2014 - 12:21

Просмотр сообщенияsofia77 (25 Декабрь 2014 - 19:36) писал:

ДД!

Почему то у меня после этих действий исчезает шапка сайта.. все покрывается этой картинкой(
Как исправить?
Давайте попробуем сначала, какое изображение и на какое Вы хотите заменить?

#17 sofia77

sofia77

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

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

Отправлено 27 Декабрь 2014 - 14:00

Хочу заменить цвет фона сайта на картинку

принт скрин сайта.gif

вот картинка для фона:

fon.jpg

Вот так выглядит шапка.
header_page.png
после того, как меняю цвет вона на картинку, шапка исчезает

#18 Alekseys

Alekseys

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

  • Модераторы
  • 2 355 сообщений

Отправлено 27 Декабрь 2014 - 14:04

Просмотр сообщенияsofia77 (27 Декабрь 2014 - 14:00) писал:

Хочу заменить цвет фона сайта на картинку

Прикрепленный файл принт скрин сайта.gif

вот картинка для фона:

Прикрепленный файл fon.jpg

Вот так выглядит шапка.
Прикрепленный файл header_page.png
после того, как меняю цвет вона на картинку, шапка исчезает
Здравствуйте. Загрузите картинку для фона в Редакторе шаблонов и в main.css замените
#wrapper {
  background-color: #2a8ade;
  padding-bottom: 10px;
}
на
#wrapper {
padding-bottom: 10px;
background: url("{ASSETS_IMAGES_PATH}картинка");
}
вместо слова картинка вставьте название картинки.

#19 sofia77

sofia77

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

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

Отправлено 27 Декабрь 2014 - 15:27

Просмотр сообщенияAlekseys (27 Декабрь 2014 - 14:04) писал:

Здравствуйте. Загрузите картинку для фона в Редакторе шаблонов и в main.css замените
#wrapper {
background-color: #2a8ade;
padding-bottom: 10px;
}
на
#wrapper {
padding-bottom: 10px;
background: url("{ASSETS_IMAGES_PATH}картинка");
}
вместо слова картинка вставьте название картинки.

После этих действий получается вот что:

фон сместо шапки.gif

#20 Alekseys

Alekseys

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

  • Модераторы
  • 2 355 сообщений

Отправлено 27 Декабрь 2014 - 15:38

Просмотр сообщенияsofia77 (27 Декабрь 2014 - 15:27) писал:

После этих действий получается вот что:

Прикрепленный файл фон сместо шапки.gif
Прошу прощения, в main.css замените
body {
  font-family: Helvetica, Arial, sans-serif;
}
на
body {
  font-family: Helvetica, Arial, sans-serif;
  background: url("{ASSETS_IMAGES_PATH}картинка");
}
и
#wrapper {
background-color: #2a8ade;
padding-bottom: 10px;
}
замените на
#wrapper {
padding-bottom: 10px;
}






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

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

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