AM framework < HTML > + { CSS } + ( JS )

Написал admin 2 октября, 2008

Еще один фреймворк, для облегчения верстки. В отличии от предыдущего http://s-live.org/2008/09/09/oblegchenie-raboty-frejmvork/ , в AM framework добавлено еще и работа с js-файлами.

Верстка

Верстка полностью блочная, построена на HTML 4.01, CSS 2, JS. Код полностью валидный! Протестировано на IE6, IE7, Opera 9.51, Firefox 3.0.3, Safari 4.

Предусмотрены как фиксированный (на 980px), так и “резиновый” варианты макета. Переключение вариантов через назначение <body id=”fix”> или <body id=”rez”>.

Также предусмотрены одно-, двух- и трех-колоночные макеты. Колонку на всю доступную ширину можно создать разместив блок <div id=”one-col”> внутри блока “main”. Переключение с трех-колоночного на двух-колоночный через назначение блоку “main” класса “hidecol3″ <div id=”main” class=”hidecol3″> Таким образом макет перестраивается, а колонка “три” скрывается (ее код можно удалить по желанию). Колонка “один” в коде находится выше остальных (в любом случае). Отдельно хочу напомнить, что дизайна как такового в моем шаблоне нет и не предполагалось. Буйство красок, которое вы видите, призвано всего лишь облегчить понимание разметки, полей и отступов.

CSS

Основной файл содежащий весь дизайн my_style.css. Все стили от плагинов jQuery собраны в один общий css-файл.

JS jQuery

Используется библиотека jQuery и плагины к ней. Код инициации я перенес в соответствующие js-файлы, в самый конец (за исключением флэш плагина).

Спасибо Андрей Мусоян (Andrew Musoyan) за сей продукт.

Скачать AM framework 0.3 beta

1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 4 out of 5)
Загрузка ... Загрузка ...
Категория : Freelancer Life Тэги :

Комменты
7 октября 2008

Ну… не верю я!

Написал от Вика
8 октября 2008

давайте устроим встречу читателей этого блога! :)

Написал от Lulu
12 октября 2008

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

Написал от олег
Оставьте комментарий

(обязательно)

(обязательно)