Каталог файлов |
Рейтинг:5.0
Категория: Авторство
Решил сделать и выложить оригинальную кнопку "Регистрация". В этой кнопке применён эффект на css. Данная кнопка легка в установке и смотрится красиво
Установка
Вставляем данный код в любое место где хотим видеть кнопку(желательно в правой части сайта) и конечно же не забываем скачать материал и вставляем от туда картинку в папку "images":
Code
<?if(!$USER_LOGGED_IN$)?><script type="text/javascript">
$(function($) {
$("#onlinehelp img").hover(
function () {
$(this).animate({right: '0'}, {queue:false, duration: 350});
//$(this).css('right', '0');
},
function () {
$(this).animate({right: '-160px'}, {queue:false, duration: 350});
// $(this).css('right', '-160px');
}
);
});
</script>
<a id="onlinehelp" href="$REGISTER_LINK$"
onclick="webChatOpen();return false;">
<img alt="Регистрация" src="/images/programm-newucozru.png" />
</a>
<style type="text/css">
/* Vkontakte by iWTH (u51st.net) */
#onlinehelp img {
position: fixed;
top:40px;
right: -160px;
z-index: 99999;
cursor: pointer;
display: block;
}
/* END Vkontakte by iWTH */
</style>
<?endif?>
$(function($) {
$("#onlinehelp img").hover(
function () {
$(this).animate({right: '0'}, {queue:false, duration: 350});
//$(this).css('right', '0');
},
function () {
$(this).animate({right: '-160px'}, {queue:false, duration: 350});
// $(this).css('right', '-160px');
}
);
});
</script>
<a id="onlinehelp" href="$REGISTER_LINK$"
onclick="webChatOpen();return false;">
<img alt="Регистрация" src="/images/programm-newucozru.png" />
</a>
<style type="text/css">
/* Vkontakte by iWTH (u51st.net) */
#onlinehelp img {
position: fixed;
top:40px;
right: -160px;
z-index: 99999;
cursor: pointer;
display: block;
}
/* END Vkontakte by iWTH */
</style>
<?endif?>
В принципе и всё
Советую взглянуть:
Каталог файлов - Вид материалов "Музыка" Персональная страница пользователя для uCoz Персональная страница для Ucoz Удобный плавающий чат для форума v1.0
Всего комментариев: 0 | |