Добро пожаловать на форум!
Новые сообщения Участники Правила форума Поиск RSS
Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные пользователи Новые участники
Болт (3758)
XemorDio (2726)
Skyline (2698)
Strelok41 (2177)
Lenin32422 [20.10.2017]
FLashstar169 [18.10.2017]
Риник [11.10.2017]
norton1424 [11.10.2017]
VitalikZeleniy [08.10.2017]
Страница 1 из 11
Форум » Web-раздел » Скрипты uCoz » Меню сайта игрового магазина by Бармен
Меню сайта игрового магазина by Бармен
Бармен Дата: Среда, 09.08.2017, 23:34 | Сообщение # 1
«Программист»
Группа: Модераторы
Сообщений: 291
Награды: 6 Репутация: 70
Статус: Offline


Установка:
В верхнюю часть сайта в самый вверх.
Код
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">
<div class="mp-head-wrap">
<div class="mp-head-bottom">
                <div class="mp-head-logo">
                    <a href="/">
                        <img alt="" src="http://images.vfl.ru/ii/1502314114/b3005070/18197047.png" style="width: 180px; margin-top: -9px; margin-left: -12px;">
                    </a>
                </div>
                <div class="mp-head-mains">
                    <a href="#">
                        <div class="lo_main"><i class="fa fa-home main_icons"></i>Главная</div>
                    </a>
                    <a href="#">
                        <div class="lo_main"><i class="fa fa-question-circle main_icons"></i>Как купить?</div>
                    </a>
                    <a href="#">
                        <div class="lo_main"><i class="fa fa-comments main_icons"></i>Поддержка</div>
                    </a>
                    <a href="#">
                        <div class="lo_main"><i class="fa fa-star main_icons"></i>Гарантии</div>
                    </a>
                </div>
                <div class="mp-head-customer">
          </div>
    </div>
</div>

CSS:
Код
.mp-head-bottom {
    height: 55px;
    transition: all 300ms ease 0s;
}
.mp-head-logo {
    display: inline-block;
    float: left;
    padding-top: 5px;
    width: 147px;
}
.mp-head-mains > a {
    color: #cdcdcd;
    float: left;
    font-family: 'Ubuntu', sans-serif;
    font-size: 15px;
    margin-right: 7px;
    margin-top: -2px;
    min-width: 59px;
    padding: 18px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    transition: all 0.2s ease 0s;
}
.mp-head-mains > a:hover {
    color: #ff4003;
    text-decoration: none;
    transition: all 0.2s ease 0s;
    border-bottom: 4px solid #ff4003;
}
.main_icons {
    margin-right: 12px;
}
.mp-head-wrap {
    margin: 0 auto;
    position: relative;
    width: 710px;
}
Форум » Web-раздел » Скрипты uCoz » Меню сайта игрового магазина by Бармен
Страница 1 из 11
Поиск:
06:50
Обновить

Хостинг от uCoz | Design by XemorDio | MODSTALKER © 2009-2017