Техподдержка

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Техподдержка » Свой стиль » Как сделать фон и правильно его настроить?


Как сделать фон и правильно его настроить?

Сообщений 1 страница 3 из 3

1

Растягиваем картинку на весь фон.
Поискала в интернете - говорят это невозможно... При умелых ручках возможно всё:
ставится в свой стиль

Код:
body { 
 background-image: url('АДРЕС ВАШЕЙ КАРТИНКИ');
 background-repeat: no-repeat; 
 -o-background-size: 100% 100%;
 -webkit-background-size: 100% 100%;
 -khtml-background-size: 100% 100%;
 -moz-background-size: 100% 100%;
 background-size: 100% 100%;
 } 

 * html body { 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='АДРЕС ВАШЕЙ КАРТИНКИ', sizingMethod='scale');
 background-image: none;
 }
/* ^^ растягивает картинку на весь фон ^^*/

если у вас стиль шаблоном, то в HTML-верх, предварительно дописав 2 строчки:

<style type="text/css">
    тут код
    </style>

2

фоновая картинка "принципом цикады"

Интересные результаты получаются с фоновой картинкой принципом "цикады". Принцип цикады, это принцип при котором формирование картинки получается с использованием простых чисел (это 1, 2, 3, 5, 7, 11, 13, 17, 19, 23 и так далее).

Возьмём 3 картинки квадратных полупрозрачных PNG размером 29, 37 и 53 пикселя:
http://s2.uploads.ru/noCA8.png - 29.png(2.0kb)    http://s2.uploads.ru/iMnop.png - 37-a.png (1.7kb)   http://s3.uploads.ru/HISq1.png - - 53-a.png (2.5kb)
и в свой стиль запишем код

Код:
html, body {
background-image: url(29-a.png),url(37-a.png), url(53-a.png);
padding:0;
margin:0;
height: 100%;
}

получим такой вот фон
http://s3.uploads.ru/uMZhE.jpg
Как видите, эти квадратики перекрывают друг друга и взаимодействуют, генерируя новые паттерны и цвета. И поскольку используются волшебные простые числа, паттерн не будет повторяться очень долго.
Насколько именно долго? 29 × 37 × 53… или 56 869 пикселей!
Вы можете представить, что произойдёт, если добавить ещё четвёртый квадратик, например, 43 пикселя? Или не можете представить, потому что числа становятся слегка зверскими и могут загипнотизировать, если смотреть на них слишком долго. Достаточно сказать, что вы получите цифру, более подходящую для терраформирования планет, чем для веб-дизайна.
ДЕМО

3

Ещё пример использования "принципа цикады"
терракотовая армия
В нём используются:
2 картинки для бэкграунда
2 изображения ног
2 изображения торса
2 изображения головы

http://s2.uploads.ru/u0b7z.jpg
ДЕМО


Вы здесь » Техподдержка » Свой стиль » Как сделать фон и правильно его настроить?