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

[Danil]

vencedor (07 Декабрь 2015 - 14:40) писал:

Здравствуйте,. Поставил задний фон на сайте, но от него поставилась только полоска в самом низу. Как сделать так, чтобы фон был на всём сайте?

Здравствуйте.
К сожалению, из-за структуры шаблона не получится сделать так, как Вы хотите.
Возможно Вам подойдут следующие изменения:
в main.css найдите код

body {font-family: 'Ubuntu', sans-serif;height: 100%;width:100%;line-height: 1.6;font-size: 14px;-webkit-appearance: none;-webkit-font-smoothing: antialiased;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;overflow-x: hidden;background: url("{ASSETS_IMAGES_PATH}bg.png")repeat;margin: 0;padding: 0;color: #1e1e1e;}

и замените на

body {font-family: 'Ubuntu', sans-serif;height: 100%;width:100%;line-height: 1.6;font-size: 14px;-webkit-appearance: none;-webkit-font-smoothing: antialiased;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;overflow-x: hidden;margin: 0;padding: 0;color: #1e1e1e;}
div#main {background: url("{ASSETS_IMAGES_PATH}bg.png")repeat;}

[vencedor]

Danil (07 Декабрь 2015 - 16:25) писал:

Возможно Вам подойдут следующие изменения:

Сделал, получилось довольно неплохо, но вот не получается зафиксировать изображение с помощью fixed center top, чтобы не скроллилось и не получалось бы этих разрывов между изображениями. И эта белая полоса перед подвалом смущает((

[Danil]

vencedor (07 Декабрь 2015 - 17:28) писал:

Сделал, получилось довольно неплохо, но вот не получается зафиксировать изображение с помощью fixed center top, чтобы не скроллилось и не получалось бы этих разрывов между изображениями. И эта белая полоса перед подвалом смущает((

В main.css найдите код

div#main {background: url("{ASSETS_IMAGES_PATH}bg.png")repeat;}

и замените на

div#main {background: url("{ASSETS_IMAGES_PATH}bg.png")no-repeat;background-attachment: fixed;}

так же найдите

.page-box-content {padding-bottom: 510px;}

и замените на

.page-box-content {padding-bottom: 310px;}

[vencedor]

Подвал немного увеличился, но получилось так, как планировалось) Спасибо))

[trolkin]

Здравствуйте! Поставил фон на сайте, но от него  есть полоска в самом низу; Как сделать так, чтобы фон был на всём сайте?

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

• 

[Юля123]

trolkin (03 Февраль 2016 - 17:19) писал:

Здравствуйте! Поставил фон на сайте, но от него  есть полоска в самом низу; Как сделать так, чтобы фон был на всём сайте?

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

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.alisa-rf.ru/bg_2.jpg)repeat-x;}

и замените на код:

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.alisa-rf.ru/bg_2.jpg)repeat-x;
background-size: cover;}

К сожалению, размер картинки все равно не позволяет растянуть полностью на всю длину, поэтому получается так:



но мы можем сделать повторение по вертикали, тогда у Вас будет отображаться так:



Если Вам нравится такой вариант, тогда замените код:

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.alisa-rf.ru/bg_2.jpg)repeat-x;}

на код:

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.alisa-rf.ru/bg_2.jpg)repeat;
background-size: cover;}

[trolkin]

Спасибо за предложенный вариант, у меня все получилось!

[trolkin]

Здравствуйте! Могу ли я поставить эту картинку на фон, чтобы все смотрелось гармонично, если да, то как? Заранее спасибо

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

• 

[Mr.Nito]

trolkin (28 Октябрь 2016 - 19:30) писал:

Здравствуйте! Могу ли я поставить эту картинку на фон, чтобы все смотрелось гармонично, если да, то как? Заранее спасибо

Здравствуйте.
В разделе Сайт- Редактор шаблонов - в файле main.css
найдите

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.alisa-rf.ru/bg_2.jpg)repeat;
background-size: cover;}

замените на

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(*ссылка на изображение*) repeat;
background-size: cover;}

Загрузить изображение и получить ссылку на него можно в также в разделе Редактор шаблонов - Нажать кнопку "Добавить файлы"

[trolkin]

Спасибо! И еще вопросик: как сделать так, чтобы фон выделенной части был просто белым?

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

• 

[Mr.Nito]

trolkin (28 Октябрь 2016 - 22:21) писал:

Спасибо! И еще вопросик: как сделать так, чтобы фон выделенной части был просто белым?

В файле main.css найдите (66 строка)

#primaryContent {width: 750px;padding:0 0px 40px 0;vertical-align:top;}

замените на

#primaryContent {width: 750px;padding:0 0px 40px 0;vertical-align:top; backround: rgba(255,255,255,0.7);}

где:
background: rgba(255,255,255,0.7);
-белый цвет с прозрачностью 0.7 (значение можно менять от 0 до 1)

background: #fff;
-непрозрачный белый цвет

[trolkin]

Сделал все как Вы написали, но Фон белым в той части так и не стал, может я что-то не так сделал?

[Mr.Nito]

trolkin (29 Октябрь 2016 - 09:38) писал:

Сделал все как Вы написали, но Фон белым в той части так и не стал, может я что-то не так сделал?

Прошу прощения, моя ошибка.
Замените

#primaryContent {width: 750px;padding:0 0px 40px 0;vertical-align:top; backround: rgba(255,255,255,0.7);}

на

#primaryContent {width: 750px;padding:0 0px 40px 0;vertical-align:top; background: rgba(255,255,255,0.7);}

[trolkin]

Спасибо большое! Теперь все получилось!