У сьогоднішньому пості Ви дізнаєтеся, як зробити плаваючий блок в сайдбарі вашого сайту.
Таке рішення знайшлося, і сьогодні воно буде доступно всім Вам.
Для чого служать плаваючі блоки?
Гаразд, досить балачок пора переходити до справи.
Плаваючий блок в сайдбарі.
Щоб зробити плаваючий блок ми не будемо використовувати будь-які плагіни або величезні простирадла коду.
Нам допоможе маленький і легкий скрипт з мінімумом налаштувань. Ось він, зустрічайте:
Все що Вам потрібно - це вставити замість напису «ТУТ ВАШ КОНТЕНТ», той блок, який, на Вашу думку, повинен плавати.
Зверніть увагу на числові значення, які присутні в скрипті. Вони відповідають за розташування плаваючого блоку і моментом початку його плавання при скролінгу (прокручуванні). Вам буде потрібно їх налаштувати під свої потреби. В даний момент їх значення відповідають прикладом одного з моїх блоків, який Ви можете подивитися в сайдбарі.
Так само всередині тега DIV. яким обгорнутий Ваш плаваючий блок, Ви можете задавати необхідні CSS стилі. На даний момент у мене задана тільки одна ширина «width: 280px». що цілком достатньо для моєї реалізації.
Якщо Ви надумаєте зробити плаваючий сайдбар, то врахуйте, що його елементи не повинні виходити за зону видимості без скролінгу. Інакше, плавати буде тільки те, що Ви бачите спочатку, а все інше буде приховано за вікном браузера.
На сьогодні це все. Гарного Вам настрою і до нових статей ...
З повагою, Денис Черніков!
Цікаве по темі:
Як вставити зображення в RSS стрічку?
На жаль, я не зрозумів як і куди ставити цей скрипт.
Поставив у себе через віджети в сайдбар з правого боку, банер відобразився сам, а сам принцип не працює. Якщо можна Денис, ще більш подбробней напишіть.
Детальніше вже нікуди! Потрібно не з адмінки віджети вставляти, а в файлі сайдбара, який знаходиться в темі оформлення Вашого сайту!
Денис, спасибі! Я зрозумів помилку свою.
Не всі профі і розуміють з полпинка що почім. А ви завзята не хочете написати докладно. Для людей же робите статтю, і люди просять, але у ви відповіді ніхто не отримав ще. Тільки не гарячіться, просто по Вам видно (по Вашим відповідям). Буду радий почути розгорнуту відповідь. БлагоДарю!
Зрозумів, Денис. Буду експериментувати. А перед цим зроблю Бекап сайту))), про всяк випадок. Думаю вийде все у мене. Вам теж удачі!
Спасибі, питайте якщо щось не зрозуміло буде!
Будь ласка, Олена! Потрібно дивитися, я так не можу Вам відповісти!
Радий, що Ви впоралися!
Насправді код можна і в віджет вставити і в будь-який файл теми оформлення відповідає за певний простір на сайті.
На рахунок наїзду на підвал, то Ви вже не перша людина хто зіткнувся з цією проблемою. Вибачте, ні як не дійдуть руки для вирішення даної проблеми. Але вона обов'язково вирішиться.
Денис, ми дуже на Вас сподіваємося, чекаємо і не забули, ось крім жартів.
Тепер мені не відкрутитися!)))
Денис, Ви що, стерли посилання на код NMitrи?
Ну знаєте. Я підписаний на цей пост саме тому, що чекаю, коли ж відбудеться розвиток коду. І, думаю, не я один далеко. І ось, як тільки з'являється нарешті щось по справі, якийсь прогрес, Ви це видаляєте.
Блін, тепер я був змушений гуглити її і лазити по її блогу в пошуках потрібного поста, і не знаходжу. (
Дякуємо. Я вже знайшов. Але все одно спасибі.
Що стосується jQuery, то він, найчастіше, звичайно, «поставляється з двигуном», як ви висловилися, але у Вас, наприклад, подгружается з бібліотек Гугла.
Навантаження на сервер так дійсно навіть менше.
Але для мене принципово не це, а виключно те, що запропонований Вами скрипт не повний, і не годиться до застосування на сайтах, що містять будь-які великі блоки в футере.
А підганяти мене очевидно про фрілансерів, і про те, що ніхто не буде безкоштовно нічого робити не потрібно. Це я і сам знаю, та й блоги зовсім не для того ведуться, вірно? А як раз щоб інформацію давати.
Теж вибачте, якщо зачепив.
Будь ласка! На рахунок ведення блогів - не вірно! Багато ведуть блоги, щоб давати інформацію частково, а за повну потрібно платити!
http: //pinzes.ru/ (є спаленої теми)
Список цей набагато більше. Ви можете дати таке якість інформації.
Спасибі, що ще раз нагадали мені давно забуте! І до речі, одне іншому не заважає!
Все вирішується елементарно, скрипт jQuery подгружается після основного контенту і CSS. У мене по-моєму навіть десь це описано було або хак я застосовував, зараз не пам'ятаю.
Як на мене - не проблема, що Денис пише пости про те, в чому не розбирається - він же все одно цим допомагає людям. За що йому щире спасибі.
Проблема в тому, що він соромиться цього свого незнання, і намагається його всіляко закамуфлювати. Тим більше, що ніякий не школяр - солідний дорослий дядько.
«Друзі, код цей я взяв з закордонного сайту, сам в ньому нічого не розумію, але у читачів виникають з ним такі-то труднощі, буду вдячний, якщо допоможете. »
- то, впевнений, дуже швидко знайшлися б забрели на блог програмісти, які б все пояснили і написали б йому силу-силенну можливих варіантів, які Денис зміг би додати в пост, від чого і пост, і блог в цілому тільки виграли по популярності, відвідуваності і рівню довіри.
Причому, абсолютно БЕЗКОШТОВНО б це зробили. =))