? Editing: Post:21.body Save Delete Cancel
Content changed Sign & Publish new content

__br☣m__.py

Добро пожаловать в мой блог! Возможно, это не самое полезное место в ZeroNet, но это мое место.

Подпишись!Уже подписан ;)

Latest comments:

Add new post

Title

21 hours ago · 2 min read ·
3 comments
Body
Read more

Not found

Кнопка вверх

on Jan 09, 2017 · 1 min read

Теперь, если вы долго и нудно листали мой блог вниз, у вас есть возможность быстро вернуться вверх! Под катом про то, как добавить такую кнопку к себе на сайт или в блог!


Наверняка вы видели на сайтах всякие классные кнопки, которые слайдили вверх (в вк например). А теперь мы добавим стильную кнопку в цветах ZeroNet себе на сайт!
Начнем с того, что перейдем в ZeroBundle/ZeroNet/data/название_вашего_сайта и отредактируем файл index.html добавив туда (я засунул сразу после открытия <body>):

<div id="back-top">
        <a href="#" onclick="return up()">Вверх</a>
</div>

далее переходим в css\all.css и в начало или конец файла добавляем:

/*-----------------Возврат к верху----------------------*/
#back-top {
    position: fixed;
    bottom: 0px;
    padding: 0px;
    right: 92%;  
    margin-left: 500px;
    z-index:99991;
    }
#back-top a{
    width: 77px;
    height: 30px;
    background: #663399;
    display:block;
    text-decoration:none;
    -webkit-transition: all linear 0.2s; 
    -moz-transition: all linear 0.2s;
    -ms-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
    text-align: center;
    color: #fff;

    }

#back-top a:hover{
    height: 70px;
    background: #663399;
    -webkit-transition: all linear 0.2s; 
    -moz-transition: all linear 0.2s;
    -ms-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
    color: #fff;
    }

Сделали? Молодчинки, остался последний рывок! Теперь нам нужно открыть файл js\all.js и вписать в начало файла:

function up() {
        var top = Math.max(document.body.scrollTop, document.documentElement.scrollTop);
        if (top > 0) {
            window.scrollBy(0, ((top + 100) / -10));
            t = setTimeout('up()', 20);
        } else clearTimeout(t);
        return false;
    }

Все сохраняем, в браузере нажимаем ctrl + F5 и наслаждаемся новым дизайном!
Просто клевая пикча

10 Comments:

user_name1 day ago
Reply
Body
volandon Jan 13, 2017
Reply

хм, т.е. в комментариях ссылки на картинки не парсятся... печалька

volandon Jan 12, 2017
Reply

и вот какая еще штука:
![](http://i.imgur.com/XjDQmay.png)

volandon Jan 12, 2017
Reply

один раз увидел когда страница загружалась, но после загрузки страницы кнопка исчезает.

bromon Jan 12, 2017
Reply

еще у кого-то есть такая проблема?

volandon Jan 11, 2017
Reply

не, не появилась.

bromon Jan 11, 2017
Reply

voland: Так в твоем блоге и не работает. Ее нет. Открываю блог. Листаю вниз. И ничего не происходит...
Chromium 55.0.2883.75

тоже хромиум. попробуй обновить со сбросом кеша

bromon Jan 11, 2017
Reply

voland: Так в твоем блоге и не работает. Ее нет. Открываю блог. Листаю вниз. И ничего не происходит...
Chromium 55.0.2883.75

слева внизу нет кнопки? ![](https://lh3.googleusercontent.com/NK9nYkVCo4uGLNTYHiO123hp7lsCp9PLP8WytibLD8eqjG7tHAqRB6U0vmWZlAE7wE0BNBJwgQ=w386-h467-no)

volandon Jan 10, 2017
Reply

brom: поясни

Так в твоем блоге и не работает. Ее нет. Открываю блог. Листаю вниз. И ничего не происходит...

Chromium 55.0.2883.75

bromon Jan 09, 2017
Reply

voland: что-то не работает

поясни

volandon Jan 09, 2017
Reply

что-то не работает

This page is a snapshot of ZeroNet. Start your own ZeroNet for complete experience. Learn More