шапка fotoshopiya
Adobe-Photoshop


[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Модератор форума: Palarius, Bars 
Форум » Для сайтов » Скрипты для Ucoz » Профиль в правом нижнем углу для ucoz
Профиль в правом нижнем углу для ucoz
PlastinasДата: Среда, 19.03.2014, 11:19 | Сообщение # 1
Рядовой
Группа: Пользователи
Сообщений: 4
Статус:
скрин: http://s018.radikal.ru/i509/1311/e5/84379aeb4b82.png

Установка:
В нижнюю часть сайта прописываем:

Код
<?if($USER_LOGGED_IN$)?><div id="up">   
<div id="bg_up">   
<a href="/index/8/" class="but_user"></a>   
<?if($UNREAD_PM$)?><a href="../$PM_URL$" class="but_user_pm_us"><div class="us">$UNREAD_PM$</div></a><?else?><a href="../$PM_URL$" class="but_user_pm"><div class="us">0</div></a><?endif?>   
<a href="/index/10/" class="but_user_quit"></a>   
<a href="../javascript:/" onclick="$('body').scrollTo('0px',5800, {axis:'y'};)" id="scrollup" class="but_user_up"></a>   
</div>   
</div><?endif?>
<script src="../http://24-moto.ru/font.js" type="text/javascript"></script>
<script type="text/javascript">   
$(document).ready(function(){   
$("#up").hide();   
$(function(){   
$(window).scroll(function(){   
if ($(this).scrollTop() > 400){   
$('#up').fadeIn();   
} else {   
$('#up').fadeOut();   
}   
};);   
$('#up').clidck(function(){   
$('body,html').animate({   
scrollTop:0   
}, 5800);   
};);   
};);   
};);   
</script>


А вот это прописываем в таблицу стилей css:

Код
#up{cursor:pointer;position:fixed;bottom:5px;right:40px;z-index:1;}   
#bg_up {background:#0e0e0e;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;border-bottom:1px solid #1a1a1a;padding:3px 4px 1px 4px;overflow:hidden;}   
a.but_user {background:url(http://pnghosts.ru/img/but_user.png) no-repeat;display:block;width:21px;height:20px;float:left;}   
a.but_user_quit {background:url(http://pnghosts.ru/img/but_user_quit.png) no-repeat;display:block;width:21px;height:20px;float:left;margin:0px 1px 0px 0px;}   
   
a.but_user_up {background:url(http://pnghosts.ru/img/but_user_up.png) no-repeat;display:block;width:21px;height:20px;float:left;margin:0px 0px 0px 15px;}   
a.but_user_pm {background:url(http://pnghosts.ru/img/but_user_left.png) no-repeat left, url(/user/but_user_right.png) no-repeat right, url(http://pnghosts.ru/img//but_user_center.png) repeat-x center;height:20px;display:block;float:left;padding:0px 5px 0px 25px;margin:0px 3px 0px 3px;}   
a.but_user_pm_us {background:url(http://pnghosts.ru/img/but_user_left_us.png) no-repeat left, url(/user/but_user_right.png) no-repeat right, url(http://pnghosts.ru/img/but_user_center.png) repeat-x center;height:20px;display:block;float:left;padding:0px 5px 0px 25px;margin:0px 3px 0px 3px;}
 
Форум » Для сайтов » Скрипты для Ucoz » Профиль в правом нижнем углу для ucoz
Страница 1 из 11
Поиск:



Вверх страницыНа верх Вверх страницы

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

Adobe-Photoshop © 2016 - 2024