Описание стилей сайта

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

В стиле main, который был основным ранее, заголовок страниц сайта остается на месте, так же, как и главное меню сайта, расположенное слева под заголовком. Кроме того, неподвижными остаются и изображение в правой части страницы, а также элементы оформления, расположенные внизу. Остальная часть страницы, то есть основное содержимое, и различные ссылки, прокручивается. При каждой загрузке страницы выводится выбранное случайным образом изображение неба в заголовке. Рисунок, расположенный правее основного текста, также меняется при каждой загрузке. При разрешениях экрана по горизонтали от 1024 до 1280 пикселей страница занимает все окно, а при меньших разрешениях появляется горизонтальная полоса прокрутки. При больших разрешениях справа появляется пустое пространство. Если установлено разрешение 1024 на 1280 пикселей, справа и слева отводится достаточно мало место для вывода ссылок. Возможно, в этом случае более удобным покажется стиль scroll.

Стиль scroll практически во всем повторяет стиль main, но в нем отсутствуют неподвижные элементы. Заголовок, меню и другие элементы прокручиваются вместе с основной частью каждой страницы. Данный стиль реализует более традиционный подход к построению веб-страниц, и, возможно, некоторым он понравится больше других. Стиль background также повторяет стиль main, но, неподвижным при прокрутке в нем остается фоновое изображение. Заголовок и меню при этом прокручиваются, как и другие элементы. На фоне страницы изображена малахитовая чашка, а блок основного текста имитирует матовое белое стекло с надписями, через которое видно несколько измененный неподвижный фон.

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

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

Стиль mobile подходит для мобильных телефонов при использовании браузера Opera Mini. Этот стиль более всего напоминает стиль scroll, но в нем убраны некоторые изображения и изменены отдельные цвета. В стиле change постоянно идут изменения – он предназначен для демонстрации возможностей, так как читать информацию в нем не слишком удобно. В этом стиле постоянно движутся элементы заголовка, и периодически меняется рисунок неба в заголовке. Кстати, так как при каждом изменении рисунка неба идет запрос на сервер, работая в этом режиме, вы больше нагружаете линию связи с интернетом. Одновременно с изменениями изображений меняются цвета фона и текста основной части страницы. Изменения идут постоянно, пока стиль не будет изменен на другой.

Для поддержки смены стиля в вашем браузере должны быть включены cookie. После выбора того или иного стиля, он запоминается на вашем компьютере, и при следующем посещении сайта будет установлен выбранный ранее стиль.

 

Реклама

Поиск на сайте

Введите ваш запрос для начала поиска.