» »

Мини профиль фиксированный на uCoz

Мини профиль фиксированный на uCoz

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

Вы просто мажете добавить свои ссылки, так как он настроен на игровой интернет ресурс и там прописано по его реализаций. Вы делайте по своему, что то добавляем как считаем нужным, или удаляем. Так как дизайн его полностью выполнен на стилях, здесь вы безусловно можете сделать под любым оттенком профель. На изображение к материалу представленно в темном виде, как пример. А так полностью рабочий и стильный кабинет для тех кто зарегистрировался на интернет портале.

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

Копируем код и ставим вверх сайта (шапка) в самый его потолок и все сохранить.

Код
<?if($USER_LOGGED_IN$)?>
<div class="profile">  
<div class="profile-menu">  
<a href="" class="profile-button"><span class="profile-avatar"><img src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>/.s/t/1090/logo-img.png<?endif?>" alt=""></span> Личный кабинет <i></i></a>  
<div class="profile-list">  
<div class="profile-list-in">  
<a href="/index/8">Мой профиль</a>  
<a href="#">Сообщения</a>  
<style>.myWinCont iframe {width: 100%;}</style>
<a href="#">Открыть чат</a>  
<a href="#">Скрипты для uCoz</a>
<a href="$LOGOUT_LINK$">Выход</a>  
</div>  
</div>  
</div>  
</div>
<?else?>
<div class="profile">  
<div class="profile-menu">  
<a href="" class="profile-button"><span class="profile-avatar"><img src="http://zornet.ru/Aben/Abryn/noavatar.gif" alt=""></span>Вход / Регистрация <i></i></a>
<div class="profile-list">  
<div class="profile-list-in">  
<a href="$LOGIN_LINK$">Вход</a>  
<a href="$REGISTER_LINK$">Регистрация</a>
<?endif?>
<style>.myWinCont iframe {width: 100%;}</style>
</div>  
</div>  
</div>  
</div>


CSS:

Код
.profile {height:30px;font-size: 13px;font-family: Arial;display:inline-block;position: fixed;top: 35px;left: 15px;width: 190px;border-radius: 4px;border: 1px solid black;background: rgb(255, 255, 255);}  
.profile-menu {position:relative!important}  
.profile-button s {display:inline-block;z-index:9;background:#3297db;color:#fff;font-size:10px;margin-right:10px;margin-left:1px;line-height:14px;padding:2px 6px;text-decoration:none;-webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px;}  
.profile-button, .profile-button:hover {display:inline-block;color:#666;position:relative;line-height:30px;padding-left:39px;padding-right:18px;text-decoration:none;}  
.profile-button i {position:absolute;right:0px;top:14px;width: 0;height: 0;border-left: 3px solid transparent;border-right: 3px solid transparent;border-top: 4px solid rgba(0,0,0,0.3);}  
.profile-avatar, .profile-avatar img {-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;}  
.profile-avatar {display:inline-block;width:24px;height:24px;position:absolute;top:-0px;left:0px;border-radius: 20px;}  
.profile-avatar img {width:24px;height:24px;object-fit:cover;vertical-align:bottom;background:#fff;border:2px solid #fff;}  
.profile-menu:hover .profile-list {visibility:visible;}  
.profile-list {position:absolute;width:190px!important;left: 0px!important;top: 23px;padding-top:18px;visibility:hidden;z-index:9;}  
.profile-list-in {background:#fff;width:190px!important;max-width:190px!important;border: 1px solid #b9b9b9;padding: 4px 0px;box-shadow:0px 8px 35px rgba(0,0,0,0.1);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}  
.profile-list-in a {display:block;padding:0px 20px!important;line-height:42px!important;text-decoration:none;text-align:left;border-bottom:1px solid #f1f1f1;font-size: 13px;color:#8a8a8a;}  
.profile-list-in a:hover {color:#000;}  
.profile-list-in a.last {border-bottom:0px !important;}  
.profile-list-in a i {background:#3297db;color:#fff;float:right;font-style:normal;font-size:10px;padding:0px 6px;line-height:16px !important;margin-top:12px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}


PS - этот профиль был на другом CMC и теперь вы можете установить на конструктор.

Материал от: Alexandrhhh
Источник: xMp3.su
17.12.2016 Просмотров: 874 Комментарий: (5)

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

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

Комментарий: 5
Tergran
Tergran 18.12.2016 00:311
0
Для тех, кто сидит на старом админ баре, подойдет этот мини профиль.
Angerfist
Angerfist 18.12.2016 01:272
0
Цитата
PS - этот профиль был на другом CMC и теперь вы можете установить на конструктор


Правильно пишется CMS «Content Management Software» или по русски «Система управления контентом».
Tergran
Tergran 18.12.2016 02:043
0
Да какая разница, работает главное.
Kosten
Kosten 18.12.2016 02:114
0
Но здесь не чего добавить, но думаю это не сильно важно.)
http://zornet.ru/load/mini_profil_fiksirovannyj_na_ucoz/81-1-0-7309
FeStemBer
FeStemBer 18.12.2016 02:255
0
Что он фиксирован для меня не очень, его лучше поставить в горизонтальное, или как раз в панель информаций, что скрипт недавно на сайте появился.
avatar