Staff en línea

[html] Agrega un login panel en popup
Tema iniciado por y Añadir a favoritos

[html] Agrega un login panel en popup  
el Miér Feb 04, 2015 9:51 am
staff


Última edición por Chalo el Miér Jun 03, 2015 8:37 am, editado 2 veces
[codebox]Agregar un login en el panel en popup.[/codebox]

 - CSS

[hidecode]
Código:
#soloinvitadostopde32 {position: fixed;top: 1px;z-index: 99999999!important;  margin-left: -150px;}#soloinvitadostopde32 a {cursor: pointer;display: inline-block;height: 16px;line-height: 26px;margin: 0 6px;  font-size: 20pt;font-family: 'Monotype Corsiva';font-weight: bold;  color: #fff;}#soloinvitadostopde32 a#fa_notifications1 {  background-repeat: no-repeat;background-image: url('http://cdn1.iconfinder.com/data/icons/crystalproject/32x32/filesystems/Globe.png');background-size: 30px;width: 30px;  height: 27px;}#str {display: block;overflow: hidden;padding: 20px 10px;}#str label {display: block;}#str input {background-color: #424242;border: 1px solid #000;color: #5C5E61;font-family: Arial, sans-serif;font-size: 14px;margin-bottom: 5px;width: 250px;}input[type="password"], input[type="text"], textarea {-webkit-border-radius: 3px;background-color: #fff;border: 1px solid #CCC;border-radius: 3px;box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);color: #515151;cursor: text;display: inline-block;line-height: 18px;padding: 4px;}#login_remember_p {font-family: helvetica;font-size: 11px;font-style: normal;font-variant: normal;font-weight: normal;}#str .login_remember_p {display: inline-block;position: relative;width: auto!important;}#buttonlogin input.mainoption {background: -moz-linear-gradient(top,#97C92F,#71A00E);border: 4px solid #000;box-shadow: none;color: #000;display: block;margin-top: 10px;padding: 10px 0;width: 100%;} #fa_search {position: fixed;z-index: 99999!important;top: 1px;margin-left: 150px!important;}#fa_icon {  display: none !important;}#fa_service {display: none !important;}#soloinvitadostopde {position: fixed;right: 20px;top: 1px;z-index: 99999999!important;}#soloinvitadostopde a {background: #EAEAEA;border-top-left-radius: 3px;border-top-right-radius: 3px;color: #000!important;cursor: pointer;display: inline-block;height: 16px;line-height: 16px;margin: 0 3px;padding: 7px 10px;}#soloinvitadostopde a#fa_notifications {background: #badcf3;}.sutlogin {background: rgb(223, 223, 223);border: 1px solid #242424;border-radius: 0 0 3px 3px;color: #606364;font-family: arial;font-size: 13px;font-style: normal;font-variant: normal;font-weight: bold;margin-top: 7px;padding: 0;position: absolute;right: 110px;top: 30px;width: 291px;z-index: 999;}body #fa_toolbar #live_notif .fa_notification {background: -moz-linear-gradient(top,rgba(0, 163, 255, 0.74) ,rgba(0, 153, 255, 0.77))!important;}body #fa_toolbar #live_notif {position: fixed!important;bottom: 10px!important;left: 10px!important;}body #fa_toolbar #live_notif .fa_notification {background: -webkit-linear-gradient(top, rgba(0, 163, 255, 0.74), rgba(0, 153, 255, 0.77))!important;box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.31);opacity: 1!important;border: 1px solid #017FBB;}body #fa_toolbar #fa_menu:hover :visited{background: transparent!important;}html body #fa_right a#fa_notifications.rightHeaderLink {background: rgb(186, 220, 243);border-top-left-radius: 3px;border-top-right-radius: 3px;color: #000!important;display: inline-block!important;height: 16px;line-height: 16px;padding: 7px 5px;}body #fa_toolbar_hidden {display: none!important;}body #fa_hide {display: none!important;}body #fa_menu,body #fa_notifications {border-left: 1px solid #333;}body #fa_toolbar {position: fixed;border-top: 1px solid #333;box-shadow: 0 1px #000, 0 2px 1px rgba(0, 0, 0, .4);background-color: #222;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 13px;font-style: normal;padding: 0px;border-bottom: 7px solid #EAEAEA;background: #35353e;}body #fa_magnifier {display: none!important;}body #fa_search #fa_textarea {color: #ddd;outline: none;background-image: url("http://i.imgur.com/nVk5EZS.png");background-repeat: no-repeat;background-position: 4px center;width: 150px;line-height: 0px;text-indent: 0px !important;padding-left: 24px!important;background-color: rgb(17, 17, 17);border-left: 4px solid rgb(84, 90, 99);margin: 0px;height: 32px;border-right: 1px solid #333;-webkit-transition: 0.5s;-moz-transition-duration: 0.5s;-htm-transition-duration: 0.5s;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 12px;border-radius: 0px;top: -2px;position: relative;}body #fa_search #fa_textarea:focus {width: 220px;background-image: url("http://i.imgur.com/1jpriTU.png");background-color: white;color: rgb(40, 44, 49);}body #fa_toolbar #fa_right a.rightHeaderLink ,body #fa_share {display: none!important;}#fa_toolbar #fa_menulist {padding: 0px;background: #EAEAEA;border-radius: 0 0 3px 3px;min-width: 340px;margin-top: 7px;}#fa_toolbar #fa_menulist li {display: block;background-color: transparent;border: none;height: 42px;line-height: 42px;padding-left: 20px;margin-left: 150px;}#fa_toolbar #fa_menulist li:hover {padding-left: 14px;border-left: 6px solid #3995cd;color: #fff;background: #3a3a3a;}#fa_toolbar #fa_right .fa_separator {display: none!important;}#fa_toolbar #fa_menulist :link, #fa_toolbar #fa_menulist :visited {color: #999!important;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 12px;font-style: normal;display: block!important;}#fa_toolbar #fa_menulist :hover:link, #fa_toolbar #fa_menulist :hover:visited {background: none!important;color: white!important;}#fa_toolbar #fa_right.notification #notif_list {right: 0px!important;}body #fa_right.welcome #fa_menu #fa_welcome {background: -ms-linear-gradient(top,#77AC0B,#71a00e);background: -o-linear-gradient(top,#77AC0B,#71a00e);background: linear-gradient(top,#77AC0B,#71a00e);background: -webkit-linear-gradient(top, rgb(119, 172, 11) 0%,#71a00e 100%);background: -moz-linear-gradient(top,#77AC0B,#71a00e);}body #fa_toolbar #fa_welcome {background: #EAEAEA;border-top-left-radius: 3px;border-top-right-radius: 3px;color: #000!important;}body #fa_toolbar > #fa_right.notification > #fa_notifications {background: -webkit-linear-gradient(top, rgb(221, 110, 0%,#ff811f 100%);background: -moz-linear-gradient(top,#DD6E08 ,#ff811f);background: -ms-linear-gradient(top,#DD6E08 ,#ff811f);background: -o-linear-gradient(top,#DD6E08 ,#ff811f);background: linear-gradient(top,#DD6E08 ,#ff811f);}body #fa_toolbar #fa_right #notif_list li {border-top: 1px solid #faf9f9!important;border-bottom: 1px solid #cbcbcb!important;position: relative;background-image: -webkit-linear-gradient(top,#f1f0f1,#e4e4e4);background-image: -moz-linear-gradient(#f1f0f1,#e4e4e4);background-image: -ms-linear-gradient(top,#f1f0f1,#e4e4e4);background-image: -o-linear-gradient(top,#f1f0f1,#e4e4e4);background-image: linear-gradient(top,#f1f0f1,#e4e4e4);}body #fa_toolbar #fa_right #notif_list li.see_all {background: black;border: 1px solid black!important;text-align: center;}body #fa_toolbar #fa_right #notif_list li hr {border: none;}body #fa_toolbar #fa_right #notif_list li .contentText a {color: #1E79A4!important;text-decoration: none!important;}body #fa_toolbar #fa_right #notif_list li .contentText a:hover {color: #d85724!important;}#fa_right {float: right;font-size: 14px;margin-right: 20px;}
[/hidecode]



 - HTML a Editar
en  overall_header busca:

[hidecode]
Código:
<div id="page-body">
[/hidecode]


Después de ese código añade este:

[hidecode]
Código:
 
 <span id="soloinvitadostopde32">
     
                                          </span>
                                          <!-- BEGIN switch_user_logged_out -->
                                          <span id="soloinvitadostopde">
                  <a id="fa_welcome" onclick="showhide(document.getElementById('boxloginhf')); return false;">Sing In</a>
                <a href="/register" id="fa_notifications" class="rightHeaderLink">Register</a>
                                         
                                          <div id="boxloginhf" style="top: 23px; left: 1118px; display: none;">
                                              <div class="sutlogin">
                                           
                          <form action="/login?redirect=/" method="post" name="form_login" id="signin">
                  <span id="str"> <label>Username:</label><input class="username" type="text" size="10" name="username"><label>Password:</label>
                    <input class="password" type="password" size="10" name="password"><p id="login_remember_p">
                      <input title="auto conectarse" class="login_remember_p" type="checkbox" name="autologin" checked="checked">Remember me on this computer</p>
                      <p id="buttonlogin"><input class="mainoption" type="submit" name="login" value="Submit"></p></span></form>
                      <script type="text/javascript">//<![CDATA[
$(function(){$('#signin').attr('action','/login?redirect='+this.location.pathname);});//]]></script>
                 
                  </div></div></span>
                                          <!-- END switch_user_logged_out -->

[/hidecode]



 - DEMO: 
Chalo
avatar

¿Que estoy pensando? :

Soy leyenda 3.0 [table class=fecha_up][td]Se modifico:20/11/18 - 12:05 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6863


Puntos :

8959


Me gusta :

1031


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

Re: [html] Agrega un login panel en popup  
el Miér Feb 04, 2015 12:20 pm
staff


Última edición por Pauu~ el Miér Jun 03, 2015 8:35 am, editado 5 veces
A ver...
RinC
avatar

¿Que estoy pensando? :

Ni se te ocurra -_- [table class=fecha_up][td]Se modifico:29/03/18 - 17:44 hrs. [/td][/table]


Banner en temas :

♥♥Open♥♥


Color de titulos :

#DF7401


Sombra titulo :

1px 1px 1px #fff


Mensajes :

789


Puntos :

1147


Me gusta :

198


ingreso :

28/01/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [html] Agrega un login panel en popup  
el Miér Mar 11, 2015 2:39 pm
staff
ver
Chalo
avatar

¿Que estoy pensando? :

Soy leyenda 3.0 [table class=fecha_up][td]Se modifico:20/11/18 - 12:05 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6863


Puntos :

8959


Me gusta :

1031


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

Re: [html] Agrega un login panel en popup  
el Vie Mar 13, 2015 6:43 pm
Veo...
jazminmorales
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://fbcoversking.com/wp-content/uploads/2012/01/waves-of-colour-facebook-cover.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

9


Puntos :

12


Me gusta :

3


ingreso :

13/03/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [html] Agrega un login panel en popup  
el Vie Mar 27, 2015 10:47 pm
gracias
Thor
avatar

¿Que estoy pensando? :

El foro avanza... [table class=fecha_up][td]Se modifico:24/01/16 - 17:48 hrs.[/td][/table]


Banner en temas :

http://orig13.deviantart.net/2106/f/2012/344/c/4/facebook_cover_photo___quote_wall_by_eastbankbabs123-d5nnexo.png


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

335


Puntos :

419


Me gusta :

78


ingreso :

05/10/2014


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario http://www.adictosalgear.org

Volver arriba Ir abajo

Re: [html] Agrega un login panel en popup  
el Miér Jun 03, 2015 8:35 am
staff
ver
Chalo
avatar

¿Que estoy pensando? :

Soy leyenda 3.0 [table class=fecha_up][td]Se modifico:20/11/18 - 12:05 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6863


Puntos :

8959


Me gusta :

1031


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

Re: [html] Agrega un login panel en popup  
el Jue Jun 25, 2015 2:32 pm
Interesante voy a ver que tal
july
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://4.bp.blogspot.com/-IsO0oLsCIOM/UbK9UmlI26I/AAAAAAAAAwk/5KdfinCXZT8/s1600/VioGirlTiFbCoverPic.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

12


Puntos :

14


Me gusta :

2


ingreso :

25/06/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [html] Agrega un login panel en popup  
el Miér Dic 30, 2015 12:48 am
Post para ver ps
icolor
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://myfbcovers.com/uploads/covers/2012/01/30/a5a2d8402dbc012f4e6600259003b428/watermarked_cover.png


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #000


Mensajes :

68


Puntos :

112


Me gusta :

20


ingreso :

29/12/2015


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [html] Agrega un login panel en popup  
el Jue Ene 21, 2016 9:25 pm
Me gusta, gracias a colocar
Andreii
avatar

¿Que estoy pensando? :

Regresando a Open ^^ [table class=fecha_up][td]Se modifico:14/08/18 - 10:52 hrs. [/td][/table]


Banner en temas :

http://static.tumblr.com/376a46baffe3444282f3b414a2fd0d46/jsyqb9t/qxbnm1bqy/tumblr_static_tumblr_static_4eo5pzujbwcg8gws0gcc8oc0s_focused_v3.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

144


Puntos :

169


Me gusta :

21


ingreso :

21/01/2016


Sexo :

Femenino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario

Volver arriba Ir abajo

 En la misma categoria


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