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

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

ОБСУЖДЕНИЕ

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

Фиксированная панель с навигацией на css3
Просмотров: 2149  Скачан: 197 раз  Комментариев в теме: 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 с меняющимся фоном....

Оригинальное меню в виде клочка бумагиОригинальное меню в виде клочка бум...

Меню в оригинальном стиле, в виде потёртого клочка бумаги....

Горизонтальное меню в виде куба «Boxes Menu»Горизонтальное меню в виде куба «Bo...

Меню в виде куба с красивым эффектом трансформации....

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

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

Выпадающее меню на css3Выпадающее меню на css3

Красивое выпадающее меню с применением иконического шрифта, меню полностью на css3......

Jquery меню горизонтальноеJquery меню горизонтальное с анимир...

Оригинальное Jquery меню для вашего сайта с анимированным фоном, меню представлено в трёх вариантах на ваш выбор....
Интересные публикации:

Выпадающее меню на css3Выпадающее меню на css3

Красивое выпадающее меню с применением иконического шрифта, меню полностью на css3......

Sngine v1.6 и v1.8Sngine v1.6 и v1.8

Sngine - это движок социальной платформы, с помощью его вы можете создать социальный сайт или же онлайн сообщество....

Социальная выпадающая панель на cssСоциальная выпадающая панель на css

Неплохая социальная панель, при наведении курсора мыши, панель, плавно раскрывается, за тем уже видны сами иконки....

Стильная форма пошаговой установкиСтильная форма пошаговой установки

Это комплект пошаговой установки, которая состоит из четырёх этапов и включает в себя проверку полей....

Hope CenterHope Center

Универсальный шаблон Hope Center на HTML5, был разработан для благотворительного сайта, в шаблоне используется красивый слайдер......

Softdate Pro v1.3Softdate Pro v1.3

Softdate pro - это социальная платформа знакомств, которая предоставляет возможность общаться с людьми......

Sell v1.4.1Sell v1.4.1

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

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

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

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


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