Скользящая Форма входа dle 10.x
1. внутри
<head> </ head>
добавлять: <link rel="stylesheet" media="screen" href="{THEME}/css/login.css" type="text/css" />
<script src="{THEME}/js/jquery.tabSlideOut.v1.2.js"></script>
<script>
$(function(){ $('.slide-out-div').tabSlideOut({tabHandle: '.handle',
pathToTabImage: '{THEME}/images/enterlog.png', //путь к изображению "обязательно"
imageHeight: '30px', //высота изображения "обязательно"
imageWidth: '260px', //ширина изображения "обязательно"
tabLocation: 'top', //сторона где будет вкладка top, right, bottom, или left
speed: 300, //скорость анимации
action: 'click', //опции=: 'click' или 'hover', анимация при нажатии или наведении
topPos: '200px', //расположение от верхнего края/ использовать если tabLocation = left или right
fixedPosition: true //опции: true сделает данную вкладку неподвижной при скролле
});
});
</script>
<script src="{THEME}/js/jquery.tabSlideOut.v1.2.js"></script>
<script>
$(function(){ $('.slide-out-div').tabSlideOut({tabHandle: '.handle',
pathToTabImage: '{THEME}/images/enterlog.png', //путь к изображению "обязательно"
imageHeight: '30px', //высота изображения "обязательно"
imageWidth: '260px', //ширина изображения "обязательно"
tabLocation: 'top', //сторона где будет вкладка top, right, bottom, или left
speed: 300, //скорость анимации
action: 'click', //опции=: 'click' или 'hover', анимация при нажатии или наведении
topPos: '200px', //расположение от верхнего края/ использовать если tabLocation = left или right
fixedPosition: true //опции: true сделает данную вкладку неподвижной при скролле
});
});
</script>
2. после
<body>
написать:<div class="slide-out-div">
<a class="handle" href="http://stay.az">stay.az</a>
{login}
</div>
<a class="handle" href="http://stay.az">stay.az</a>
{login}
</div>
3. Изменить enterlog.png на свой собственный.
Затем можете изменить дизайн, как вы хотите :)
loginpanel.zip [9.43 Kb] (cкачиваний: 219)
MD5: f31b393c94ee6a9405707e7a297841ed
MD5: f31b393c94ee6a9405707e7a297841ed
Теги: 
Главная
