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


Картинка Вместо Фона

фон сайта

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

#1 abzaloff

abzaloff

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

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

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

Здравствуйте. Можно ли поставить фоновую картинку на шаблоне Осень? Желательно, чтобы картинка не прокручивалась вместе с сайтом, и не затрагивала шапку сайта. Аккаунт SL-243174, сайт http://agfashion.ru/

#2 miyako

miyako

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

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

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

Просмотр сообщенияabzaloff (29 Октябрь 2013 - 08:32) писал:

Здравствуйте. Можно ли поставить фоновую картинку на шаблоне Осень? Желательно, чтобы картинка не прокручивалась вместе с сайтом, и не затрагивала шапку сайта. Аккаунт SL-243174, сайт http://agfashion.ru/

Добавьте в конец style.css код -
#content-fluid {background:url('путь до изображения') repeat;}

Далее найдите код -
#wrapper {
background-color: #FFFFFF;
}
и замените на  -
#wrapper {
}


#3 ne_yana

ne_yana

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

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

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

Просмотр сообщенияabzaloff (29 Октябрь 2013 - 08:32) писал:

Здравствуйте. Можно ли поставить фоновую картинку на шаблоне Осень? Желательно, чтобы картинка не прокручивалась вместе с сайтом, и не затрагивала шапку сайта. Аккаунт SL-243174, сайт http://agfashion.ru/
Здравствуйте, в файле style.css нужно заменить
#wrapper {
background-color: #FFFFFF;
}
на
#wrapper {
background: url('{ASSETS_IMAGES_PATH}название файла.jpg');
}
предварительно закачав его на сайт.

#4 abzaloff

abzaloff

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

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

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

Хотелось бы, чтобы фон не прокручивался вместе с сайтом.

#5 ne_yana

ne_yana

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

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

Отправлено 01 Ноябрь 2013 - 17:22

Просмотр сообщенияabzaloff (01 Ноябрь 2013 - 17:09) писал:

Хотелось бы, чтобы фон не прокручивался вместе с сайтом.
Здравствуйте, сейчас на Вашем сайте фон не прокручивается.
Если Вы имели ввиду, что хотите прокручивающийся фон, то в файле main.css замените
body {
background: url(http://design.ufatex.ru/bg.jpg) #FFFFFF center center fixed;
font: 100%/1.4 Tahoma, Geneva, sans-serif;
margin: 0;
padding: 0;
color: #000;
}
на
body {
background: url(http://design.ufatex.ru/bg.jpg) #FFFFFF center center;
font: 100%/1.4 Tahoma, Geneva, sans-serif;
margin: 0;
padding: 0;
color: #000;
}
Однако в этом случае будут видны стыки.

#6 abzaloff

abzaloff

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

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

Отправлено 01 Ноябрь 2013 - 17:27

Просмотр сообщенияne_yana (01 Ноябрь 2013 - 17:22) писал:

Здравствуйте, сейчас на Вашем сайте фон не прокручивается.
Если Вы имели ввиду, что хотите прокручивающийся фон, то в файле main.css замените
body {
background: url(http://design.ufatex.ru/bg.jpg) #FFFFFF center center fixed;
font: 100%/1.4 Tahoma, Geneva, sans-serif;
margin: 0;
padding: 0;
color: #000;
}
на
body {
background: url(http://design.ufatex.ru/bg.jpg) #FFFFFF center center;
font: 100%/1.4 Tahoma, Geneva, sans-serif;
margin: 0;
padding: 0;
color: #000;
}
Однако в этом случае будут видны стыки.
Я в своем вопросе имел в виду не ufatex.ru, а http://agfashion.ru/
SL-243174

#7 ne_yana

ne_yana

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

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

Отправлено 01 Ноябрь 2013 - 17:33

Просмотр сообщенияabzaloff (01 Ноябрь 2013 - 17:27) писал:

Я в своем вопросе имел в виду не ufatex.ru, а http://agfashion.ru/
SL-243174
Замените в файле style.css
#wrapper {
background: url('http://design.agfashion.ru/1.png');
}
на
#wrapper {
background: url('http://design.agfashion.ru/1.png') fixed;
}


#8 abzaloff

abzaloff

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

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

Отправлено 01 Ноябрь 2013 - 17:56

Просмотр сообщенияne_yana (01 Ноябрь 2013 - 17:33) писал:

Замените в файле style.css
#wrapper {
background: url('http://design.agfashion.ru/1.png');
}
на
#wrapper {
background: url('http://design.agfashion.ru/1.png') fixed;
}
Спасибо большое, все получилось.

#9 daser01

daser01

    Новичок

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

Отправлено 24 Ноябрь 2013 - 10:15

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

#10 Landing Page

Landing Page

    ✓Веб-дизайн ✓Landing Page ✓Яндекс Директ ✓Google Adwords

  • Пользователи
  • PipPipPipPip
  • 543 сообщений
  • ГородЧебоксары

Отправлено 24 Ноябрь 2013 - 10:48

Просмотр сообщенияdaser01 (24 Ноябрь 2013 - 10:15) писал:

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

кэш в браузере попробуйте почистить, скорее всего проблема в этом

#11 daser01

daser01

    Новичок

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

Отправлено 27 Ноябрь 2013 - 12:48

Все получилось! Спасибо!

#12 ooosik

ooosik

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

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

Отправлено 05 Июнь 2014 - 18:00

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

#13 Dars

Dars

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

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

Отправлено 05 Июнь 2014 - 18:17

Просмотр сообщенияooosik (05 Июнь 2014 - 18:00) писал:

Прикрепленный файл фон.jpgДобрый день, поменяли фон сайта,теперь картинка отображается двумя повторяющимися и делит сайт на две части, можно сделать так чтобы она была одна на весь сайт. И еще как сделать, чтобы эта же картинка была и в шапке и в подвале, т.е. белую полосу в подвале заполнить картинкой
В main.css:
1. Найдите строку:
body{line-height:1;font:600 12px/18px 'Open Sans',Helvetica,Arial;background:transparent;}
и замените на:
body{line-height:1;font:600 12px/18px 'Open Sans',Helvetica,Arial;background: url('/design/luxfon.com-5390.jpg') no-repeat;background-size: cover;}

2. Найдите строку:
#wrapper{ background: url('/design/luxfon.com-5390.jpg') no-repeat; }
и замените её на:
#wrapper{/* background: url('/design/luxfon.com-5390.jpg') no-repeat; */}

3. Найдите строку:
#header-fluid{position:relative; background: #FAFAFA; 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: #FAFAFA; */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}

4. Найдите строку:
#footer-fluid{background:#3c3c3c;}
и замените её на:
#footer-fluid{/* background:#3c3c3c; */}


#14 ooosik

ooosik

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

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

Отправлено 10 Июнь 2014 - 08:33

Просмотр сообщенияDars (05 Июнь 2014 - 18:17) писал:

В main.css:
1. Найдите строку:
body{line-height:1;font:600 12px/18px 'Open Sans',Helvetica,Arial;background:transparent;}
и замените на:
body{line-height:1;font:600 12px/18px 'Open Sans',Helvetica,Arial;background: url('/design/luxfon.com-5390.jpg') no-repeat;background-size: cover;}

2. Найдите строку:
#wrapper{ background: url('/design/luxfon.com-5390.jpg') no-repeat; }
и замените её на:
#wrapper{/* background: url('/design/luxfon.com-5390.jpg') no-repeat; */}

3. Найдите строку:
#header-fluid{position:relative; background: #FAFAFA; 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: #FAFAFA; */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}

4. Найдите строку:
#footer-fluid{background:#3c3c3c;}
и замените её на:
#footer-fluid{/* background:#3c3c3c; */}
спасибо огромное все прекрасно работает)

#15 Гриша

Гриша

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

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

Отправлено 29 Октябрь 2015 - 18:08

Здравствуйте, а как вставить картинку вместо фона в шаблоне  хамелеон? там нет style.css...

#16 RayLi

RayLi

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

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

Отправлено 29 Октябрь 2015 - 18:17

Просмотр сообщенияГриша (29 Октябрь 2015 - 18:08) писал:

Здравствуйте, а как вставить картинку вместо фона в шаблоне  хамелеон? там нет style.css...

Здравствуйте.
Сделайте, пожалуйста, следующее:
В шаблоне main.css найдите данный код:

.container {
	background: white;
}

И замените его вот этим вот кодом:

.container {
	background:  url("{ASSETS_IMAGES_PATH}ваша_картинка");
}

Где заместо фразы "ваша_картинка" - вам необходимо вставить имя изображения, которое вы желаете установить как задний фон вашего сайта ( например имя fon.png ).
Проверьте, пожалуйста.

#17 Гриша

Гриша

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

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

Отправлено 31 Октябрь 2015 - 15:43

К сожалению уже не нашел код: .container {
        background: white;
Видимо я что то сбил пока самостоятельно пытался применить инструкции по изменению фона в других шаблонах
Аккаунт SL-362403

#18 Alekseys

Alekseys

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

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

Отправлено 31 Октябрь 2015 - 17:02

Просмотр сообщенияГриша (31 Октябрь 2015 - 15:43) писал:

К сожалению уже не нашел код: .container {
background: white;
Видимо я что то сбил пока самостоятельно пытался применить инструкции по изменению фона в других шаблонах
Аккаунт SL-362403
Здравствуйте. Код
.container{background:white}
находится в main.css на 58 строке.

#19 Гриша

Гриша

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

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

Отправлено 01 Ноябрь 2015 - 00:49

спасибо. получилось)





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

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

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