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


Изменить Цвет Фона

фон

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

#1 Гость_Наталья C._*

Гость_Наталья C._*
  • Гости

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

Добрый вечер!
Подскажите, как изменить цвет фона на белый?
Спасибо!

#2 (Рекбес)

(Рекбес)

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

  • Пользователи
  • PipPipPipPip
  • 217 сообщений
  • ГородКемерово

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

Заходишь в раздел САЙТ далее ФАЙЛЫ загружаешь туда свой фон,запоминаешь ссылку.
Затем проходишь в  САЙТ далее РЕДАКТОР ШАБЛОНОВ в  main.css и ищешь там строку,у меня она в шаблоне лайт стоит  под номером 9
body						{background: url(http://st.rekbes.ru/2/753/755/bg-light-4857.png) repeat center center;  padding-bottom: 30px; line-height: 1.4em; margin: 0px; font-family: arial,verdana, arial, helvetica, sans-serif; color: #333; font-size: 14px; opacity: .999}
Вместо http://st.rekbes.ru/...-light-4857.png ставишь свою ссылку на свой фон и сохраняешь,все.

Фоны для сайта,можешь скачать отсюда. http://365psd.ru/backgrounds/light

#3 ne_yana

ne_yana

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

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

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

 Наталья C. (20 Октябрь 2013 - 23:42) писал:

Добрый вечер!
Подскажите, как изменить цвет фона на белый?
Спасибо!

Доброе утро, чтобы изменить фон выше слайдера, замените в файле main.css
#header-fluid {
position: relative;
background: #FAFAFA url('http://design.tvoistart.info/header-top-bg.png') repeat-x 0 0;
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
-moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
z-index: 10;
}
на
#header-fluid {
position: relative;
background: #FFFFFF url('http://design.tvoistart.info/header-top-bg.png') repeat-x 0 0;
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
-moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
z-index: 10;
}

Ниже слайдера: добавьте
#wrapper {
background-color: #FFFFFF;
}


#4 Гость_Наталья C._*

Гость_Наталья C._*
  • Гости

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

 (Рекбес) (21 Октябрь 2013 - 00:18) писал:

Заходишь в раздел САЙТ далее ФАЙЛЫ загружаешь туда свой фон,запоминаешь ссылку.
Затем проходишь в  САЙТ далее РЕДАКТОР ШАБЛОНОВ в  main.css и ищешь там строку,у меня она в шаблоне лайт стоит  под номером 9
body					 {background: url(http://st.rekbes.ru/2/753/755/bg-light-4857.png) repeat center center; padding-bottom: 30px; line-height: 1.4em; margin: 0px; font-family: arial,verdana, arial, helvetica, sans-serif; color: #333; font-size: 14px; opacity: .999}
Вместо http://st.rekbes.ru/...-light-4857.png ставишь свою ссылку на свой фон и сохраняешь,все.

Фоны для сайта,можешь скачать отсюда. http://365psd.ru/backgrounds/light

Спасибо за ваш ответ. Но мне нужно лишь сменить цвет фона на белый, а не загружать какой-то фон...

#5 empty9228

empty9228

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

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

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

Здраствуйе! В конце файла main.css вставьте следующий код
#content-fluid {
	background: white;
}


#6 ConstantinRS

ConstantinRS

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

  • Пользователи
  • PipPipPip
  • 110 сообщений
  • ГородЧелябинск

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

 Наталья C. (21 Октябрь 2013 - 09:01) писал:

Спасибо за ваш ответ. Но мне нужно лишь сменить цвет фона на белый, а не загружать какой-то фон...

В style.css  

.bg {background: #f6f6f4;}

заменить на

.bg {background: #FFFFFF;}

Хотя, наверное, сами уже разобрались )

#7 unling

unling

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

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

Отправлено 05 Январь 2014 - 14:14

А как мне загрузить в шапку картинку?

#8 Stasya

Stasya

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

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

Отправлено 05 Январь 2014 - 15:40

В файле style.css найдите блок
#header-fluid {
position: relative;
background: #ffffff;
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
-moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
z-index: 10;
}
и замените его на
#header-fluid {
position: relative;
background: url({ASSETS_IMAGES_PATH}название картинки.формат);
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
-moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
z-index: 10;
}

Картинку загрузите в разделе Сайт-> Редактор шаблонов-> Добавить файлы.И в блоке выше пропишите название картинки и ее формат.

#9 Pogranets

Pogranets

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

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

Отправлено 12 Сентябрь 2017 - 22:57

добрый день,

Подскажите как можно заменить фон сайта с черного на белый, не меняя шаблона

#10 Vaccina

Vaccina

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

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

Отправлено 13 Сентябрь 2017 - 08:55

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#wrapper {background: rgba(0, 0, 0, 0.1);position: relative;z-index: 0;min-height:1000px;}
            
замените на:
#wrapper {background: #fff;position: relative;z-index: 0;min-height:1000px;}

далее найдите:
body {font-family: PT Sans;font-size: 16px;line-height: 20px;color: #bbb;overflow-x: hidden;position: relative;background-color: #575757;background-image: url("{ASSETS_IMAGES_PATH}bg.png?design=dark");background-attachment: fixed;background-position: center top;margin:0;padding:0;}

замените на:
body {font-family: PT Sans;font-size: 16px;line-height: 20px;color: #000;overflow-x: hidden;position: relative;background-color: #575757;background-image: url("{ASSETS_IMAGES_PATH}bg.png?design=dark");background-attachment: fixed;background-position: center top;margin:0;padding:0;}

далее найдите:
#custommenu ul.mainnav li.level0 > a {display: block;padding: 5px 12px;position: relative;font-size: 16px;text-transform: uppercase;line-height: 20px;color: #fff;border: 1px solid transparent;margin: 0 0 10px 0;}

замените на:
#custommenu ul.mainnav li.level0 > a {display: block;padding: 5px 12px;position: relative;font-size: 16px;text-transform: uppercase;line-height: 20px;color: #000;border: 1px solid transparent;margin: 0 0 10px 0;}


далее найдите:
#footer-middle {background: #343434;border: 1px solid #3f3f3f;padding: 30px 0;margin-top: 20px;color: #cdcdcd;}
#footer-middle .column {margin-bottom: 20px;overflow: hidden;border-left: 1px solid #464646;}
#footer-middle .column:first-child {border: none;}
#footer-middle .column .callbackForm {margin-top: 10px;}
#footer-middle .column .callbackForm .input-box {margin-bottom: 10px;}
#footer-middle .column .callbackForm .button {margin: 0 auto;display: block;}
#footer-middle h4 {margin-bottom: 10px;}
#footer-middle a, #footer-middle p {color: #a5a5a5;}
#footer-middle a:hover {color: #fff;padding-left: 5px;}
#footer-middle .links-news a {padding: 0;clear: both;}
#footer-middle .links-news li {margin: 5px 0 15px;}
#footer-middle .links-news .text-italic {float: right;}
#footer-middle ul li {padding: 3px 0;}
#footer-middle ul.sns-social {color: #e1e1e1;font-size: 18px;}

замените на:
#footer-middle {background: #fff;border: 1px solid #3f3f3f;padding: 30px 0;margin-top: 20px;color: #000;}
#footer-middle .column {margin-bottom: 20px;overflow: hidden;border-left: 1px solid #464646;}
#footer-middle .column:first-child {border: none;}
#footer-middle .column .callbackForm {margin-top: 10px;}
#footer-middle .column .callbackForm .input-box {margin-bottom: 10px;}
#footer-middle .column .callbackForm .button {margin: 0 auto;display: block;}
#footer-middle h4 {margin-bottom: 10px;}
#footer-middle h5 {color:#000;}
#footer-middle a, #footer-middle p {color: #000;}
#footer-middle a:hover {color: #000;padding-left: 5px;}
#footer-middle .links-news a {padding: 0;clear: both;}
#footer-middle .links-news li {margin: 5px 0 15px;}
#footer-middle .links-news .text-italic {float: right;}
#footer-middle ul li {padding: 3px 0;}
#footer-middle ul.sns-social {color: #000;font-size: 18px;}






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

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

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