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

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

ОБСУЖДЕНИЕ

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

Фиксированная панель с навигацией на css3
Просмотров: 2273  Скачан: 205 раз  Комментариев в теме: 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 и JQueryПолноэкранное меню на css и JQuery

Полно-экранное меню на css и Jquery с меняющимся фоном....

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

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

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

Меню с красивым эффектом, суть в том, когда вы перемешаете курсор мыши по навигации, ползунок будет плавно......

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

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

Горизонтальное меню в стиле AppleГоризонтальное меню в стиле Apple

Меню в стиле Apple, созданное полностью на css3.

Горизонтальное прокручивающиеся меню «Scrollable Menu»Горизонтальное прокручивающиеся мен...

Прокручивающиеся меню в виде картинок, меню фиксируется внизу страницы, при наведении курсора мыши на......

Многоуровневое горизонтальное меню на css3Многоуровневое горизонтальное меню ...

Отличное горизонтальное выпадающее многоуровневое меню на css3....
Интересные публикации:

Слайдер в стиле AppleСлайдер в стиле Apple

Стильный слайдер в стиле Apple на css и jquery, в слайдере используется красивый эффект перехода между категориями....

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

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

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

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

Социальные иконки на css3Социальные иконки на css3

Социальные иконки на css3, при наведении курсора на иконку, она делается полупрозрачной....

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

Меню с красивым эффектом, суть в том, когда вы перемешаете курсор мыши по навигации, ползунок будет плавно......

Mazaya v1.0Mazaya v1.0

Mazaya - это современная универсальная новостная тема с оригинальным дизайном и предусмотренным тёмным и светлым стилем....
  • Текущий 1.29/5
  • 1
  • 2
  • 3
  • 4
  • 5

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

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

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


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