Staff en línea

Página 1 de 3. 1, 2, 3  Siguiente

[Resuelto] Problema con Popup de Conexion
Tema iniciado por y Añadir a favoritos

[Resuelto] Problema con Popup de Conexion 
el Sáb Jun 06, 2015 12:51 am
URL:: http://electromusic.latinforo.com/
Versión de mi foro:: Punbb
Navegador:: Chrome
Descripcion del problema: ----------------
Capturas de pantalla del problema: ----------------

Hace poco encontre un popup para /registre y enseguida encontre el de /login pero el segundo fue el que me dio problema..

Pongo este Codigo en el Templante Overall-Header

Código:
<!-- #region sign_in_popup -->
    <div id="document_modal" class="modal" style="display:none; width: 1263px; height: 2120px; position: fixed; top: 0px; left: 0px; z-index: 10000; opacity: 0.4; background-color: #3E3E3E;"></div>
    <div id="sign_in_popup_popup" style="display:none; z-index: 10001; top: 131.5px; left: 327.5px; position: fixed;" class="popupWrapper">
        <div id="sign_in_popup_inner" class="popupInner" style="width: 600px; max-height: 866px;">
            <div style="" class="ipbfs_login" id="inline_login_form">
                <form id="login" method="post" action="/login.forum">
                <h3>Sign In</h3>
                <br>
                    <div class="ipsForm ipsForm_horizontal">
              <fieldset>
                  <ul>
                    <li class="ipsField">
                        <div class="ipsField_content">
                                                                  Need an account? <a href="/register" title="Register now!">Register now!</a>
                        </div>
                    </li>
                    <li class="ipsField ipsField_primary">
                        <label for="ips_username" class="ipsField_title">Username or email:</label>
                        <div class="ipsField_content">
                          <input id="ips_username" class="input_text" name="username" size="30" tabindex="0" type="text">
                        </div>
                    </li>
                    <li class="ipsField ipsField_primary">
                        <label for="ips_password" class="ipsField_title">Password</label>
                        <div class="ipsField_content">
                          <input id="ips_password" class="input_text" name="password" size="30" tabindex="0" type="password"><br>
                          <a href="/profile?mode=sendpassword" title="Retrieve password">I've forgotten my password</a>
                        </div>
                    </li>
                    <li class="ipsField ipsField_checkbox">
                        <input id="inline_remember" checked="checked" name="rememberMe" value="1" class="input_check" tabindex="0" type="checkbox">
                        <div class="ipsField_content">
                          <label for="inline_remember">
                              <strong>Remember me</strong><br>
                              <span class="desc lighter">This is not recommended for shared computers</span>
                          </label>
                        </div>
                    </li>
                   
                        <li class="ipsField ipsField_checkbox">
                          <input id="inline_invisible" name="anonymous" value="1" class="input_check" tabindex="0" type="checkbox">
                          <div class="ipsField_content">
                              <label for="inline_invisible">
                                <strong>Sign in anonymously</strong><br>
                                <span class="desc lighter">Don't add me to the active users list</span>
                              </label>
                          </div>
                        </li>
                   
                   
                    <li class="ipsPad_top ipsForm_center desc ipsType_smaller">
                        <a rel="nofollow" href="http://community.invisionpower.com/privacypolicy/">Privacy Policy</a>
                    </li>
                   
                  </ul>
              </fieldset>
             
              <div class="ipsForm_submit ipsForm_center">
                  <input class="ipsButton" name="login" value="Sign In" tabindex="0" type="submit">
                                                <input name="redirect" type="hidden" value="" /> 
              </div>
            </div>
                </form>
            </div>
        </div>
      <div id="sign_in_popup_close" class="popupClose clickable">
          <img alt="x" src="http://i.imgur.com/bwMY5HT.png" onclick="show_popup('sign_in_popup_popup');">
      </div>
    </div>
    <script type="text/javascript">
      //<![CDATA[
      $(document).ready(function() {
          $('#user_navigation #sign_in').attr('href', '#').attr('onclick', "show_popup('sign_in_popup_popup');");
          /*
          $('#user_navigation #sign_in').click(function() {
            sign_in_popup();
          });
          */
      });
      function show_popup(id) {
          var $oObj = $('#'+id);
          if ($oObj.css('display') == 'none') {
            $oObj.add('#document_modal').fadeIn('slow');
            $("input:text:eq(0):visible").focus();
          } else {
            $oObj.add('#document_modal').fadeOut('slow');
          }
      }
      //]]>
    </script>
    <style type="text/css">
      <!--
.popupWrapper{ background-color:rgba(70,70,70,0.6); padding:4px; box-shadow:0px 12px 25px rgba(0,0,0,0.7); border-radius:4px}.popupInner{ background:none repeat scroll 0% 0% #FFF; width:500px; overflow-y:auto; box-shadow:0px 0px 3px rgba(0,0,0,0.4); overflow-x:hidden}     
.popupInner h3{background:url('http://i.imgur.com/8knicpZ.png') repeat-x scroll center top #2C5687; color:#FFF; border-width:1px 1px 0px; border-style:solid; border-color:#316897; padding:8px 10px 9px; font-size:16px; font-weight:300; text-shadow:0px 1px 2px rgba(0,0,0,0.3); box-shadow:0px 1px 0px #528CBC inset; line-height:22px;height:22px}
      /*alinear nueva ACC*/     
.ipsForm_horizontal .ipsField{ margin-bottom:15px}.ipsForm_horizontal .ipsField_content,.ipsForm_horizontal .ipsField_submit{ margin-left:200px}
      /*login*/
.ipsForm_horizontal .ipsField_title{ float:left; width:185px; padding-right:15px; text-align:right; line-height:1.8}.ipsField .ipsField_title{ font-weight:bold; font-size:15px}.ipsField_primary input{ font-size:18px}
.input_text,.ipsTagBox_wrapper{ padding:4px; border-width:1px; border-style:solid; border-color:#848484 #C1C1C1 #E1E1E1; background:none repeat scroll 0% 0% #FFF; border-radius:2px}input,select{ font:13px helvetica,arial,sans-serif}
      /*checkbox*/
.ipsForm .ipsField_checkbox .ipsField_content{ margin-left:25px} .ipsForm_horizontal .ipsField_checkbox{ margin:0px 0px 5px 200px}.ipsForm .ipsField_checkbox input{ float:left; margin-top:3px}img,.input_check,.input_radio{ vertical-align:middle}
      /*p.p*/
.ipsForm_center{ text-align:center}.desc,.desc.blend_links a,p.posted_info{ font-size:12px; color:#777}.ipsPad_top{ padding-top:9px}.ipsType_smaller,.ipsType_smaller a{ font-size:11px !important}
      /*login*/
.ipsForm_center{ text-align:center !important} .ipsForm_submit{ background:#E4E4E4; padding:5px 10px; text-align:right; border-top:1px solid #CCC; margin-top:25px}
.topic_buttons li.important a,.topic_buttons li.important span,.ipsButton .important,.topic_buttons li a,.topic_buttons li span,.ipsButton{background:url('http://i.imgur.com/4rqsttm.png') repeat-x scroll center top #212121;border-radius:3px;box-shadow:0px 1px 0px 0px #5C5C5C inset,0px 2px 3px rgba(0,0,0,0.2);color:#FFF;text-shadow:0px -1px 0px #191919;font:300 12px/30px Helvetica,Arial,sans-serif; height:30px; padding:0px 10px; text-align:center; min-width:125px; display:inline-block; cursor:pointer; line-height:10px; border:1px solid #212121}   
.popupClose{ position:absolute; right:16px; top:18px}.clickable{ cursor:pointer}
      -->
    </style>
<!-- #endregion sign_in_popup -->

y en el Boton que sale en el header es este..

Código:
<li class="signin"><a href="/login">Ingresar</a></li>

Pero no se cual seria el problema el primer codigo o el Segundo, sin embargo uso este Codigo que creeo @Chalo en Open pero tambien me da problemas antes que nada gracias...
CD"MA
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://www.covermyfb.com/media/covers/thumb/15699-dj-spinning-music.jpg


Color de titulos :

red


Sombra titulo :

1px 1px 1px #ccc


Mensajes :

336


Puntos :

472


Me gusta :

44


ingreso :

16/05/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [Resuelto] Problema con Popup de Conexion 
el Sáb Jun 06, 2015 12:56 am
staff
mañana con calma veo este problema ok?
Chalo
avatar

¿Que estoy pensando? :

love is in the air [table class=fecha_up][td]Se modifico:15/02/18 - 11:37 hrs. [/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6588


Puntos :

8634


Me gusta :

991


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


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

Volver arriba Ir abajo

Re: [Resuelto] Problema con Popup de Conexion 
el Sáb Jun 06, 2015 1:02 am
Tranquilo ;)
CD"MA
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://www.covermyfb.com/media/covers/thumb/15699-dj-spinning-music.jpg


Color de titulos :

red


Sombra titulo :

1px 1px 1px #ccc


Mensajes :

336


Puntos :

472


Me gusta :

44


ingreso :

16/05/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [Resuelto] Problema con Popup de Conexion 
el Sáb Jun 06, 2015 12:51 pm
CD"MA
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://www.covermyfb.com/media/covers/thumb/15699-dj-spinning-music.jpg


Color de titulos :

red


Sombra titulo :

1px 1px 1px #ccc


Mensajes :

336


Puntos :

472


Me gusta :

44


ingreso :

16/05/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [Resuelto] Problema con Popup de Conexion 
el Sáb Jun 06, 2015 12:58 pm
staff
en cuanto tenga oportunidad me pongo con lo tuyo, no desesperes siempre resuelvo todo
Chalo
avatar

¿Que estoy pensando? :

love is in the air [table class=fecha_up][td]Se modifico:15/02/18 - 11:37 hrs. [/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6588


Puntos :

8634


Me gusta :

991


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


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

Volver arriba Ir abajo

Re: [Resuelto] Problema con Popup de Conexion 
el Sáb Jun 06, 2015 1:10 pm
Oks :c
CD"MA
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://www.covermyfb.com/media/covers/thumb/15699-dj-spinning-music.jpg


Color de titulos :

red


Sombra titulo :

1px 1px 1px #ccc


Mensajes :

336


Puntos :

472


Me gusta :

44


ingreso :

16/05/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [Resuelto] Problema con Popup de Conexion 
el Sáb Jun 06, 2015 2:42 pm
staff
@"CD"MA", bien ya me desocupe, me puedes mostrar con capturas que es lo que sucede con lo que pusiste?
Chalo
avatar

¿Que estoy pensando? :

love is in the air [table class=fecha_up][td]Se modifico:15/02/18 - 11:37 hrs. [/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6588


Puntos :

8634


Me gusta :

991


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


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

Volver arriba Ir abajo

Re: [Resuelto] Problema con Popup de Conexion 
el Sáb Jun 06, 2015 3:09 pm
@Chalo Gracias, bueno lo que pasa que uso ese codigo que puse en el tema para que mi foro tuviera un popup Al pinchar "Ingresar" este:

http://i.imgur.com/8c8bay3.png

Pongo este codigo en el Overall-Header al final despues del codigo de popup de Registrar que tengo..

Código:
<!-- #region sign_in_popup -->
    <div id="document_modal" class="modal" style="display:none; width: 1263px; height: 2120px; position: fixed; top: 0px; left: 0px; z-index: 10000; opacity: 0.4; background-color: #3E3E3E;"></div>
    <div id="sign_in_popup_popup" style="display:none; z-index: 10001; top: 131.5px; left: 327.5px; position: fixed;" class="popupWrapper">
        <div id="sign_in_popup_inner" class="popupInner" style="width: 600px; max-height: 866px;">
            <div style="" class="ipbfs_login" id="inline_login_form">
                <form id="login" method="post" action="/login.forum">
                <h3>Sign In</h3>
                <br>
                    <div class="ipsForm ipsForm_horizontal">
              <fieldset>
                  <ul>
                    <li class="ipsField">
                        <div class="ipsField_content">
                                                                  Need an account? <a href="/register" title="Register now!">Register now!</a>
                        </div>
                    </li>
                    <li class="ipsField ipsField_primary">
                        <label for="ips_username" class="ipsField_title">Username or email:</label>
                        <div class="ipsField_content">
                          <input id="ips_username" class="input_text" name="username" size="30" tabindex="0" type="text">
                        </div>
                    </li>
                    <li class="ipsField ipsField_primary">
                        <label for="ips_password" class="ipsField_title">Password</label>
                        <div class="ipsField_content">
                          <input id="ips_password" class="input_text" name="password" size="30" tabindex="0" type="password"><br>
                          <a href="/profile?mode=sendpassword" title="Retrieve password">I've forgotten my password</a>
                        </div>
                    </li>
                    <li class="ipsField ipsField_checkbox">
                        <input id="inline_remember" checked="checked" name="rememberMe" value="1" class="input_check" tabindex="0" type="checkbox">
                        <div class="ipsField_content">
                          <label for="inline_remember">
                              <strong>Remember me</strong><br>
                              <span class="desc lighter">This is not recommended for shared computers</span>
                          </label>
                        </div>
                    </li>
                   
                        <li class="ipsField ipsField_checkbox">
                          <input id="inline_invisible" name="anonymous" value="1" class="input_check" tabindex="0" type="checkbox">
                          <div class="ipsField_content">
                              <label for="inline_invisible">
                                <strong>Sign in anonymously</strong><br>
                                <span class="desc lighter">Don't add me to the active users list</span>
                              </label>
                          </div>
                        </li>
                   
                   
                    <li class="ipsPad_top ipsForm_center desc ipsType_smaller">
                        <a rel="nofollow" href="http://community.invisionpower.com/privacypolicy/">Privacy Policy</a>
                    </li>
                   
                  </ul>
              </fieldset>
             
              <div class="ipsForm_submit ipsForm_center">
                  <input class="ipsButton" name="login" value="Sign In" tabindex="0" type="submit">
                                                <input name="redirect" type="hidden" value="" /> 
              </div>
            </div>
                </form>
            </div>
        </div>
      <div id="sign_in_popup_close" class="popupClose clickable">
          <img alt="x" src="http://i.imgur.com/bwMY5HT.png" onclick="show_popup('sign_in_popup_popup');">
      </div>
    </div>
    <script type="text/javascript">
      //<![CDATA[
      $(document).ready(function() {
          $('#user_navigation #sign_in').attr('href', '#').attr('onclick', "show_popup('sign_in_popup_popup');");
          /*
          $('#user_navigation #sign_in').click(function() {
            sign_in_popup();
          });
          */
      });
      function show_popup(id) {
          var $oObj = $('#'+id);
          if ($oObj.css('display') == 'none') {
            $oObj.add('#document_modal').fadeIn('slow');
            $("input:text:eq(0):visible").focus();
          } else {
            $oObj.add('#document_modal').fadeOut('slow');
          }
      }
      //]]>
    </script>
    <style type="text/css">
      <!--
.popupWrapper{ background-color:rgba(70,70,70,0.6); padding:4px; box-shadow:0px 12px 25px rgba(0,0,0,0.7); border-radius:4px}.popupInner{ background:none repeat scroll 0% 0% #FFF; width:500px; overflow-y:auto; box-shadow:0px 0px 3px rgba(0,0,0,0.4); overflow-x:hidden}     
.popupInner h3{background:url('http://i.imgur.com/8knicpZ.png') repeat-x scroll center top #2C5687; color:#FFF; border-width:1px 1px 0px; border-style:solid; border-color:#316897; padding:8px 10px 9px; font-size:16px; font-weight:300; text-shadow:0px 1px 2px rgba(0,0,0,0.3); box-shadow:0px 1px 0px #528CBC inset; line-height:22px;height:22px}
      /*alinear nueva ACC*/     
.ipsForm_horizontal .ipsField{ margin-bottom:15px}.ipsForm_horizontal .ipsField_content,.ipsForm_horizontal .ipsField_submit{ margin-left:200px}
      /*login*/
.ipsForm_horizontal .ipsField_title{ float:left; width:185px; padding-right:15px; text-align:right; line-height:1.8}.ipsField .ipsField_title{ font-weight:bold; font-size:15px}.ipsField_primary input{ font-size:18px}
.input_text,.ipsTagBox_wrapper{ padding:4px; border-width:1px; border-style:solid; border-color:#848484 #C1C1C1 #E1E1E1; background:none repeat scroll 0% 0% #FFF; border-radius:2px}input,select{ font:13px helvetica,arial,sans-serif}
      /*checkbox*/
.ipsForm .ipsField_checkbox .ipsField_content{ margin-left:25px} .ipsForm_horizontal .ipsField_checkbox{ margin:0px 0px 5px 200px}.ipsForm .ipsField_checkbox input{ float:left; margin-top:3px}img,.input_check,.input_radio{ vertical-align:middle}
      /*p.p*/
.ipsForm_center{ text-align:center}.desc,.desc.blend_links a,p.posted_info{ font-size:12px; color:#777}.ipsPad_top{ padding-top:9px}.ipsType_smaller,.ipsType_smaller a{ font-size:11px !important}
      /*login*/
.ipsForm_center{ text-align:center !important} .ipsForm_submit{ background:#E4E4E4; padding:5px 10px; text-align:right; border-top:1px solid #CCC; margin-top:25px}
.topic_buttons li.important a,.topic_buttons li.important span,.ipsButton .important,.topic_buttons li a,.topic_buttons li span,.ipsButton{background:url('http://i.imgur.com/4rqsttm.png') repeat-x scroll center top #212121;border-radius:3px;box-shadow:0px 1px 0px 0px #5C5C5C inset,0px 2px 3px rgba(0,0,0,0.2);color:#FFF;text-shadow:0px -1px 0px #191919;font:300 12px/30px Helvetica,Arial,sans-serif; height:30px; padding:0px 10px; text-align:center; min-width:125px; display:inline-block; cursor:pointer; line-height:10px; border:1px solid #212121}   
.popupClose{ position:absolute; right:16px; top:18px}.clickable{ cursor:pointer}
      -->
    </style>
<!-- #endregion sign_in_popup -->

tambien me pide que coloque este en el boton que sale en el header:

Código:
<a onclick="jQuery('#document_modal').fadeToggle();" title="Sign In" id="sign_in"> Sign In</a>&nbsp;

Pero solo hace que la pantalla se ocuresca como si fuera aparecer el popup pero no sale Estoy un poco confundido xD
CD"MA
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://www.covermyfb.com/media/covers/thumb/15699-dj-spinning-music.jpg


Color de titulos :

red


Sombra titulo :

1px 1px 1px #ccc


Mensajes :

336


Puntos :

472


Me gusta :

44


ingreso :

16/05/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [Resuelto] Problema con Popup de Conexion 
el Sáb Jun 06, 2015 3:10 pm
staff
ok dejo le doy un vistaso
Chalo
avatar

¿Que estoy pensando? :

love is in the air [table class=fecha_up][td]Se modifico:15/02/18 - 11:37 hrs. [/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6588


Puntos :

8634


Me gusta :

991


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


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

Volver arriba Ir abajo

Re: [Resuelto] Problema con Popup de Conexion 
el Sáb Jun 06, 2015 3:26 pm
Aqui lo puedes ver mejor @Chalo

Al darle Sing In "Ingresar" http://prntscr.com/7dx9ka Solo se oscurece la Pagina y no sale el popup http://prntscr.com/7dxa6r
CD"MA
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://www.covermyfb.com/media/covers/thumb/15699-dj-spinning-music.jpg


Color de titulos :

red


Sombra titulo :

1px 1px 1px #ccc


Mensajes :

336


Puntos :

472


Me gusta :

44


ingreso :

16/05/2015


Sexo :

Masculino

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.