Мозаичный фон для сайта

Здравствуйте уважаемые читатели блога Сам себе Seoшник!

В этой статье поговорим о таком фоне для сайта, как фон в виде мозаики. Что он собой представляет? Как правило, для формирования фона здесь используется одна небольшая симметричная картинка, которая посредством правил CSS повторяется неограниченное количество раз по горизонтали и вертикали. Сама картинка помимо своей симметричности имеет такую внешнюю структуру, при которой не видно «соединительных швов». То есть фон будет казаться единым и гармоничным массивом.

В чем преимущества и недостатки мозаичного фона по сравнению с тем же градиентным фоном, с фоном в виде одного большого изображения или с фоном, в котором используется лишь цвет CSS? Благодаря такой мозаике сайт будет выглядеть не таким однотонным и скучным. Кроме того, небольшое симметричное изображение займет гораздо меньше места на диске, чем крупный фон, и загружаться в браузере оно будет быстрее. Также вы можете довольно легко сделать мозаичный фон уникальным именно для вашего сайта. Создать картинку можно посредством многочисленных онлайн-сервисов. К примеру, http://www.stripegenerator.com, http://www.stripemania.com, http://www.tartanmaker.com.

Как сделать мозаичный фон для сайта?

Какие возможности существуют у данных сервисов? В первую очередь, они ориентированы на создание мозаичных картинок в виде параллельных или скрещивающихся полосок различных цветов. Существует возможность широкого выбора самого цвета, типа полосок, их толщины и взаимного расположения. Таким образом, можно сделать полностью уникальный фон. После того, как вы определитесь с расположением и цветом всех элементов, можно будет сохранить готовую картинку себе на компьютер.

Далее ее нужно будет вставить на сайт посредством правил CSS. Обычно фоновое изображение для всего сайта задается в элементе «body». Здесь следует прописать такую строку - background: url(images/mypicture.png) repeat. Слово «background» означает фон, «url» - это относительный адрес картинки или ее местонахождение в папке сайта. Свойство «repeat» отображает картинку неограниченное число раз по горизонтали и вертикали. Если же вам нужно дублировать фоновое изображение в какую-то одну сторону, то нужно прописывать «repeat-x» или «repeat-y». При «repeat-x» картинка будет неограниченно дублироваться по горизонтали, а при «repeat-y» - по вертикали.

Что касается целесообразности установки мозаичного и вообще какого-либо фона, то здесь следует думать о том, как посетители будут воспринимать ваш сайт. Помните, что лучше всего смотрится простой белый фон и темный шрифт на нем. Не стремитесь создавать чего-то чересчур изысканного и сложного.

Если не все то очень многие сейчас привыкли к такой популярной программе как скайп и конечно в сети интернет появилось множество подделок, скачав которые можно подцепить вирус как минимум. Но есть места где можно скачать skype новую версию, без опасения и причём совершенно бесплатно!

Подписка на новости ниже ↓