Статистика
Онлайн всего: 1 Гостей: 1 Пользователей: 0
|
Главная » 2013 » Ноябрь » 19 » Профиль в правом нижнем углу для ucoz
09:32 Профиль в правом нижнем углу для 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('0px',5800, {axis:'y'})" id="scrollup" class="but_user_up"></a> </div> </div><?endif?> <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;}
Схожие материалы по теме материалы
Если данный материал, был полезен для вас, не забываем поделиться с друзьми !
Нравится
|
Категория: Продвижение сайтов |
Просмотров: 499 |
Добавил: Bitfood
| Рейтинг: 0.0/0 |
Добавлять комментарии могут только зарегистрированные пользователи. [ Регистрация | Вход ]
|
|
Календарь
« Ноябрь 2013 » | Пн | Вт | Ср | Чт | Пт | Сб | Вс | | | | | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 |
|