Переключение страниц с интересным эффектом
Установка проста как всё гениальное
как вы поняли var height = 100
отвечает за высоту через которую появится div также в css вы можете настраивать стиль под себя.
Css для тёмного сайта:
добавим ешё в css
а для тёмных дизов
Код
<?if($PAGE_SELECTOR$)?>
<script>
$.getScript('http://isu-ucoz.3dn.ru/a_scripts/i/a/pagefixed.js');var height = 100//через сколько появится div при спуске вниз</
script>
<style>
#pagefixed{display:none;
top:70px;/* Отступа вверх */
Right:8%;/* Отступ справа, если требуется слево то left:8%; 8% меняем на своё например 10px*/
color:#fff !important;z-index: 50000;position:fixed;background: rgba(0, 0, 0, 0.5);padding: 6px;border-radius:
4px;color:white;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4);}#pagefixed a {color:#fff !important;}.swchItemA {border-bottom:3px solid #fff;margin-right:-3px;padding-rigth:3px;}.swchItem {border-bottom:1px solid #fff;margin-right:-3px;padding-rigth:3px;}#pagefixed span {color:#fff !important;margin:3px;}
</style>
<div id="pagefixed">$PAGE_SELECTOR$</div><?endif?>
<script>
$.getScript('http://isu-ucoz.3dn.ru/a_scripts/i/a/pagefixed.js');var height = 100//через сколько появится div при спуске вниз</
script>
<style>
#pagefixed{display:none;
top:70px;/* Отступа вверх */
Right:8%;/* Отступ справа, если требуется слево то left:8%; 8% меняем на своё например 10px*/
color:#fff !important;z-index: 50000;position:fixed;background: rgba(0, 0, 0, 0.5);padding: 6px;border-radius:
4px;color:white;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4);}#pagefixed a {color:#fff !important;}.swchItemA {border-bottom:3px solid #fff;margin-right:-3px;padding-rigth:3px;}.swchItem {border-bottom:1px solid #fff;margin-right:-3px;padding-rigth:3px;}#pagefixed span {color:#fff !important;margin:3px;}
</style>
<div id="pagefixed">$PAGE_SELECTOR$</div><?endif?>
как вы поняли var height = 100
отвечает за высоту через которую появится div также в css вы можете настраивать стиль под себя.
Css для тёмного сайта:
Код
<style>
#pagefixed{display:none;
top:70px;/* Отступа вверх */
Right:8%;/* Отступ справа, если требуется слево то left:8%; 8% меняем на своё например 10px*/
color:#000 !important;position:fixed;z-index: 50000;background: rgba(255, 255, 255, 0.5);padding: 6px;border-radius: 4px;text-
shadow: 1px 1px 0px rgba(255, 255, 255, 0.4);}#pagefixed a {color:#000 !important;}.swchItemA {border-bottom:3px solid #000;margin-right:-3px;padding-rigth:3px;}.swchItem {border-bottom:1px solid #00;margin-right:-3px;padding-rigth:3px;}#pagefixed span {color:#000 !important;margin:3px;}
</style>
#pagefixed{display:none;
top:70px;/* Отступа вверх */
Right:8%;/* Отступ справа, если требуется слево то left:8%; 8% меняем на своё например 10px*/
color:#000 !important;position:fixed;z-index: 50000;background: rgba(255, 255, 255, 0.5);padding: 6px;border-radius: 4px;text-
shadow: 1px 1px 0px rgba(255, 255, 255, 0.4);}#pagefixed a {color:#000 !important;}.swchItemA {border-bottom:3px solid #000;margin-right:-3px;padding-rigth:3px;}.swchItem {border-bottom:1px solid #00;margin-right:-3px;padding-rigth:3px;}#pagefixed span {color:#000 !important;margin:3px;}
</style>
добавим ешё в css
Код
.swchItemDots{border-bottom:1px solid #fff;margin-left:-3px !important;margin-right:-3px !important;}
а для тёмных дизов
Код
.swchItemDots{border-bottom:1px solid #000;margin-left:-3px !important;margin-right:-3px !important;}
Всего комментариев: 0 | |
Информация: Посетители, находящиеся в группе Гости, не могут оставлять комментарии. |