[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » WEB-Мастерская UCOZ » Скрипты для Ucoz » Mini профиль в низу сайта (профить)
Mini профиль в низу сайта
ManzorДата: Четверг, 25.08.2016, 23:36 | Сообщение # 1
Offline
Сообщений: 47
Группа:
Admin


Заходим в ПУ и в нижнюю часть сайта 

Код
<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://isu-ucoz.3dn.ru/script/noavatar.png" style="width:24px; height:24px;" alt="" /><?endif?></a> 
<a href="$PM_URL$" title="Личные сообщения" class="url"><img src="http://isu-ucoz.3dn.ru/script/pm.png" alt="" /></span></a> 
        
<a href="$PERSONAL_PAGE_LINK$" onclick="dialogColor(); return false;" title="Персональная страница" class="url"><img src="http://isu-ucoz.3dn.ru/script/wind-color.png" alt="" /></a> 
<a href="$LOGOUT_LINK$" title="Выход" onclick="showLogForm(); return false;" class="url"><img src="http://isu-ucoz.3dn.ru/script/exit.png" alt="" /></a> 
</div> 
<script type="text/javascript"> 
$(function(){ 
$("#uPanel").fadeIn('normal'); 
$("#uPanel a.url").tipsy({gravity: 'sw', html: true}); 
}); 
</script>
Форум » WEB-Мастерская UCOZ » Скрипты для Ucoz » Mini профиль в низу сайта (профить)
Страница 1 из 11
Поиск: