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


Фон


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

#641 r2v

r2v

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

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

Отправлено 20 Июнь 2015 - 12:07

Разобрался, спасибо всем за инфо ....

#642 Дмитрий Шумский

Дмитрий Шумский

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

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

Отправлено 13 Декабрь 2015 - 21:50

Здравствуйте!

Аккаунт SL-357668

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

1.png

Спасибо!

#643 Alekseys

Alekseys

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

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

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

Просмотр сообщенияДмитрий Шумский (13 Декабрь 2015 - 21:50) писал:

Здравствуйте!

Аккаунт SL-357668

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

Прикрепленный файл 1.png

Спасибо!
Здравствуйте. В main.css замените
#cpages  {
  background: url({ASSETS_IMAGES_PATH}cpage-top-bg.jpg?design=shine) no-repeat 0px 80px;
  padding-top: 10px;
}
на
#cpages  {
  background: url({ASSETS_IMAGES_PATH}cpage-top-bg.jpg?design=shine) no-repeat 0px 80px;
  padding-top: 10px;
  background-color: #fff;
}
и
.b_page {background: url({ASSETS_IMAGES_PATH}header_page.png?design=shine) no-repeat center top;}
замените на
.b_page {background: url({ASSETS_IMAGES_PATH}header_page.png?design=shine) no-repeat center top, url({ASSETS_IMAGES_PATH}картинка?design=shine);}
заменив слово картинка на название изображения, предварительно загрузив его в редактор шаблонов.

#644 Дмитрий Шумский

Дмитрий Шумский

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

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

Отправлено 20 Декабрь 2015 - 00:01

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

Здравствуйте. В main.css замените
#cpages {
background: url({ASSETS_IMAGES_PATH}cpage-top-bg.jpg?design=shine) no-repeat 0px 80px;
padding-top: 10px;
}
на
#cpages {
background: url({ASSETS_IMAGES_PATH}cpage-top-bg.jpg?design=shine) no-repeat 0px 80px;
padding-top: 10px;
background-color: #fff;
}
и
.b_page {background: url({ASSETS_IMAGES_PATH}header_page.png?design=shine) no-repeat center top;}
замените на
.b_page {background: url({ASSETS_IMAGES_PATH}header_page.png?design=shine) no-repeat center top, url({ASSETS_IMAGES_PATH}картинка?design=shine);}
заменив слово картинка на название изображения, предварительно загрузив его в редактор шаблонов.

Здравствуйте! А подскажите пожалуйста, как теперь в этой части сделать, чтобы верхние углы были закругленными?

#cpages  {
  background: url({ASSETS_IMAGES_PATH}cpage-top-bg.jpg?design=shine) no-repeat 0px 80px;
  padding-top: 10px;
  background-color: #fff;
}

Аккаунт SL-357668

Спасибо!

#645 Danil

Danil

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

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

Отправлено 20 Декабрь 2015 - 16:53

Просмотр сообщенияДмитрий Шумский (20 Декабрь 2015 - 00:01) писал:

Здравствуйте! А подскажите пожалуйста, как теперь в этой части сделать, чтобы верхние углы были закругленными?

#cpages  {
  background: url({ASSETS_IMAGES_PATH}cpage-top-bg.jpg?design=shine) no-repeat 0px 80px;
  padding-top: 10px;
  background-color: #fff;
}

Аккаунт SL-357668

Спасибо!
Код
#cpages {
background: url({ASSETS_IMAGES_PATH}cpage-top-bg.jpg?design=shine) no-repeat 0px 80px;
padding-top: 10px;
background-color: #F9F2E8;
}
замените на
#cpages {
background: url({ASSETS_IMAGES_PATH}cpage-top-bg.jpg?design=shine) no-repeat 0px 80px;
padding-top: 10px;
background-color: #F9F2E8;
border-radius: 11px;
}


#646 Василера

Василера

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

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

Отправлено 31 Март 2016 - 16:49

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

Еще забыла спросить - если у фото шапки фон прозрачный, то будет ли виден сзади фон страницы?
спасибо!

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

  • Без имени-3копирование.jpg
  • Без имени-1копирование.jpg


#647 RedHead

RedHead

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

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

Отправлено 31 Март 2016 - 17:20

Просмотр сообщенияВасилера (31 Март 2016 - 16:49) писал:

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

Еще забыла спросить - если у фото шапки фон прозрачный, то будет ли виден сзади фон страницы?
спасибо!

Здравствуйте. Не совсем понятно, как должен выглядеть подвал. Уточните, пожалуйста.

Предлагаю убрать остатки светлого фона: в шаблоне main.css замените строки:

#cpages {
background: url({ASSETS_IMAGES_PATH}cpage-top-bg.jpg?design=shine) no-repeat 0px 80px;
padding-top: 10px;
}
на:
#cpages {
padding-top: 10px;
}

Замените строки:
.cont250 {width: 250px;}
на:
.cont200 {width: 250px; background: #fff;}

и
.cont700 {width: 700px;}
на:
.cont700 {width: 700px; background: #fff;}

1.jpg

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

#648 Василера

Василера

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

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

Отправлено 31 Март 2016 - 21:13

Просмотр сообщенияRedHead (31 Март 2016 - 17:20) писал:

Здравствуйте. Не совсем понятно, как должен выглядеть подвал. Уточните, пожалуйста.

Предлагаю убрать остатки светлого фона: в шаблоне main.css замените строки:

#cpages {
background: url({ASSETS_IMAGES_PATH}cpage-top-bg.jpg?design=shine) no-repeat 0px 80px;
padding-top: 10px;
}
на:
#cpages {
padding-top: 10px;
}

Замените строки:
.cont250 {width: 250px;}
на:
.cont200 {width: 250px; background: #fff;}

и
.cont700 {width: 700px;}
на:
.cont700 {width: 700px; background: #fff;}

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

Про шапку тоже не совсем понятно. Вы хотите на шапку поставить еще какой-либо фон и настроить ему прозрачность? Да, любому фону можно задать прозрачность так, как нужно, и то, что находится под фоном будет видно.
У вас на фото классно получилось! Сделала все, как вы написали, но не все закрасилось белым (фото). Помогите, пожалуйста.
Прилагаю фото, как хотелось бы, чтобы выглядел подвал.
Про шапку - фон надо оставить тот же, но так же выделить горизонтальное меню и поиск (фото)

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

  • Untitled31.jpg
  • Untitled312.jpg
  • header_page_without_logo - Copy.jpg


#649 Vaccina

Vaccina

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

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

Отправлено 01 Апрель 2016 - 05:31

В main.css найдите:
.cont200 {width: 250px; background: #fff;}

замените на:
.cont250 {width: 250px; background: #fff;}

далее найдите:
.content_page {
  background: url({ASSETS_IMAGES_PATH}content-page-br.gif) no-repeat 230px 68px;
  overflow:hidden; 
  padding-bottom: 2em;
}

замените на:
.content_page {
	background: #fff;
	overflow: hidden;
	padding-bottom: 2em;
}

Далее найдите:
body {
  background-color: #212121;
  min-width: 960px;
}
#wrapper {
  background-color: #fff;
  padding-bottom: 10px;
  background: url({ASSETS_IMAGES_PATH}21-fon-dlya-sayta.png);}
}

замените на:
body {
  background: url({ASSETS_IMAGES_PATH}21-fon-dlya-sayta.png);
  min-width: 960px;
}
#wrapper {
  background-color: #fff;
  padding-bottom: 10px;
  background: url({ASSETS_IMAGES_PATH}header_page_without_logo.png) no-repeat center top;}
}

В данном измененном блок замените header_page_without_logo.png на имя вашего файла фона шапки, сам фон загрузите в раздел Редактор шаблонов.

#650 Василера

Василера

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

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

Отправлено 02 Апрель 2016 - 22:14

Спасибо большое))!!




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

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