« Мини-профиль внизу страницы сайта для uCoz »

Описание материала:

Удобный скрипт мини-профиля для сайтов системы uCoz. Данный скрипт не требует особых усилий в установке. В мини-профиле присутствуют ссылки на профиль, сообщения, выход и кнопка поднятие страницы вверх.

Установка:

  • Скачиваем архив и заливаем папку user себе в корень сайта.
  • Заходим в ПУ >>> Управление дизайном >>> Нижняя часть сайта и ставим в самый низ код:
    Код
    <div id="up" style="display: block;">  
    <div id="bg_up">  
    <a href="/index/8" target="_blank" class="but_user"></a>  
    <a href="/index/14" 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',800, {axis:'y'})" id="scrollup" class="but_user_up"></a>  
    </div>  
    </div>  
    <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  
    }, 800);  
    });  
    });  
    });  
    </script>  
    <script type="text/javascript">  
    $(document).ready(function(){  
    $("#back-top").hide();  
    $(function () {  
    $(window).scroll(function () {  
    if ($(this).scrollTop() > 50) {  
    $('#back-top').fadeIn();  
    } else {  
    $('#back-top').fadeOut();  
    }  
    });  
    $('#back-top a').click(function () {  
    $('body,html').animate({  
    scrollTop: 0  
    }, 800);  
    return false;  
    });  
    });  
    });  
    </script>

  • Заходим ПУ >>> Управление дизайном >>> Таблица стилей (CSS) и в самый низ ставим данный код:
    Код
    /* Мини-профиль внизу страницы сайта для uCoz */
    #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(/user/but_user.png) no-repeat;display:block;width:21px;height:20px;float:left;}  
    a.but_user_quit {background:url(/user/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(/user/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(/user/but_user_left.png) no-repeat left, url(/user/but_user_right.png) no-repeat right, url(/user/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(/user/but_user_left_us.png) no-repeat left, url(/user/but_user_right.png) no-repeat right, url(/user/but_user_center.png) repeat-x center;height:20px;display:block;float:left;padding:0px 5px 0px 25px;margin:0px 3px 0px 3px;}
    /* ------------------------- */

    Готова!


    Скачать ( Размер архива 4.5 Kb )

    По данной ссылке, Вы можете скачать или купить архив данного материала

    Установка материала

    Мы поможем установить данный материал к Вам на сайт

    Источник

    Материал взят со стороннего ресурса и был проверен нами


    Добавил: YaVi | Категория: Скрипты для uCoz | Просмотров: 956 | Загрузок: 39


    Поделиться в соц. сетях:
    Комментариев к материалу: 4
    Помню этот профиль, бывший модератор его выдернул с какого то сайта.
    0
    Виктор Ягодин 22.02.2016 в 17:10
    Я этот профиль сам выдергивал, с DIZ-CS
    0
    Разве что то сказал, что скрипт был взят, говорю, бывший модер, так же выдергивал его.
    0
    Виктор Ягодин 06.03.2016 в 20:31
    Да все норм)
    0
    avatar