Як встановити георгіївську стрічку на сайт, поради веб-майстри, блог євгенія вергуса

Який би тематики не був присвячений Ваш сайт або блог, пропоную доповнити його Георгіївської стрічкою і таким чином віддати данину поваги нашим дідам і прадідам, котрі принесли 70 років тому Перемогу над фашизмом.

Я Вам пропоную скористатися на вибір одним з трьох скриптів, які знайшов на форумі Кабінет Адміна.ru. Думаю, що Ви зможете підібрати собі пропозицію до смаку і відповідно до дизайну свого сайту. Більш того, скрипти дозволяють вставити свою картинку і тим самим, висловити свою індивідуальність. Отже, за справу. Увага! Всі скрипти встановити дуже просто, потрібно вибрати відповідну опцію і вставити його перед закриває тегом .

1-й варіант, стрічка встановлюється зліва:

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

2-й варіант, стрічка у вигляді банта праворуч або ліворуч:

Дуже стильне виконання, тим більше, що саму стрічку можна курсором поставити в будь-яке місце сторінки. Але, як Ви бачите на зображенні, стрічка виходить дуже близько до встановленої на моєму блозі додаткової панелі RuBizPanel 2.0. І відвідувач, який побажав би «помацати стрічку», цілком може випадково викликати спрацьовування панелі. Довелося виключити для себе такий варіант. Хоча можна просто змінити відображення зліва, замінити «right» на «left» і все буде відмінно. Загалом, я ще буду експериментувати з різними варіантами. Можна також прописати будь-яку іншу картинку, все в ваших руках.

3-й варіант, стрічка встановлюється, як справа, так і зліва.

Спочатку в коді прописано праве розміщення, але замінивши в цьому рядку: position: fixed; top: 0%; right: 0; всього лише одне значення «right» на «left», мені вдалося встановити стрічку зліва (як зараз). А ось і сам код:

P.S. Нагадую Вам про те, що триває набір в мою Річну Майстер-групу з гарантією результату. Всі подробиці за цим посиланням.

З повагою, Євген Вергус.

Рубрика: Корисні поради

(Оцінок статті ще немає. Будьте першими!)