• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Футер для отдельной страницы сайта HTML/CSS (Подвал сайта (Header и Footer) с помощью CSS)
Футер для отдельной страницы сайта HTML/CSS
Kosten
Понедельник, 24 Сентября 2018 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44355
Награды: 70
При создание отдельной страницы и размещение в ней функций, то здесь безусловно хочется ее немного сделать не похожей на стандартные, что на основном сайте. И здесь низ сайта можно применить в отдельной стилистике, а точнее поставить оригинальный от основы. Так что в таком случай можно установить простой низ страницы, в котором по центру поставить свой знак, что будет соответствовать вашей тематике.

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



HTML

Код
<div id="gousavalue-position"><hr><div id="dincludes_meatures"><div style="width: 100px; height:60px; position: absolute;"></div></div>
</div>


CSS

Код
#gousavalue-position {
    position: absolute;
    top: 265px;
    min-width: 100%;
    height: 90px;
    background: #195a6d;
}
#dincludes_meatures {
        width: 35px;
        height: 45px;
        background: url(http://images.vfl.ru/ii/1537751533/42cca53c/23475266.png
) no-repeat;
        z-index:1000;
margin:0 auto;
}

hr {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
    margin-top: 3px;
    margin-left: 0;
    padding-left: 0;
}


Демонстрация
Прикрепления: 9844280.png (2.3 Kb)
Страна: (RU)
Kosten
Суббота, 07 Декабря 2019 | Сообщение 2
Оффлайн
Администраторы
Сообщений:44355
Награды: 70
Также можно подобрать из набора адаптивных футеров или низ сайта для блогов, что созданы по разным функциям.
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Футер для отдельной страницы сайта HTML/CSS (Подвал сайта (Header и Footer) с помощью CSS)
  • Страница 1 из 1
  • 1
Поиск: