Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

11 сайтов с возможностью замены фона

4 ноября 2009 | Опубликовано в Веб-дизайн | 2 Комментариев »

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

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

Сайт Carreras con Futuro

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

сайт с элементами брызг

брызги в синих оттенках

сайт с изменением цветов фона

Сайт Джошуа Пьерсанти

На этом сайте, а точнее говоря портфолио Джошуа Пьерсанти, вы можете изменять фон с дня на ночь. Естественно, с изменением фона сайта, меняется и цвет его текста. С правой стороны сайта, вы найдете переключатель, который и поможет вам изменить окраску фона.

ночь и море на фоне

дневной фон

Сайт Absolute Bica

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

рассвет на иллюстрированном сайте

день на иллюстрированном сайте

иллюстрации заката

ночь на иллюстрированном сайте

Сайт ANidea

На этом сайте, посетитель может выбрать одно из десяти различных фоновых изображений. Практически всеиз этих фонов, используют яркие оттенки. Четыре из них вы можете увидеть ниже.

яркий фон на сайте

замена фона

замена изображений на фоне сайта

иллюстрации на фоне

Сайт Webstaze

Это портфолио предлагает своим посетителям возможность выбора фона на тему сезонов. Все их вы можете увидеть на изображениях приведенных ниже.

летний фон

зимний фон

весенний фон

осенний фон

Сайт Джейсона Бредбери

На этом блоге посетитель сможет выбрать любую из пяти предложенных цветовых схем. Цвета, которые вы можете выбрать самостоятельно, изменяют только цвет контента, но не меняют его фон. Окраска фона изменяется в произвольном порядке. А для того чтобы увидеть все предлагаемые темы фона, вам нужно будет обновить страницу. Всего на сайте предлагается 5 различных фонов. Их изменение не влияет на выбранный вами цвет контента.

яркий фон на сайте

замена цветов контента

изменение цветов контента

малиновый контент на зеленом фоне

Сайт eAnka

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

иллюстрации дня на сайте

иллюстрации ночи

Портфолио Мариуса Розендаля

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

портфолио с изменением тем

замена цветов на темно-коричневые тона

золотые оттенки

Сайт POPURLS

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

изменение бекграунда на сайте

изменение контента

замена шрифтов

Галерея Best Web Gallery

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

изменение отображения контента

замена отображения контента

контент в столбик

Сайт Hutch House

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

сайт на тему джунгли

космическая тема

зимняя тема

подводная тема

Автор — vandelaydesign

Перевод и редактирование — Дежурка




Комментарии

  1. stas
    Thumb up Thumb down 0

    а подскажите, пожалуйста, как реализовать это на своём сайте?

    sTaTus Ответ:

    Thumb up Thumb down 0

    найти скрипт замены бакграунда и поставить на сайт