Форум UnitCMS

Подскажите как заменить фоновое изображение на картинку

RED

Подскажите как заменить фоновое изображение на картинку.  Не могу понять куда этот кусок кода вставлять(
 

slamm™

  • "Lego Edition" Support
  • *****
  • 1438
  • +263/-3
  • Програмист Lego SP
    • Разработка модулей для LegoSP
Подскажите как заменить фоновое изображение на картинку.  Не могу понять куда этот кусок кода вставлять(
Было бы легче отвечать если бы вы хотя бы написали какой фон, в каком блоке.
Но приведу пример:
Если у вас есть блок
<div class="div">&nbsp;</div>
И в стилях прописано
.div {
background: url('../image/div.png') no-repeat;
width: 250px;
height: 62px;
}
то что бы вставить сюда картинку вместо фона, из стиля уберите строку
	background: url('../image/div.png') no-repeat;
а сам стиль переименуйте в
.div img {
а в блок допишите
<div class="div"><img src="./image/div.png" alt="" /></div>

Готовый вариант:
до
.div {
background: url('../image/div.png') no-repeat;
width: 250px;
height: 62px;
}
<div class="div">&nbsp;</div>

после
.div img {
width: 250px;
height: 62px;
}
<div class="div"><img src="./image/div.png" alt="" /></div>
Помог ?! Скажи спасибо на один из кошельков =)
WM: Z417625084406, R258781682589, U149520171899
YM: 410011436110815
_________
Skype: slamm_spec
URL: http://slamm.com.ua
 

RED

Имеется ввиду главная страница сайта и ее фон ( вместо стандартного белого) Который еще можно изменить через админ панель -> настройки -> общие-> цвета -> Цвет Листа(Body)
 

slamm™

  • "Lego Edition" Support
  • *****
  • 1438
  • +263/-3
  • Програмист Lego SP
    • Разработка модулей для LegoSP
Имеется ввиду главная страница сайта и ее фон ( вместо стандартного белого) Который еще можно изменить через админ панель -> настройки -> общие-> цвета -> Цвет Листа(Body)
Не пойму а чем вас фоновое изображение не устраивает ?!
Помог ?! Скажи спасибо на один из кошельков =)
WM: Z417625084406, R258781682589, U149520171899
YM: 410011436110815
_________
Skype: slamm_spec
URL: http://slamm.com.ua
 

RED

Текстура есть красивая :) хотел растянуть на фоне ( примерно такого цвета #D4DEE3) .
 

slamm™

  • "Lego Edition" Support
  • *****
  • 1438
  • +263/-3
  • Програмист Lego SP
    • Разработка модулей для LegoSP
Текстура есть красивая :) хотел растянуть на фоне ( примерно такого цвета #D4DEE3) .
Тогда добавьте вверху файла stylesheet.css код
body {
margin-top: 0px;
background-image: url('../image/background.png');
background-position: top;
background-repeat: no-repeat;
background-color: #D4DEE3;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position:relative;
height:100%;
}
где background.png ваш рисунок который лежит в папке вашей темы image/
Если рисунок маленький, то удалите строку background-repeat: no-repeat;
ну и пожалуй следующий код тоже можно удалить  (если картинка маленькая)
	-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position:relative;
height:100%;
« Последнее редактирование: Июнь 13, 2012, 09:41:44 pm от slamm™ »
Помог ?! Скажи спасибо на один из кошельков =)
WM: Z417625084406, R258781682589, U149520171899
YM: 410011436110815
_________
Skype: slamm_spec
URL: http://slamm.com.ua
 

RED

Что то не получилось. Текстура закрыла фон только в самом низу, все что выше осталось по прежнему белым.
 У меня раньше получалось что то подобное сделать вот так:
html {
        background:  url(../images/my_page.png) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}
или так:
body.mypage { background: #D4DEE3 url(../images/my_page.png) 50% 0 repeat-x; }
В общем залью я все это дело каким нить цветом и не буду мучать не себя, не вас.
 

slamm™

  • "Lego Edition" Support
  • *****
  • 1438
  • +263/-3
  • Програмист Lego SP
    • Разработка модулей для LegoSP
Что то не получилось. Текстура закрыла фон только в самом низу, все что выше осталось по прежнему белым.
 У меня раньше получалось что то подобное сделать вот так:
html {
        background:  url(../images/my_page.png) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}
или так:
body.mypage { background: #D4DEE3 url(../images/my_page.png) 50% 0 repeat-x; }
В общем залью я все это дело каким нить цветом и не буду мучать не себя, не вас.
А я так понял, что у вас резиновый шаблон, на всю страницу растягивается, тогда понятно почему невидно вашей текстуры +)
Помог ?! Скажи спасибо на один из кошельков =)
WM: Z417625084406, R258781682589, U149520171899
YM: 410011436110815
_________
Skype: slamm_spec
URL: http://slamm.com.ua
 

nictboom

Цитировать
Текстура есть красивая :) хотел растянуть на фоне
body {background:#D4DEE3 url("..images/my_image.png") repeat top left;}
no-repeat - нет повторения фонового изображения, repeat-x растянуть/повторить по оси х, по горизонтали, и repeat-y по вертикали. почитать можно тут или тут
« Последнее редактирование: Июнь 14, 2012, 02:48:38 am от nictboom »
 

 

Sitemap 1 2 3 4 5