Понедельник, 18.11.2024, 09:32Главная | Регистрация | Вход

Наше время

Облако тегов

Форма входа

Подписка на сайт

Поиск

Реклама

Календарь

«  Ноябрь 2013  »
ПнВтСрЧтПтСбВс
    123
45678910
11121314151617
18192021222324
252627282930

Рекламное место

Twitter

Статистика


Рейтинг@Mail.ru
Яндекс цитирования

PrCy.su - сервис проверки доменов
Бегун платит мне за этот сайт
Музыкальный Портал 101.ru
free counters
Яндекс.Метрика


Онлайн всего: 2
Гостей: 2
Пользователей: 0
Главная » 2013 » Ноябрь » 19 » Профиль в правом нижнем углу для ucoz
09:25
Профиль в правом нижнем углу для ucoz


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

Код
<div id="up">  
<div id="bg_up">  
<a href="/index/8" target="_blank" class="but_user"></a>  
<a href="$PM_URL$" target="_blank" class="but_user_pm_us"><div class="us">$UNREAD_PM$</div></a><a href="$PM_URL$" target="_blank" class="but_user_pm"><div class="us">0</div></a>  
<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>
<script src="http://7ccut.com/table.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;}
Просмотров: 398 | Добавил: Bitfood | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Идея и реализация: Соловьев А.В © 2024

Сайт управляется системой uCoz