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

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

ОБСУЖДЕНИЕ

Красивый футер для сайта

Футер на css
Просмотров: 18325  Скачан: 1628 раз  Комментариев в теме: 0

Красивый и в тоже время довольно оригинальный футер на css, он же подвал сайта. Как правило футер используется на сайте для вывода такой информации как: защита авторских прав, дата создания сайта, вывод последних комментариев, различных ссылок и т.д. В гугле можно найти массу примеров реализации футера для сайта с помощью css, представленный пример отличается своей оригинальностью а точнее в футере используется эффект, который создаёт впечатление, что страница приподнимается но содержимое футера остаётся на месте, выглядит такой эффект очень красиво.

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

 

HTML

<div class="contener">			
    <ul>
        <li>
            <p class="home">Главная</p>
            <a class="logo" href="#">Fot-Tof.RU <i>© 2015</i></a>
        </li>
        <li>
            <p class="services">Услуги</p>
            <ul>
                <li><a href="#">3D моделирование</a></li>
                <li><a href="#">Веб-разработка</a></li>
                <li><a href="#">Разработка приложений</a></li>
                <li><a href="#">Web & Дизайн</a></li>
            </ul>
        </li>
        <li>
            <p class="reachus">Связь</p>
            <ul>
                <li><a href="#">Email</a></li>
                <li><a href="#">Twitter</a></li>
                <li><a href="#">Facebook</a></li>
                <li>555-123456789</li>
            </ul>
        </li>
        <li>
            <p class="clients">Клиенты</p>
            <ul>
                <li><a href="#">Войти</a></li>
                <li><a href="#">Центр Поддержки</a></li>
                <li><a href="#">FAQ</a></li>
            </ul>
        </li>
    </ul>
</div>

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

 

CSS

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

Футер на cssФутер на css

Красивый и в тоже время довольно оригинальный футер на css, он же подвал сайта....

JQuery ползунокJQuery ползунок

Красивый горизонтальный JQuery ползунок (Slider) для сайта, реализованный с помощью JQuery....

Облако теговОблако тегов на css

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

Вкладки контента css3Вкладки контента css3

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

Sell v1.4.1Sell v1.4.1

Sell - это ещё одна довольно гибкая универсальная тема для создания интернет магазина на WordPress с использованием WooCommerce....

стильные кнопки css3Стильные кнопки css3

В данном примере представлены красивые кнопки для сайта реализованные на чистом css3....

Cлайдер КарусельCлайдер Карусель

Слайдер картинок, с бесконечной прокруткой, в слайдере имеется красивый эффект......

Миниатюра изображений плагин «Grid Navigation Effects»Миниатюра изображений плагин «Grid Navig...

Оригинальная навигация в виде миниатюр изображений, если быть точнее, то это jQuery плагин «Grid Navigation Effects» который может похвастаться своими...

Социальное меню с подписью на css3Социальное меню с подписью на css3

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

ZeniZeni

Красивый шаблон построенный на html5 для блога или портфолио, на главной странице расположен привлекательный слайдер......

Фиксированная форма обратной связи «Contactable 1.5»Фиксированная форма обратной связи «Cont...

Стильная форма обратной связи, а если быть точнее то это jquery плагин Contactable v1.5, который работает на AJAX и имеет встроенную проверку полей на...
  • Текущий 2.18/5
  • 1
  • 2
  • 3
  • 4
  • 5

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

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

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


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