Войти на сайт Регистрация
Добавить файлВ каталоге: 678
Мини-профиль внизу сайта
15.11.2018
Мини-профиль внизу сайта
  • 482 Просмотров:
  • 0 Скачиваний:
  • 0 Комментариев:
  • 0.0 Рейтинг:
  • (Голосов: 0)
Описание:
Панель мини-профиля сделана в тёмном стиле, аватар, 3 иконки, всё это в небольшом коде.

Установка:

Идём в ПУ - Верхняя или нижняя часть сайта ставим код:
Код
<style type="text/css">  
.uPanel {  
background:rgba(0,0,0,0.8);  
color:#fff;  
float:left;  
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.7);  
-moz-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.7);  
-webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.7);  
padding: 4px 5px 4px 5px;  
border-radius:3px;  
-moz-border-radius:3px;  
-webkit-border-radius:3px;  
position:fixed;  
bottom:7px;  
left:7px;  
}  
   
.uPanel a.url, .uPanel a.url:visited {  
display:block;  
float:left;  
color:#fff;  
font-weight:bold;  
height:26px;  
line-height:26px;  
-moz-transition:all 0.4s ease;  
-webkit-transition:all 0.4s ease;  
-o-transition:all 0.4s ease;  
transition:all 0.4s ease;  
opacity:0.4;  
padding:0px 7px 0px 7px;  
position:relative;  
}  
.uPanel a.url img {  
vertical-align:-8px;  
}  
.uPanel a.url:hover {  
text-shadow:0px 0px 5px #fff;  
color:#fff;  
opacity:1.0;  
}  
   
.uPanel a.url.highlighted {  
opacity:1.0;  
}  
   
.uPanel a.url span {  
display:block;  
position:absolute;  
bottom:0px;  
left:20px;  
color:#fff;  
background:red;  
padding:0px 3px 0px 3px;  
height:14px;  
line-height:14px;  
font-size:7pt;  
font-weight:bold;  
border-radius:2px;  
-moz-border-radius:2px;  
-webkit-border-radius:2px;  
}  
</style>  
   
<input name="dfdsfds" type="hidden" id="d-opacity" value="0.7" />  
<input name="dffsd" type="hidden" id="d-color" value="255,255,255" />  
<div id="dstyle"></div>  
<div class="uPanel" id="uPanel" style="display:none">  
<a href="#" title=$USERNAME$ class="url"><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" style="width:24px; height:24px;" alt="" /><?else?><img src="http://7old.ru/ucoz-files/no_av.png" style="width:24px; height:24px;" alt="" /><?endif?></a>  
<a href="$PM_URL$" title="Личные сообщения" class="url"><img src="http://7old.ru/ucoz-files/pm.png" alt="" /></span></a>  
   
<a href="$PERSONAL_PAGE_LINK$" onclick="dialogColor(); return false;" title="Персональная страница" class="url"><img src="http://7old.ru/ucoz-files/wind-color.png" alt="" /></a>  
<a href="$LOGOUT_LINK$" title="Выход" onclick="showLogForm(); return false;" class="url"><img src="http://7old.ru/ucoz-files/exit.png" alt="" /></a>  
</div>  
<script type="text/javascript">  
$(function(){  
$("#uPanel").fadeIn('normal');  
$("#uPanel a.url").tipsy({gravity: 'sw', html: true});  
});  
</script>


На этом всё.
Мини-профиль внизу сайта" title="Скачать Мини-профиль внизу сайта бесплатно, без смс и регистрации" target="_blank">Сервер Скачать файл
Источник: Неизвестно
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]