Картинка на целия бакгроунд

orange

Registered
искам да докарам ефекта със снимката както този сайт:

http://www.infotourism.net/story.ph...a+kniga+na+zastrashenite+rasteniia+i+zhivotni

как точно става? : ))
 
Код:
<style type="text/css">
body
{
background-image:url('твойто изображение.png,jpg,gif');
background-repeat:no-repeat;
}
</style>
</head>

:?:
 
talevtehnology каза:
Код:
<style type="text/css">
body
{
background-image:url('твойто изображение.png,jpg,gif');
}
</style>
</head>

Приятел отново не си разбрал човека иска върху цялата страница ще стане така:

<style type="text/css">
body
{
background-image:url('твойто изображение.png,jpg,gif') no-repeat;
}
</style>
</head>
 
background-image: url('ТУК'); - тук ти е пътя до картинката
background-color: #000000/black;
background-repeat: no-repeat/repeat; - дали картинката да се повтаря
background-position: center top; - картинката ти да се намира в средата най-горе може да ползваш и left right bottom

Другото което е този фон който си дал за пример самата картинка има градиент отдоло който се продължава със background-color!

ще стане по следния начин взимаш си картинката най-доло и слагаш един градиентен цвят който да преминава към прозрачен, след което слагаш си картинката за фон най-горе в ляво без повтаряне и след това задаваш фонов цвят който да се слее със градиента на картинката!

НАПРИМЕР имаш картинка със черен градиент отдоло кода ще е следния!

<style type="text/css">

body {
background-image: url('картинката.jpg') no-repeat;
background-color: #000000; //може и black
background-position: top left;
}

</style>

или нещо от сорта!
 

Back
Горе