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

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

ОБСУЖДЕНИЕ

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

Фиксированная панель с навигацией на css3
Просмотров: 2981  Скачан: 278 раз  Комментариев в теме: 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" />
Материалы по теме:

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

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

Полноэкранное меню на css и JQueryПолноэкранное меню на css и JQuery

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

Горизонтальное анимированое меню с помощью JQueryГоризонтальное анимированое меню с ...

Красивое горизонтальное меню, используется изображения и анимация текста....

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

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

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

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

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

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

Горизонтальное анимированное меню на css3Горизонтальное анимированное меню н...

Горизонтальное меню на css3 с замечательным эффектом....
Интересные публикации:

Стильный слайдер на jQuery «Mobilyslider»Стильный слайдер на jQuery «Mobilyslider...

Стильный слайдер на jquery, а если быть точнее, то это плагин «MobilySlider» имеющий размер всего в 5kb, слайдер довольно привлекательный с виду, име...

Шаблон Desire Night ClubШаблон Desire Night Club

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

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

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

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

Отличное горизонтальное меню с большое количество пунктов....

Галерея на PHP и JqueryГалерея на PHP и Jquery

Галерея на php и jquery. PHP даёт некие привилегии перед обычным html кодом, например вам как правило приходиться...

Новостная карусель на css и JQureyНовостная карусель на css и JQurey

Стильная новостная карусель на css и JQurey, отлично подойдут для вывода последних новостей на сайте, карусель имеет два стиля (темный и светлый)....

Сборка кнопок на cssСборка кнопок на css

Лёгкая подборка кнопок на css, в подборку вошли восемь разных кнопок созданных с помощью css....
  • Текущий 1.33/5
  • 1
  • 2
  • 3
  • 4
  • 5

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

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

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


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