background
ПОСЛЕДНИЕ ПУБЛИКАЦИИ
ПОДПИСКА
Будь В Курсе
Подпишись, и получай эксклюзивные обновления на свой E-Mail:

Ваш E-Mail полностью защищён

ОБСУЖДЕНИЕ

Фиксированная панель с навигацией

Фиксированная панель с навигацией на css3
Просмотров: 2432  Скачан: 222 раз  Комментариев в теме: 0

Стильная фиксированная панель с навигацией для вашего сайта. Панель фиксируется внизу страницы и имеет не большую навигацию, что очень удобно если вам нужно вывести какие то важные ссылки или информацию, что-бы она была всегда на виду и пользователю не приходилось возвращается за ней в самый вверх страницы. Данную фиксированную панель можно использовать как футер, подвал на сайте, по желанию к панели можно прикрепить социальные кнопки, это положительно повлияет на продвижение вашего сайта. Панель реализована на css3 и вы с лёгкостью можете подогнать её под свой дизайн сайта.

Шаг 1 - создание разметки

 

HTML

<div id="stickey_footer">
    <ul id="footer_menu">
        <li class="imgmenu"><a href="#"><span>Главная</span></a></li>
        <li><a href="#">Сервис</a>
        <li><a href="#">Портфолио</a>
        <li><a href="#">Друзья</a>
        <li><a href="#">Блог</a>
        <li><a href="#">Уроки</a>
        <li><a href="#">Контакты</a>
    </ul>
    <ul id="social_icons">
        <li><a href="#" ><img src='images/vk.png' alt="vk" /><span>Vk</span></a></li>
        <li><a href="#" ><img src='images/twitter.png' alt="twitter" /><span>Twitter</span></a></li>
        <li><a href="#" ><img src='images/rss.png' alt="rss" /><span>Rss</span></a></li>
        <li><a href="#" ><img src='images/flickr.png' alt="flickr" /><span>Flickr</span></a></li>
        <li><a href="#" ><img src='images/facebook.png' alt="facebook" /><span>Facebook</span></a></li>
    </ul>
</div>

Шаг 2 - подключение стилей

 

CSS

<link rel="stylesheet" href="css/style.css" type="text/css" />
Материалы по теме:

Горизонтальное меню с меняющимся фономГоризонтальное меню с меняющимся фо...

Красивое меню, с меняющимся фоном, когда вы переходите по категориям, фон автоматически......

Многоуровневое фиксированное меню на cssМногоуровневое фиксированное меню н...

Горизонтальное многоуровневое фиксированного меню в темном стиле...

Горизонтальное меню на cssГоризонтальное меню на css

Горизонтальное меню реализованное на css, подпункты открываются при наведении курсора......

Фиксированная панель с навигацией на css3Фиксированная панель с навигацией н...

Панель фиксируется внизу страницы и имеет не большую навигацию, что очень удобно если вам нужно вывести какие то важные ссылки или информацию....

Раскрывающиеся горизонтальное меню на css и JQueryРаскрывающиеся горизонтальное меню ...

Красивое раскрывающиеся горизонтальное меню, реализованное на css и jquery. Меню отлично подойдёт для сайта дизайнера или фотографа....

Горизонтальное мульти менюГоризонтальное мульти меню

Выпадающее мульти меню, как вариант вывода безграничного количества пунктов....

Горизонтальное меню на jQuery «Menu Kwicks»Горизонтальное меню на jQuery «Menu...

Стильное горизонтальное меню с выдвижными иконками
Интересные публикации:

Вращающиеся кнопки на css3Вращающиеся кнопки на css3

Довольно интересная идея создать такую анимацию с кнопками. Когда вы наводите на кнопку курсор мыши, она начинает быстро вращаться, когда......

Слайдер (слайд-шоу) на css и jqueryСлайдер (слайд-шоу) на css и jquery

Довольно простой слайдер с предусмотренным слайд-шоу, если вам нужно, что-то простое, без каких либо наворотов (дополнительных панелей, кнопок и т.д)...

4Images 1.7.11 RUS4Images 1.7.11 RUS

Это отличная фото-галерея с довольно сильным функционалом....

Круглая кнопка с анимационным фоном на css3Круглая кнопка с анимационным фоном на c...

Красивая кнопка на css3, анимация фона происходит при наведении курсора на кнопку....

Горизонтальное выпадающее меню на cssГоризонтальное выпадающее меню на css

Выпадающее меню в темном стиле, реализованное полностью на css...

3D Контактная форма на css33D Контактная форма на css3

Красивая контактная форма в довольно оригинальном стиле. Контактная форма имеет вид почтового конверта, когда вы кликаете по нём, он......

Горизонтальное меню с меняющимся фономГоризонтальное меню с меняющимся фоном

Красивое меню, с меняющимся фоном, когда вы переходите по категориям, фон автоматически......
  • Текущий 1.29/5
  • 1
  • 2
  • 3
  • 4
  • 5

Рейтинг: 1.3/5( Голосов 7 )

Комментариев в теме: (0)

Авторизация:
YandexGoogleVKMail.ruTwitterFacebookOdnoklassniki


Ваше имя:
Сайт:
Ваша почта:
RSS
Комментарий:
Введите символы:
captcha
Обновить