Страница 1 из 11
Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Скрипт верхняя выдвижная панель
Скрипт верхняя выдвижная панель
workman
Дата: Воскресенье, 03.01.2016, 18:05 | Сообщение # 1
Vip
Сообщений:1576
Награды: 7


Код верхняя выдвижная панель для сайта, которая подойдет под любую тематику, так как вы устанавливаете что нужно.



JS
Код
<script type="text/javascript">jQuery(function(f){var element=f('#workman-top');f(window).scroll(function(){element['fade'+(f(this).scrollTop()>100?'In':'Out')](500)})});</script><style>#workman-top{width:100%;height:62px;background-color:rgba(255,255,255,0.9);display:none;position:fixed;padding-top:5px;top:0;right:0;text-align:center;z-index:300;box-shadow:0 3px 7px 0 #C0C0C0}</style>

Вот сюда вставляем то что нужно было видеть сверху. Например можно вставить вашу менюшку
Код
<div id="workman-top">....</div>
Стили CSS редактируем под себя как понравится.
Как работает можно посмотреть здесь при прокрутке страницы.
Если кого не устраивает цвет панели, то спрашивайте в личку
Прикрепления: 1682631.png(237Kb)


Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...

Сообщение отредактировал workman - Воскресенье, 17.01.2016, 13:45
nikolla76
Дата: Воскресенье, 03.01.2016, 23:48 | Сообщение # 2
Пользователи
Сообщений:32
Награды: 0


workman, а сама панель, можно скрин, чтоб понять.
Kosten
Дата: Понедельник, 04.01.2016, 00:33 | Сообщение # 3
Администраторы
Сообщений:12657
Награды: 38


Цитата nikolla76 ()
workman, а сама панель, можно скрин, чтоб понять.

Да ставил изображение, видать дисантура провела разведку боем и по сносила их.


workman
Дата: Понедельник, 04.01.2016, 00:45 | Сообщение # 4
Vip
Сообщений:1576
Награды: 7


Цитата Kosten ()
видать дисантура провела разведку боем и по сносила их.
biggrin biggrin biggrin Ничего я не по снасил. Это появляется при прокрутке страницы


Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...
Сопрано
Дата: Понедельник, 04.01.2016, 00:45 | Сообщение # 5
Пользователи
Сообщений:265
Награды: 2


workman, а вот JS нужно под дивы ставить? Просто постоянно пишут а как установить не слово.

Сообщение отредактировал Trantel - Понедельник, 04.01.2016, 00:45
workman
Дата: Понедельник, 04.01.2016, 00:45 | Сообщение # 6
Vip
Сообщений:1576
Награды: 7


Trantel,
Цитата Trantel ()
а вот JS нужно под дивы ставить?
Нет конечно. Зачем?
Код
Просто постоянно пишут а как установить не слово.
Да не парься. Просто все эти три кода поставь рядом с собой и наслаждайся. Только не забудь про редактировать под свой дизайн сайта.


Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...

Сообщение отредактировал workman - Понедельник, 04.01.2016, 00:47
Kosten
Дата: Понедельник, 04.01.2016, 00:50 | Сообщение # 7
Администраторы
Сообщений:12657
Награды: 38


Просто ставим туда где хотите видеть.
Код

<div id="workman-top">....</div>


А остальное, думаю можно в этом блоке оставить, но если дивы ставить вверх сайта в самый низ, то это не знаю, рядом наверное, но стили точно.


FeStemBer
Дата: Понедельник, 04.01.2016, 00:54 | Сообщение # 8
Проверенные
Сообщений:293
Награды: 1


Хороший скрипт, много встречал, но что то не когда не вникал, как все сделано, но больше зависит от темы еще, какая на сайте.
Траст
Дата: Понедельник, 04.01.2016, 01:12 | Сообщение # 9
Пользователи
Сообщений:91
Награды: 0


Здесь показана панель, которая могла просто стоять при открытие сайта, но если вы мосмотрите на DEMO вы его не увидите, пока не провернете колесо в низ и тогдаоно появиться. Так вот эти скрипты это делают.

Код
<div id="workman-top">СТАВИМ ВАШУ ПАНЕЛЬ С АДРЕСАМИ ИЛИ ЧТО ВАМ ТАМ НУЖНО</div>


Быстро, дешево и сердито!
csretven
Дата: Понедельник, 04.01.2016, 01:27 | Сообщение # 10
Пользователи
Сообщений:46
Награды: 0


За такой скрипт спасибо, с меня плюс.
Kosten
Дата: Понедельник, 04.01.2016, 01:49 | Сообщение # 11
Администраторы
Сообщений:12657
Награды: 38


Цитата csretven ()
За такой скрипт спасибо, с меня плюс.

Как знаю workman, хлам на сайт не поставляет. wink


workman
Дата: Понедельник, 04.01.2016, 13:19 | Сообщение # 12
Vip
Сообщений:1576
Награды: 7


Цитата csretven ()
За такой скрипт спасибо, с меня плюс
Спасибо за плюс в репу... smile


Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...
Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Скрипт верхняя выдвижная панель
Страница 1 из 11
Поиск: