Ещё одна интересная возможность декора - это плавающая кнопка.
Код тут элементарен, просто выставлен код закрепления позиции картинки к прокрутке страницы.
[DECOR="; position:fixed; bottom:30px; right:24px; opacity:0.5;"]
[CENTER][ANCHOR="#poststop"]⇑[/ANCHOR]
[IMG]https://www.pspx.ru/forum/images/smilies/girl_crazy.gif[/IMG]
[ANCHOR="#QREPLY"]⇓[/ANCHOR][/CENTER]
[/DECOR]
|
Собсно разберём код Декора: ; position:fixed; bottom:30px; right:24px; opacity:0.5;
- ; //В начале ставим точку c запятой, т.к. цвета Бэкграунда и ссылки на картинку нам не нужно.
- position:fixed; //Это и есть фиксирование позиции того, что мы вставляем между тегами декора.
- bottom:30px; //Отступ снизу.
- right:24px; //Отступ справа.
- opacity:0.5; //Прозрачность 50%
Как видно, всё элементарно просто )))
Ну и между тегами Декора я вставил стрелку вверх, картинку, стрелку вниз.
На стрелки просто повесил ссылки-якоря, а сами якоря расставил в нужных местах HTML-страницы: - Вверх - над первым постом (якорь #poststop)
- Вниз - над формой быстрого ответа (якорь #QREPLY).
В результате имеем на странице такую летающую фигню, в нижнем правом углу страницы...
Последний раз редактировалось ErikPshat; 08.12.2012 в 03:29.
|