11 сайтов с возможностью замены фона
4 ноября 2009 | Опубликовано в Веб-дизайн | 2 Комментариев »
Возможность изменения каких-либо элементов на сайте, в соответствии с предпочтениями посетителя, может сделать его более юзабильным. Такие функции могут придать сайту не только днамичности, но и привлечь внимание посетителя, что сделает его более посещаемым и популярным. Возможности таких замен безграничны, но в этой подборке, речь пойдет о замене фоновых изображений, цветовых схем, размеров шрифтов и расположении контента.
Тут вы сможете увидеть 11 сайтов использующих функцию замены стиля и окраски. К каждому сайту вы увидите несколько скриншотов, для того, чтобы вы видели то, как он выглядит при изменении параметров.
Сайт Carreras con Futuro
В дизайне фона этого сайта используется множество изображений-набросков, а также элементы брызг и потеков краски. Сайт сделан так, что вы сможете изменять цвета элементов брызг, при помощи трех разноцветных кнопок, расположенных верхней части контента сайта.
Сайт Джошуа Пьерсанти
На этом сайте, а точнее говоря портфолио Джошуа Пьерсанти, вы можете изменять фон с дня на ночь. Естественно, с изменением фона сайта, меняется и цвет его текста. С правой стороны сайта, вы найдете переключатель, который и поможет вам изменить окраску фона.
Сайт Absolute Bica
На создание этого сайта, дизайнера вдохновила природа. Вид сайта может меняться в зависимости от времени суток. В закладке сверху справа вы можете выбрать желаемую тему: рассвет, обеденное время, закат или ночь.
Сайт ANidea
На этом сайте, посетитель может выбрать одно из десяти различных фоновых изображений. Практически всеиз этих фонов, используют яркие оттенки. Четыре из них вы можете увидеть ниже.
Сайт Webstaze
Это портфолио предлагает своим посетителям возможность выбора фона на тему сезонов. Все их вы можете увидеть на изображениях приведенных ниже.
Сайт Джейсона Бредбери
На этом блоге посетитель сможет выбрать любую из пяти предложенных цветовых схем. Цвета, которые вы можете выбрать самостоятельно, изменяют только цвет контента, но не меняют его фон. Окраска фона изменяется в произвольном порядке. А для того чтобы увидеть все предлагаемые темы фона, вам нужно будет обновить страницу. Всего на сайте предлагается 5 различных фонов. Их изменение не влияет на выбранный вами цвет контента.
Сайт eAnka
Фон этого сайта оживляется при помощи природных иллюстраций. Которые могут изменять свою окраску при помощи двух тем. Посетитель для просмотра может выбрать дневную или ночную версии.
Портфолио Мариуса Розендаля
В своем портфолио Мариус предлагает три различные темы: день, ночь и восход солнца. При выборе каждой из них изменяются не только фон, но и окраска хедера и шрифтов.
Сайт POPURLS
Этот сайт предлагает своим посетителям огромное количество настроек. Для начала в настройках (customize) вы сможете выбрать светлый или темный фон, а также изменить отображение содержание сайта так, как вам это удобно.
Галерея Best Web Gallery
Этот популярный сайт, хотя и не предлагает своему посетителю разнообразие цветовых схем, дает посетителю возможность выбрать из трех вариантов отображения контента. Кликнув на небольшие кнопки с примерами, расположенными сверху контента, вы сможете легко изменить раскладку сайта.
Сайт Hutch House
В этом портфолио вам представится возможность выбрать из четырех тем: джунгли, космос, ночь и подводное царство. Тут, при изменении темы, содержание сайта тоже меняется.
Автор — vandelaydesign
Перевод и редактирование — Дежурка
Комментарии
Оставить ответ
Похожие статьи
-
Сайты, посвященные индустрии красоты
-
Микровзаимодействия: секрет крутых приложений
-
Графический дизайн в стиле гранж
-
15 бесплатных экшенов для ретуширования кожи
-
Крутая абстракция в веб-дизайне
-
Использование множественных фоновых изображений CSS: основы
-
Красивые примеры рисунков спиртовыми чернилами
-
Рисуем иконку мышки в Adobe Illustrator
-
Бесплатная типографика в ботаническом стиле
-
Простая фотоманипуляция рыцаря в огне в Adobe Photoshop
-
Новые примеры страниц О нас
-
Создание элементов, расположенных ровно по центру, с высотой и шириной, заданными в процентах
-
Концептуальная аэрофотосъемка Тома Хегена
-
Бесплатные текстуры для эффекта состаривания
Самые комментируемые
- Текст из крови в Adobe Photoshop
550
- Насколько важно сегодня использовать Web Safe цвета?
539
- 20 наборов кистей для Фотошопа, которые вам пригодятся
531
- Текст из воды в Adobe Photoshop
518
- 45 новых удивительных наборов кистей для творчества
423
- Более 40 фотореалистичных рисунков
205
- Ретро и винтажная типографика в веб-дизайне
194
- 30 примеров фрактального искусства
191
30 июня 2012 в 11:44
а подскажите, пожалуйста, как реализовать это на своём сайте?
Ответить
сентября 22, 2012 at 11:12 дп
найти скрипт замены бакграунда и поставить на сайт
Ответить