Зробити «напоминалку», для користувачів про реєстрацію, розмістити важливу інформацію, встановити банер, саме такі основні цілі «плавати вікна». Але найголовніше, що дане вікно працює, без використання JS скриптів, що ні створює зайвого навантаження, вашому веб ресурсу. Все що необхідно, для його створення це, невеликі знання правил CSS і HTML.
Насправді тут немає нічого складного. Будь створений вами блок, в тегах
, або таблицяВікно нагадування користувачеві, про реєстрацію.
Наприклад, ми створюємо вікно нагадує, користувачеві про реєстрацію, на нашому сайті. Створюємо сам блок, правила можна прописати прямо в коді, блоку не використовуючи підключення каскадної таблиці.
Як «id», ми даємо будь-яке ім'я нашого блоку, що б потім закрити його. Але це, в самому кінці, а поки напишемо заголовок і текст:
Ну, приблизно як то так. Ось в принципі блок і готовий, залишилося тільки додати, атрибути закриття і його стилі.
Який закидає наш блок за три дев'ять земель, а якщо бути точніше забирає, в ліво на 9999px. При цьому все залишається працювати в штатному режимі, не розширюється, не змінюється, а для пошукових роботів, цей блок навіть дуже і дуже видимий. Загалом, у мене вийшов ось такий блок:
Установка плаваючого вікна на DLE.
Даний блок, можна помістити на будь-який сайт і будь-яку CMS. Також можна вказати, для кого саме цей блок призначений. Тобто, наприклад група №1 це не зареєстровані користувачі і ми хочемо, що б тільки вони бачили це попередження, як приклад я вибрав движок DLE.
Для цього необхідно, укласти створений нами код в наступні атрибути:
І зберегти наш документ в расшіренііTPL. тобто ось так pop-banner.tpl. Далі заливаємо цей файл в наш шаблон, який підключений до движку. Відкриваємо файл main.tpl і в будь-якому місці, наприклад після тега
або перед його закриттям пишемо:Хороший рада, по установці плаваючого банера.
Також можна прикріпити його до певного розділу, або новини. Про всі можливості просто подивіться мануал по DLE. або тієї cms, яку ви використовуєте. В даному прикладі я закріплю наш банер, на головній і на тій сторінці, де ви зараз перебуваєте.
Переробив мобільний додаток під Андроїд Основи HTML, тексти для якого написав Джеремі Томас з сайту marksheet.io. Оновлена система завдань, оптимізована продуктивність, все уроки пов'язані.
Інтенсивний онлайн-курс «Базовий PHP»
Онлайн-інтенсив «Базовий HTML і CSS» з особистим наставником
наверх