Подскажите пожалуйста как задать стиль фона под текстом

[AE1]

Всех привесвтую, возникла проблемка, сделал фон картинкой, зафиксировал ее (сделал статичной), как сделать фон под самим сайтом чтобы был полупрозрачным и с фоном? типа такого: http://www.lederzentrum.de/farbmuster.html?herstellerid=4

[lunik1981]

Привет! Вот тут надо делать catalog-view-theme-твоя тема-stylesheet-stylesheet.css ищи в нем

body {

background-color: #ffffff;

color: #000000;

font-family: Arial, Helvetica, sans-serif;

margin: 0px;

padding: 0px;

а вот как я сделал

body {

background-image: url('http://www.ilsogno.rial-mebel.ru/image/fon.jpg');

background-repeat: repeat;

background-attachment: fixed;

color: #000000;

font-family: Arial, Helvetica, sans-serif;

margin: 0px;

padding: 0px;

Пропиши путь до картинке размнож background-repeat: repeat;

и зафиксируй background-attachment: fixed;

Вот смотри как у меня получилось

сайт новый шаблон переделывается

http://ilsogno.rial-mebel.ru/

[lunik1981]

Прозрачность в этом файле вроде тоже

[AE1]

Спасибо, но данный метод справделив для фона когда он не единая картинка, т.к. когда он единая картинка (фото например) то его нельзя выбрать в формате размножить :) т.е. можно но не красиво...

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

[krumax]

Всех привесвтую, возникла проблемка, сделал фон картинкой, зафиксировал ее (сделал статичной), как сделать фон под самим сайтом чтобы был полупрозрачным и с фоном? типа такого: http://www.lederzent...?herstellerid=4

используйте прозрачность http://htmlbook.ru/css/opacity

для container

background-color: #FFFFFF;
opacity: 0.9;

результат

[AE1]

Фокус в том, что я так примерно и делал, но становится прозрачным не только фон но и все остальные картинки и текст... у вас вроде нормально все кроме фона...

[krumax]

AE1, дайте ссылку на ваш сайт - посмотрю.

[AE1]

www.dilso.ru сейчас там прозрачность 1 но сменю на 0,5

[krumax]

#container {
box-shadow: 0px 0px 20px 5px #505050;
margin-left: auto;
margin-right: auto;
background-color: rgba(255,255,255, 0.3);
padding-left: 10px;
padding-right: 10px;
text-align: justify;
width: 980px;
}

значение 0.3 - прозрачность

[AE1]

#container {
box-shadow: 0px 0px 20px 5px #505050;
margin-left: auto;
margin-right: auto;
background-color: rgba(255,255,255, 0.3);
padding-left: 10px;
padding-right: 10px;
text-align: justify;
width: 980px;
}

значение 0.3 - прозрачность

Супер! Спасибо огромное!

[krumax]

Пожалуйста.

AE1, только есть подозрение, что не будит корректно отображаться в IE :oops:

[AE1]

Только к соажалению, в ИЕ все вообще напроч исчезает :) ну да ладно идею я понял, спасибо большое, думаю белым пока оставлю :)

[AE1]

ну да :) я уже заметил :)) как раз писал про это, ну хоть в гугле сафаи опере работает можно прикинуть было, но белый в данном случае лучше

[krumax]

нужно добавить

filter: alpha(Opacity=30); /* Прозрачность в IE */

[AE1]

нужно добавить

filter: alpha(Opacity=30); /* Прозрачность в IE */

а куда это тут вписать:

#container {

box-shadow: 0px 0px 20px 5px #505050;

margin-left: auto;

margin-right: auto;

background-color: rgba(255,255,255, 0.3);

padding-left: 10px;

padding-right: 10px;

text-align: justify;

width: 980px;

}

[krumax]

AE1

да никуда не стоит вставлять, в IE это сделает весь контейнер прозрачным.

Как выход из ситуации можно сделать прозрачную белую картинку и применить её к бекграунду контейнера,

тогда будит везде отображаться корректно.

[AE1]

А растягивать как тогда эту картинку?

Т.е. скажем у картинки разрешение будет какое-то в ширину пусть ок фиксированное, но в высоту то оно может быть не фиксированным? чтобы заполнение было ровно в размер...

[krumax]

background: url(путь_к_фону/фон.png) repeat-y;

[AE1]

background: url(путь_к_фону/фон.png) repeat-y;

Спасибо большое завтра будем играться!

[Fizik87]

http://htmlbook.ru/

я думаю, что перед тем как спрашивать желательно прочитать основы...

[DEYW]

Это сугубо мое мнение, но я бы советовал не использовать излишества свойств css opacity для области товаров, ведь мы должны сосредоточить посетителя именно на товаре а не на картинке сзади) :-)

[pmp]

да ! opacity: штука не кароссброузерная

гораздо проще сделать прозрачность картинкой - кстати в опенкарте такое уже реализованно смотрите выпадающее топ-меню - оно полупрозрачно

так что фотошоп вам в помошь

[AE1]

да ! opacity: штука не кароссброузерная

гораздо проще сделать прозрачность картинкой - кстати в опенкарте такое уже реализованно смотрите выпадающее топ-меню - оно полупрозрачно

так что фотошоп вам в помошь

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