15.11.14, 17:04
0 комментарий
  DLE Хаки

Скользящая Форма входа dle 10.x

Скользящая Форма входа dle 10.x


В main.tpl
1. Перед:

</ 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>  


2. После:

<body> 


Вставить:

<div class="slide-out-div">
     <a class="handle" href="http://stay.az">stay.az</a>
    {login}
</div>


3. Изменить enterlog.png на свой собственный.

Затем можете изменить дизайн, как вы хотите :)

Автор: Cavid Kerimov

СКАЧАТЬ

Вес файла
9.43 Kb

Напишите своё мнение