2008-02-18

Menu

Так как количество сообщений, скоро перестанет влезать на главную страницу, решил наконец-то создать меню, итак долго оттягивал этот момент.. работаю на двух работах, пишу диплом, времени практически нет. Нужно решить две проблемы, точнее одну, но двухпричинную. Первая причина – дизайн страницы изначально задумывался с фиксированной шириной, так что сбоку ее не прицепишь, и вторая – не испортить цельность и общий стиль страницы инородными элементами. Передумал много разных вариантов, из стандартных решений ничего не подходит, решил совместить виджеты с табами (что-то сумбурное сказал, но других названий я не знаю), с фиксированной шириной и высотой области меню, следовательно, содержимое табов должно скролится (что тоже интересная задача).



Часов восемь перебирал различные стили и расположения в фотошопе (эх, давно не лицезрел этот мощный продукт на экране своего монитора), окончательный вариант можно видеть на скриншоте. Он не сильно влияет на общий стиль страницы и не занимает много места, при этом предоставляет мгновенный доступ ко всем необходимым пунктам меню, без дополнительных кликов.

Еще несколько часов ушло на кодирование скроллинга табов без нажатия кнопок мыши, наводишь на край, и содержимое скрытых областей начинает вылезать на обозрение пользователю, которому влом лишний раз искать кнопку у своего зверька. Далее написал парсер кода виджетов, которые любезно предоставили разработчики blogger.com, за что им огромная благодарность (правда, насколько я успел заметить, в первую очередь они ориентируются на firefox, что отражается на правильности отображения некоторых элементов, что я поправил, т.к. в основном использую opera).

Осталось только отшлифовать и протестировать меню, и скоро по нему можно будет потыкать и поплеваться.. =)

2 comments:

Anonymous said...

Ромка... Душевно так сделал)) сидела и 3 мин водила вверх вниз мышкой.. затягивает.. а региться мне лень что-то тут стало((

Unknown said...

Спасиб, Лианчик, а можно и не региться, просто галку ставить на Name/URL и написать имя

Twitter Updates

Twitter Updates

    follow me on Twitter
    Hacker Key Creative Commons License
    2006