Источник
вторник, 14 апреля 2009 г.Posted by DA
11 Комментов
Несколько месяцев назад я писал как можно избавиться от панели навигации (в народе navbar), которая не всегда сочетается с персональным оформлением блога, а также, как сделать "Панель администратора" блога, для управления своей страницей.
Но многие считают удаление navbara крайностью, в которой нет необходимости и с ними тоже можно согласиться. Ведь панель навигации позволяет просто "погулять" про блогам других пользователей переходя на новую страницу одним кликом. Да и уведомить администрацию сервиса о нежелательном содержании отдельно взятых страниц больше никак нельзя . . .
И в подобной ситуации оказывается есть компромисс - это Появляющаяся при наведении курсора панель навигации. То есть navbar не виден постоянно на странице, но при наведении курсора на область его расположения он появляется и Вы можете использовать его функции ;)
Посмотреть как это выглядит, так сказать, на деле можно на моем Тестовом блоге
Чтобы сделать подобный эффект перейдите в режим редактирования шаблона блога и с помощью поиска в коде найдите строчку:
Но многие считают удаление navbara крайностью, в которой нет необходимости и с ними тоже можно согласиться. Ведь панель навигации позволяет просто "погулять" про блогам других пользователей переходя на новую страницу одним кликом. Да и уведомить администрацию сервиса о нежелательном содержании отдельно взятых страниц больше никак нельзя . . .
И в подобной ситуации оказывается есть компромисс - это Появляющаяся при наведении курсора панель навигации. То есть navbar не виден постоянно на странице, но при наведении курсора на область его расположения он появляется и Вы можете использовать его функции ;)
Посмотреть как это выглядит, так сказать, на деле можно на моем Тестовом блоге
Чтобы сделать подобный эффект перейдите в режим редактирования шаблона блога и с помощью поиска в коде найдите строчку:
body {и перед ней вставьте:
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}Теперь сохраните шаблон и проверьте как работает ваш Navbar.
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
____________________________________________________________________________________________________
____________________________________________________________________________________________________
____________________________________________________________________________________________________
Похожие по тематике статьи :
*
- Выводим теги для блога в виде выпадающего списка
- Вывод похожих (схожих) тем (постов)
- Тюнинг шаблона
- Как сделать другой рисунок при наведении курсора?
- Растягиваем на примере шаблона "Minima" блог по ширине окна браузера
- Оформление цитат. Все очень просто.
- Установка Google Friend Connect на Blogger
- Виджет Вертикальное Scroll Menu для Blogger
- Flash-8(Preloader)"прелоадер", Preloader-показатель загрузки объекта
