Что нам стоит сайт построить - ЧАСТЬ 1 Опции

[teletehnika]

Название статьи: Что нам стоит сайт построить
Описание статьи: Как можно оформить дизайн применяя каскадные таблицы стилей
Раздел: Photoshop / Создание тем
Добавлено: Dec 18 2007, 19:37
Автор: teletehnika

На сайте Вы повидимому уже читали тему и отдельную статью для начинающих дизайнеров автор которой является Haliff3007 и статью по табличному дизайну JIopD XaocA. Я хочу продолжить полезное начинание и предложить сделать табличный дизайн сайта с применением каскадных таблиц стилей CSS. Что бы понять что же это такое, в статье есть немного теории. Для тех кто в танке это не нужно а для начинающих будет полезно почитать.

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

Если кому помогла статья, жмём на спасибку. (IMG:http://antislaed.net/style_emoticons/default/rolleyes.gif)

ЗАБЫЛ ДОБАВИТЬ
Существуют 3 разновидности дизайна. Это резиновый, когда при изменении окна браузера и разрешении монитора страница растягивается всегда на весь экран.
Есть комби, когда растягивается до определённого размера а потом фиксируется.
Если применяется сложная шапка сайта то дизайн делается только фиксированным.
На примере показан именно фиксированный с размером по ширине 950 пикселов.
В таблице стилей изменеия все прокоментрованы и сделаны для главной стрницы. Остальное оставил специально для Вас, экспериментируйте а не пользуйте готовое и всё у Вас получится

[Youshi]

Зачот! Узнал для себя кое-что новое (IMG:http://antislaed.net/style_emoticons/default/smile.gif)

[teletehnika]

Прочитать саму статью это мало. Надо поставить тему и посмотреть. Такого ещё нет не на одном сайте построенного на таком движке. Долго мучал но всё таки получилось сделать через анал.
Вопрос к тем кто поставит пример и у кого стоит IE7. Как работает? Нет у меня этого уё@ища и не на чем проверить. Говорят что работает но....

[JIopD]

+1 Все предельно ясно, а главное читается легко. (IMG:http://antislaed.net/style_emoticons/default/wink.gif) (То что нужно обычному юзверю..)

[OMvitamin]

и у кого стоит IE7. Как работает?

ХЗ..у меня ИЕ вроде нормально воспринемает

[Yava44086]

В указанной теме Default выполняя "Открываем файл style.css и правим следующее:" у меня в body {
body {
margin: 5px;
background: #FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-track-color: #F0F0F0;
scrollbar-highlight-color: #F0F0F0;
scrollbar-arrow-color: #2666B9;
scrollbar-base-color: #2666B9;
scrollbar-darkshadow-color: #2666B9;
}
что не совпадает с Вашим примером

[teletehnika]

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