Профиль в правом нижнем углу для ucoz
827материалов
228тем на форуме
3003комментария
6152пользователя

Профиль в правом нижнем углу для ucoz


Установка:

В нижнюю часть сайта прописываем:
Код
<?if($USER_LOGGED_IN$)?><div id="up">      
<div id="bg_up">      
<a href="/index/8" target="_blank" class="but_user"></a>      
<?if($UNREAD_PM$)?><a href="$PM_URL$" target="_blank" class="but_user_pm_us"><div class="us">$UNREAD_PM$</div></a><?else?><a href="$PM_URL$" target="_blank" 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({top:$('body').offset().top, left:0}, 1500);return false;" id="scrollup" class="but_user_up" title="Вверх"><div style="position:fixed; opacity:0.8; bottom:0px; right:0px;"id="fImgtotop"></div></a>
</div>      
</div><?endif?>
<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;}

ЗАКАЗАТЬ УСТАНОВКУ

Скрипт опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о скрипте:
Дата добавления материала: 19.11.2013 в 03:42
Материал просмотрен: 837 раз
Категория материала: Скрипты для uCoz
К материалу оставлено: 8 комментариев

Пожаловаться
Сказать спасибо

8 комментариев


Romchik
Роман @Romchik 18.12.2014 19:591
0
Спасибо, исправили!
trem200
Александр @trem200 22.02.2015 23:472
0
а что надо в cs изменить что бы профиль был белого цвета
Romchik
Роман @Romchik 22.02.2015 23:523
+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;}
Заменить:
#bg_up {background:#ffffff;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;border-bottom:1px solid #1a1a1a;padding:3px 4px 1px 4px;overflow:hidden;}
Но толку ни какого, картинки все равно черного цвета. Вообщем демо
trem200
Александр @trem200 23.02.2015 10:094
-1
спасибо, что предупредили
mka991
denis @mka991 29.04.2015 17:085
0
как сделать чтоб был с слева???
Romchik
Роман @Romchik 29.04.2015 20:526
0
#up{cursor:pointer;position:fixed;bottom:5px;right:40px;z-index:1;}
на
#up{cursor:pointer;position:fixed;bottom:5px;left:40px;z-index:1;}
Stefan
Г Валера @Stefan 20.09.2015 13:097
0
скопировал первый скрипт и выдало ошибку вот такую

Запрещено. Нельзя сохранить изменения, содержащие вредоносный скрипт с ...
Skandar
Александр @Skandar 20.09.2015 14:288
0
Видимо стоит запрет на подгрузку внешних скриптов. Скачайте скрипт с сайта, загрузите на свой и замените ссылки вызова.
avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта