» »

Боковая кнопка вверх как Vk на uCoz


Боковая кнопка вверх как Vk на uCoz

Безусловна такая кнопка вверх многим знакома, так как она установлена на популярном ресурсе В контакте, теперь вы можете поставить на свой сайт. Дизайн ее как можно ближе создан к оригиналу и также она будет с правой стороны. На ней есть свой эффект, который заключается при наведение курсора, где гамма цвета меняется. Если у кого есть своя страница на социальной сети, то он быстро привыкнет к ней и возможно и привыкать не нужно. все на автомате делаться будет. Если страницу поднять вверх, то полоса просто исчезает и только появляется, когда страница опускаете в низ.

Да и вообще ее сразу видно и понятно будет для пользователя, для самых умных еще написано на ней "Вверх" что будет в самом начале. Если вам она по дизайн не подходит, то вы можете вывести ту гамму цвета, которая будет сочетаться с вашей стилистикой на сайте. По умолчанию она создана под светлый дизайн, но не нужно забывать, что она прозрачно темная идет и возможно автоматически подойдет в фону.

Установка:

1 способ: Вам нужно скачать архив и там будет один файл, под названием js который нужно закинуть в корень вашего сайта.

Потом ставим на страницу в HEAD этот код:

Код
<script type="text/javascript" src="/up.js"></script>


2 способ: Но также можете просто скопировать этот код и поставить в футер сайта или в шапку и все будет работать, проверил на тестовом сайте.

Код
<script type="text/javascript" src="http://zornet.ru/Aben/up.js"></script>


PS - ставим на общей странице вашего модуля, чтоб была на всем сайте, возможно в низ сайта можно попробовать.
28.11.2016 Загрузок: 3 Просмотров: 284 Комментарий: (5)

Поделиться в социальных сетях

Материал разместил

Комментарий: 5
Brung
Brung 28.11.2016 00:271
0
Сколько таких кнопок в интернете и под uCoz много и везде по разному. Так можно поставить и посмотреть, но в низ сайта или вверх сайта ставить нужно, чтоб на всем сайте эта функция была, но как знаю, что там HEAD нет, только на страницах.
Kosten
Kosten 28.11.2016 00:452
0
В низ сайте, это конечно лучше, так как на всех страницах будет, вот проверил сейчас на тестовом, и просто поставил код и все появилось. Если вы будете загружать файл в корень сайта, это по первому способу, то когда загрузите, то вам нужно нажать редактирование и в самом файле увидите что вместо надписи "На вверх" идут знаки, то убираем их и пишем.

По второму способу, просто копируем и устанавливаем, вот от проверки изображение.

FeStemBer
FeStemBer 28.11.2016 00:503
0
Все работает нормально, но только широкая как называете лента на контейнер залазает в хорошем смысле. Это все можно как полагаю в самом файле отрегулировать.
Сафрон
Сафрон 28.11.2016 01:124
0
Все можно уменьшить, у кого то широкая, у кого то совсем узкая, и не написано, а может поставлена стрелка.
Kosten
Kosten 28.11.2016 01:165
0
Все правильно, просто на многих можно заметить разную ширину, а что стрелку вверх, то это нужно знак прописать а не ссылку.
avatar