Архив метки: плавающая панель

Панель трендов с помощью CSS и jQuery

Панель трендов с помощью JavaScript и CSSХочу сегодня поделиться с вами интересной задумкой. На многих англоязычных порталах, частенько присутствует так называемая панель трендов. Обычно это однострочная панель прилепленная к низу экрана, на которой создатели портала анонсируют популярные статьи. Панель достаточно хорошо привлекает внимание и соответственно вы можете перенаправить трафик со всего сайта в нужное вам русло. Существует множество плагинов для WordPress, которые позволяют сделать что-то подобное. Но нам всегда интересен чистый легкий код. Так же мы будем использовать свойство opacity для того, чтобы панель становилась ярче при наведении на нее курсора мыши.

12 Май, 2011 | Рубрики: CSS3, JavaScript Читать статью

Плавающая панель на чистом CSS.

slide-panel CSSСегодня речь пойдет о новом способе реализовать плавающую панель. Суть состоит в том, чтобы сделать ее используя только CSS, отказавшись тем самым от JavaScript. В примере я дам лишь заготовку. Остальное зависит от вас. Панель можно использовать для показа счетчиков feedburner и твиттера, либо показывать на ней кнопки социальных сетей, либо сделать компактную и удобную форму обратной связи. Реализация достаточно проста и применима на любом сайте.

22 Апрель, 2011 | Рубрики: CSS3 Читать статью

Плавающая панель для сайта с использованием jQuery

jixedbar logoСегодня хочу рассказать о замечательном маленьком, но уже набравшем обороте проекте под названием jixedbar. Плагин основан на jQuery и позволяет реализовать плавающую панель (fixed bar) у себя на сайте или в программе. Преимуществом jixedbar является возможность кастомизации — задание собственных стилей CSS, использование иконок, различная компоновка панели. О том, где скачать и как установить плавающую панель на jQuery jixedbar и будет эта статья.

07 Апрель, 2011 | Рубрики: JavaScript Читать статью