ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Боковая кнопка вверх как Vk на uCoz

Боковая кнопка вверх как 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 Ноября 2016 Загрузок: 14 Просмотров: 2205 Комментариев: (5)

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

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

Оставь свой отзыв

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

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

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