Добро пожаловать на форум!
Новые сообщения Участники Правила форума Поиск RSS
Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные пользователи Новые участники
Болт (3758)
XemorDio (2728)
Skyline (2698)
Strelok41 (2177)
Максим [16.12.2017]
vuky [15.12.2017]
LaysPL [13.12.2017]
_Zmey_ [05.12.2017]
Потеряшка [03.12.2017]
Страница 1 из 11
Форум » Web-раздел » Скрипты uCoz » Верхняя панель с мини-меню (Можно сделать под себя, смотрим скриншотик)
Верхняя панель с мини-меню
XemorDio Дата: Четверг, 04.05.2017, 10:20 | Сообщение # 1
「 Рипер, техник сайта 」
Группа: Модераторы
Сообщений: 2728
Награды: 13 Репутация: 295
Статус: Offline

Установка:
В верхнюю часть сайта в самый вверх.
Код
<header>
<nav class="container">
<ul>
<li id="menu-item-4276" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4276"><a href="$HOME_PAGE_LINK$" title="Главная"><!--<s5176>-->Главная<!--</s>--></a><?if($USER_LOGGED_IN$)?> | <a href="$PERSONAL_PAGE_LINK$" title="Мой профиль"><!--<s5214>-->Мой профиль<!--</s>--></a><?else?> | <a href="$REGISTER_LINK$" title="Регистрация"><!--<s3089>-->Регистрация<!--</s>--></a><?endif?> <?if($USER_LOGGED_IN$)?> | <a href="$LOGOUT_LINK$" title="Выход"><!--<s5164>-->Выход<!--</s>--></a><?else?> | <a href="$LOGIN_LINK$" title="Вход"><!--<s3087>-->Вход<!--</s>--></a><?endif?> <?if($RSS_LINK$)?>| <a href="$RSS_LINK$" title="RSS">RSS</a><?endif?> | $WDAY$, $DATE$, $TIME$</li>
<li class="buy to-right"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><!--<s5200>-->Вы вошли как<!--</s>--> <a href="$PERSONAL_PAGE_LINK$" title="Мой профиль"><b>$USERNAME$</b></a> | <!--<s3167>-->Группа<!--</s>--> "<u>$USER_GROUP$</u>"<?else?><!--<s5212>-->Приветствую Вас<!--</s>--> <b>$USERNAME$</b><?endif?><?endif?></li>

</ul>
</nav>
</header>

Это в CSS:
Код
.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
header{top:0;position:absolute;margin:0 auto;height:35px;width:100%;background-color:rgba(0,0,0,0.5);font-size:12px;z-index:10;}nav{max-width:875px;margin:0 auto;}nav>ul{list-style:none;padding:0;}nav>ul>li{display:inline-block;line-height:10px;margin:0 5px;}nav>ul>li:first-of-type{margin-left:0;}nav>ul>li:last-of-type{margin-right:0;}nav>ul>li>a{color:rgba(255,255,255,0.6);transition:all .2s;text-shadow:0px 0px 4px rgba(0,0,0,0.4);}nav>ul>li>a:hover{color:#F9EC88;}nav ul li.to-right{float:right;}nav ul li.social{margin-left:25px;}nav ul li.social a{margin:0px 5px 0px 5px;font-size:16px;}nav ul li.social,nav ul li.social a:last-of-type{margin-right:0px;}nav li.current-menu-item a,nav li.current_page_item a,nav .product{color:#F9EC88;}@media screen and (max-width: 1100px) {nav ul li.social{display:none;}}@media screen and (max-width: 800px) {header{height:auto;}nav{width:100%!important;height:auto;margin-right:0px!important;margin-left:0px!important;padding-right:0px!important;padding-left:0px!important;}nav ul{text-align:center;margin-bottom:0;}nav ul li{display:block;margin:0;}nav ul li:not(:last-of-type){display:inline-block;width:50%;float:left;margin:0;}nav ul li:last-of-type{display:inline-block;width:100%;float:left;margin:0;border-bottom:1px solid rgba(255,255,255,0.1);}nav ul li.social{display:none;}nav ul li.to-right{float:none;}nav ul li a{display:block;padding:0px;line-height:10px;border-bottom:1px solid rgba(255,255,255,0.1);border-right:1px solid rgba(255,255,255,0.1);padding:6px 0px;}}

Материал от XemorDio.


Я ушёл, ищите здесь vk.com/xemordio
Форум » Web-раздел » Скрипты uCoz » Верхняя панель с мини-меню (Можно сделать под себя, смотрим скриншотик)
Страница 1 из 11
Поиск:
21:26
Обновить

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