RUB
Платежи проходят через сервис ROBOKASSA
visa/mastercard
Visa / MasterCard
qiwi
qiwi
yandex
yandex
beeline
beeline
mts
mts
tele2
tele2
alfa
alfa
sber
sber
ПОСЛЕДНИЕ ПУБЛИКАЦИИ
ПОДПИСКА
Будь В Курсе
Подпишись, и получай эксклюзивные обновления на свой E-Mail:

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

ОБСУЖДЕНИЕ

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

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

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

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

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

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

Меню с фоновым изображением «Tab Menu»Меню с фоновым изображением «Tab Me...

Меню с фоновым изображением, при переходе по разделам меню, выбранный вами раздел......

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

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

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

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

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

Полно-экранное меню на css и Jquery с меняющимся фоном....
Интересные публикации:

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

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

Web StoreWeb Store

Шаблон интернет магазина Web Store, в шаблоне имеется готовое решение для корзины, детального просмотра товара и каталога,...

KroftKroft

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

Кнопки с градиентом на css3Кнопки с градиентом на css3

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

Cumico v1.4Cumico v1.4

Универсальная премиум тема для WordPress с адаптивной вёрсткой и стильным дизайном. Возможность подключить Woocommerce это идеальное решение для......

MinimoSity v1.1MinimoSity v1.1

Minimosity - стильная тема для wordpress, отлично подойдёт для сайта новостной и журнальной тематики....

Прозрачная форма регистрации с прогресс баромПрозрачная форма регистрации с прогресс ...

Стильная прозрачная форма регистрации на css3 и JQuery. В форме имеется прогресс бар показывающий пользователю процесс заполнения формы....
  • Текущий 1.33/5
  • 1
  • 2
  • 3
  • 4
  • 5

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

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

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


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