Главная фоны и обои для…

фоны и обои для сайта и рабочего стола

 








                                                                                                                                                                       

  Здесь собраны интересные , оригинальные и самые лучшие на сегодняшний день

фоны и обои  для сайтов !

Для просмотра в оригинале

просто кликните на интересующий вас фон ( внизу страницы ) .

Для сохранения кликните

правой кнопкой мыши

" Сохранить изображение как ...!

Дополнительные фоны можно скачать здесь : Скачать коллекцию фонов 

Скачайте и распакуйте папку !

Размер файла 4.74 мб

Лучшие обои :

Скачать сборник обоев - фантастика ( 80 шт ., 34.9 Мб )

Скачать сборник обоев - самолеты ( 50 шт ., 20.3 Мб )

Скачать сборник обоев - девушки ( 70 шт ., 28.1 Мб )

Скачать сборник обоев - природа ( 60 шт ., 40.4 Мб )

Скачать сборник обоев - космос ( 60 шт ., 40 Мб )

как создать фон для сайта

Как просто создать цветной фон ?
Чтобы наша страница была определённого цвета, необходимо задать цвет фона.
Так как цвет прописывается для всей страницы, то есть для её "тела", необходимо прописать атрибут цвета внутрь тега <body>
Цвет фона задаём атрибутом bgcolor, которому присваивается значение того цвета, какой вам нужен.
Допустим, мы хотим, чтобы фон страницы был синий.
Мы находим в таблице цветов соответствующий цвет-0000ff который отвечает именно за синий, и прописываем атрибут с его значением, так же, как мы прописывали значения других атрибутов: bgcolor="0000ff". А теперь этот атрибут помещаем внутрь тега <body> . Получится следующее: <body bgcolor="0000ff">
Все теперь вставляйте этот тег в вашу страничку и любуйтесь новым фоном !!!

Неподвижный фон

Сделайте фон своей страницы неподвижным, т.е. прокручивая страницу фон будет оставатся на месте.
<body background="Ваш фон" bgproperties=fixed>
Ставьте фоновое изображение такое чтобы текст был читаемым и не искаженным !


Фон градиент - используя рисунок

Код для style.css

 

body {

 background-color: #FFDBEA;

 }  

Фон градиент - используя рисунок

Код для style.css

 

body

 {

 background-image: url("images/fon.jpg"); /* Указываем путь к рисунку */

 background-repeat: repeat-x;             /* Рисунок повторяется по горизонтали */

 background-color: #c3ced7;               /* Цвет заполняющий остальное пространство */

 } 



Фиксированный фон

Код фиксированной страницы для style.css

 

 body

 {

 margin: 0;

 background-image: url("images/fon.jpg");

 background-repeat: repeat-x;

 background-color: #c3ced7;

 background-attachment: fixed;

 }


Наложение полного градиента на фон

Единственный минус - в IE фон скролируется, в остальных же браузерах работает исправно.

Код для style.css

 

 body {

 margin: 0;

 background: linear-gradient(#0A8CCD, #B1E3FB);

 background: -webkit-gradient(linear, left top, left bottom, from(#0A8CCD), to(#B1E3FB)); /* для webkit */

 background: -moz-linear-gradient(top, #0A8CCD, #B1E3FB); /* для firefox 3.6+ */

 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0A8CCD', endColorstr='#B1E3FB', gradientType='0'); /* для IE */

 background-repeat: no-repeat;

 background-attachment: fixed;

  }


Как сделать картинку фоном сайта

Из этого примера вы узнаете как сделать картинку фоном сайта так, чтобы она полностью показывалась на всю страницу при любом разрешении экрана монитора. Для этого вам необходимо подобрать желаемую картинку с размерами примерно: 1600х1200. Маленькие картинки использовать не рекомендуется, так как при увеличении будет падать качество, да и во-вторых: опять же проблемы с IE - он просто так не увеличивает фото, для этого ему необходимы дополнительные коды и скрипты.

Код для style.css

 

 body {

 margin: 0 auto;

 background: url(images/fon.jpg);

 -webkit-background-size: cover;

 -moz-background-size: cover;

 -o-background-size: cover;

 -khtml-background-size: cover;

 background-size: cover;

 background-attachment: fixed;

 background-repeat: no-repeat;

 }



 


Сайт создан на Setup.ru Создать сайт бесплатно