Алтернативни стилове

Това е модел на сайт с различни схеми на навигация. Като екстра съм добавил и една цветова схема. Стиловете могат да се превключват от менюто горе вдясно.

Като начало използвах дизайна от мой проект за конкурс. Набрах HTML-a в текстов редактор, за да видя как изглежда чисто структурно. Прибавих необходимите ID-та и валидирах резултата, за да няма грешки по-нататък.

Най-трудоемкия етап, тази купчина текст да придобие образ. Скалъпих основния стил style.css. Структурата горе-долу е елементарна, така че лесно я нагодих да изглежда почти еднакво в 5х браузърите. В този стил се съдържа всичко — позициониране, цветове…

Алтернативни стилове: дясната навигация r_nav.css съдържа само ID-тата, които участват в размяната на колоните; t_nav.css стил за показване на горната навигация (скрива лявото меню и показва горното); и стил за промяна на цветовата схема clr_1.css, който съдържа само backround-color (image), border-color и color.

Следвайки този подход, при една и съща структура на HTML кода, могат да се релизират различен тип дизайни. Вкарано през CMS, този модел би трябвало да работи безотказно — различни варианти на разположение на навигацията, произволни цветови схеми, вложеност на нивата, лесна замяна на лого, слоган, картинки…

1. Евгени 18.04.2004

Операта е наред. Проблемът е от менюто за смяна на стиловете вдясно, което по принцип не е част от сайта. Забравал съм да проверя за проблеми извън IE.

2. DonAngel 18.04.2004

Сега гледам http://evg.dinis91.com/worksamples/alternate_css/ през Опера 7.23 за Линукс. Най-горното меню изглежда сериозно омазано - нещо проблем се е явил? Дали е от Операта, или нещо не е наред със сайтът?