» »

Верхняя панель сайта плюс мини профиль

Верхняя панель сайта плюс мини профиль

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

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

Рассмотрим по ближе, чтоб понять, как вообще на интернет ресурсе будет после установки.

Верхняя панель с мини-меню

Приступаем к установке:

Этот код нужно поставить вверх сайта, возможно поменять полностью на его.

Код
<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 поставить, но также ниже, после кода поставить так.

Код
<style type="text/css">  
@import url('http://zornet.ru/zorner_ru_1/Veb/Srunred.css') all;  
</style>

Что по светлому фону, возможно настроить по адаптивности, то она есть, но немного не доработана.
16.05.2017 Просмотров: 511 Комментарий: (5)

Поделиться в социальных сетях

Материал разместил

Комментарий: 5
-SAM-
-SAM- 16.05.2017 08:451
0
Стандартный системный участок кода, который прописан в большей части системных шаблонов uCoz. menu-item-4276 - не знаю, нет ли шаблона под таким номером, в общем - смысла не вижу с такого рода публикации.
Kosten
Kosten 16.05.2017 09:272
-3
Но у каждого свое мнение, мне только остается с ним согласиться или нет.
-SAM-
-SAM- 16.05.2017 09:393
0
Естественно, как и смысла отвечать на мой комментарий не было в данном случае - не вам писал же... просто чей ник на скрине отображен - рипает уже стандартный код системы... для тех, видимо, кто не ставит системные шаблоны, но предпочитает свои шаблоны дополнять их кусками... и вот вопрос - много ли таких, кому это всё нужно? думаю, что нет... в самом виде нет абсолютно ничего уникального в данном случае, кто ставит - делает шаблон своего сайта похожим на тысячи других системных.
Kosten
Kosten 16.05.2017 09:434
-2
Что за негатив, можно просто в Личку этому человеку отписать, а не в коммент ах что то выяснять, нужно не нужно.
XemorDio
XemorDio 17.05.2017 04:445
-3
Эй, харе бомбить, мы уже все поняли что ты умный.
avatar