Верхняя панель сайта плюс мини профиль
 | |
| Прозрачная верхняя панель сайта, плюс навигация для пользователя, которая включает в себя мини профиль, также вывод группы. Отлично смотрится на темном фоне, так как для него был создан. Если из меню, то есть вывод на главную страницу. Больше сказать, что это информационная панель, так как все касается зарегистрированного пользователя, он может найти функций. Если говорить о самом дизайн, то это отличное приложение, где расположены ссылки на 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> Что по светлому фону, возможно настроить по адаптивности, то она есть, но немного не доработана. | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 5 | |
|
| |
