Статьи

Плаваючий блок для сайту, робочий код

Напевно, Ви бачили на багатьох сайтах як останній в колонці банер відчіплюється і переслідує Вас при прокручуванні сайту вниз. Це ми і зробимо сьогодні!

В інтернеті дуже багато скриптів і кодів плаваючого банера. Багато з них не працюють, а інші не підходять для наших цілей. Я представляю Вам повністю робочий код плаваючого блоку з подальшою зупинкою. Якщо Ваш сайт має адаптивний дизайн, то наявність такого плаваючого банера буде негативно позначатися на сайті і відвідувачів, тому плаваючий блок буде відключений при перегляді сайту через мобільні пристрої.

Ось код на javascript і jQuery:

<Style> @media only screen and (max-width: 979px) {#fixed {display: none; }} </ Style> <div> <script type = "text / javascript"> // <! [CDATA [jQuery (function () {var offset = jQuery ( "# fixed"). Offset (); var topPadding = 20, bottomPadding = 550; // висота над якою зупиниться блок jQuery (window) .scroll (function () {if (jQuery (window) .scrollTop ()> offset.top) {if (jQuery (document) .height () - bottomPadding> jQuery (window) .scrollTop () + jQuery ( "# fixed"). height ()) jQuery ( "# fixed"). stop (). animate ({marginTop: jQuery (window) .scrollTop () - offset.top + topPadding});} else {jQuery ( "# fixed"). stop (). animate ({marginTop: 0});};});}); //]]> </ script> < script type = "text / javascript"> // <! [CDATA [jQuery.noConflict (); (Function ($) {}) (jQuery); //]]> </ script> </ div> <div id = "fixed"> <div id = "plav_mod_titl"> </ div> <div id = " plav_txt "> Тут то, що буде плавати у вас! </ Div> </ div>

Тепер його потрібно просто вставити на сайт. Якщо Ви використовуєте joomla - скачайте і встановіть модуль Custom HTML advansed . Тепер потрібно просто створити новий модуль Custom HTML advanced, вставити весь код в Custom HTML, вибрати позицію і опублікувати модуль. Ось і все - просто і елементарно!

Що ще додати ?! В найближчому майбутньому планую зібрати, так би мовити, джентльменський набір joomla , Куди будуть входити всі найпотрібніші, корисні і кращі компоненти, плагіни та модулі, на мій погляд, звичайно!

Всім удачі і добра!

Що ще додати ?

Новости

Как оформить группу в вконтакте видео
Дано хотел свой магазин в вк, но не знал с чего начать его делать. Так как хотелось не банальный магазин с кучей ссылок и фото, а красиво оформленный. С меню, с аватаркой. После просмотра видео создал

Финансовые новости мира
Вернуться в раздел Профессия экономист Экономисты востребованы в компаниях, где требуется контролировать расходы, правильно рассчитывать средства, где необходим постоянный анализ экономической деятельности

Транспортное средство закон
Пункт 1.5. ПДД гласит: «Участники дорожного движения должны действовать таким образом, чтобы не создавать опасности для движения и не причинять вреда», а в пункте 1.2. указано: «Участник дорожного движения»

Квест кімната дніпро
Законопроект о запрете посещения квестов детьми младше 14 лет прокомментировал один из самых популярных в России квест-агрегаторов. Поправки в городской закон о мерах по предупреждению причинения вреда

Труба в изоляции Valsir Pexal
На сегодняшний день имеется масса самых разных отделочных материалов, которые можно использовать, как внутри, так и снаружи помещения в качестве декоративного элемента, однако большинство из них имеет

Как создать фото из видео
Кризис заставляет искать дополнительные источники дохода. Одним из таких источников может стать торговля на валютном рынке Форекс. Но чтобы не потерять свои деньги необходимо работать с надежным брокером.

Роллы
От того, как и чем мы питаемся зависит очень многое. Это и самочувствие и внешность и общее состояние здоровья. Несмотря на широкое предложение, вопросы правильного и вкусного питания стоят очень остро.

Как создать видео без программ
Реклама - это один из видов деятельности, который помогает людям продвигать свои товары или услуги. Одним из таких видов рекламы является - раздача листовок или более современное название "флаеров". Раздача

Дешевая доставка суши
Суши можно не только запивать, но и заедать: хорошо с суши сочетаются тэмпура (обжаренные в специальном кляре ломтики овощей, грибы или морепродукты), а также мисо-суп (суп, заправленный бобовой пастой).

Европейская рулетка
Кажущаяся простота игры в рулетку (крупье запускает шарик, игроки ставят ставки) на деле подчиняется определенным правилам. Для каждой ставки в рулетке, будь то внутренние ставки или внешние ставки, важно