Deprecated: str_replace(): Passing null to parameter #3 ($subject) of type array|string is deprecated in /var/www/mybb-es.com/html/inc/class_language.php on line 201
No puedo mover el modalbox
Finer   10 Feb, 2013, 3:08 pm
#1
Bueno tengo un problema con el modalbox es decir estoy tratando de moverlo para que no salga en el centro del foro lo quiero mover a otro lado y luego editarlo pero no logro moverlo de ninguna forma.. la position esta fixed por default que viene asi pero yo lo pongo en relative o absolute y le mando css de top, left, right y este no se muevee... alguna idea??

welcome guest
Código PHP:
<?php 
<div id="iniciar1"></div>
<
a href="{$mybb->settings['bburl']}/member.php?action=login" name="modal" rel="#loginModal"><span class="boton1">{$lang->welcome_login}</a></span> or <a href="{$mybb->settings['bburl']}/member.php?action=register"><span class="boton1">{$lang->welcome_register}</a></span>
<
div id="loginModal" class="modalBox loginModalBox">
<
div class="thead">
Login at {$mybb->settings['bbname']}
</
div>
<
div class="modalContent loginModalContent">
<
form method="post" action="member.php">
<
table border="0" width="100%">
<
tr>
<
td>
<
label for="login_username">Username:</label>
</
td>
<
td>
<
input type="text" value="" style="width: 200px;" maxlength="30" size="25" name="username" class="textbox" id="login_username" />
</
td>
</
tr>
<
tr>
<
td>
<
label for="login_password">Password:</label>
</
td>
<
td>
<
input type="password" value="" style="width: 200px;" size="25" name="password" class="textbox" id="login_password" />
</
td>
</
tr>
<
tr>
<
td>
<
label class="smalltext" title="If ticked, your login details will be remembered on this computer, otherwise, you will be logged out as soon as you close your browser."><input type="checkbox" value="yes" checked="checked" name="remember" class="checkbox"> Remember?</label>
</
td>
<
td>
<
input type="submit" value="Login" name="submit" class="button" />
</
td>
</
tr>
</
table>
<
input type="hidden" value="do_login" name="action" />
<
input type="hidden" value="" name="url" />
</
form>
</
div>
</
div>

Estos son los css que vienen por default sin tocar nada.
Código PHP:
<?php 
.modalBox {
position: fixed;
width: 440px;
display: none;
z-index: 9015;
background: #ffffff;
border: 1px solid #000000;
-webkit-box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.81);
-
moz-box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.81);
box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.81);
}
.
modalBox .thead {
font-weight: bold;
}
.
modalBox .modalContent {
padding: 5px 10px;
}

Lo que trato de hacer es que no me salga en el centro y moverlo para otro lado.. asi es como se ve en el centro yo trato de moverlo para otro lado..
[Imagen: CNAwTeH.jpg]
Iñaki   10 Feb, 2013, 3:17 pm
#2
Prueba con este CSS:

Código PHP:
<?php 
.modalBox {
position: relative;
width: 440px;
display: none;
z-index: 9015;
background: #ffffff;
border: 1px solid #000000;
-webkit-box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.81);
-
moz-box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.81);
box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.81);
}
.
modalBox .thead {
font-weight: bold;
}
.
modalBox .modalContent {
padding: 5px 10px;
}
Finer   10 Feb, 2013, 3:22 pm
#3
No se si abras leido iñaki ya probe con todos los tipos se position..
Lo unico que hace es moverse a otro lado random pero luego le meto css top,right y este no se mueve.
KeeZ   10 Feb, 2013, 3:24 pm
#4
intenta borrando tu cache al cambiar de css Wink!
handshake   10 Feb, 2013, 3:34 pm
#5
Supongo que has declarado el script en tu plantilla headerinclude
entonces busca este codigo

Código PHP:
<?php 
$(target).css('top', (winH / 2) - ($(target).height() / 2));
$(
target).css('left', (winW / 2 ) - ($(target).width() / 2));

solo edita los valores como por ejemplo asi

Código PHP:
<?php 
$(target).css('top', (winH / 2) - ($(target).height() / 2));
$(
target).css('left', (winW / 1 ) - ($(target).width() / 2));

al cambia el 2 de la segunda fila por el 1 eso ara que la cajita se mueva al lado derecho xD solo es cuestion de que jueges con los valores
Última modificación: 10 Feb, 2013, 3:35 pm por generationcs.
Finer   10 Feb, 2013, 3:37 pm
#6
Muchas gracias hand, no sabia que se tenia que editar desde el js.

Pueden cerrar.
Iñaki   10 Feb, 2013, 3:39 pm
#7
(10 Feb, 2013, 3:22 pm)Finer escribió: No se si abras leido iñaki ya probe con todos los tipos se position..
Lo unico que hace es moverse a otro lado random pero luego le meto css top,right y este no se mueve.

Perdona, directamente fui al código...

Podría ser otro CSS que afectara al del modalbox, ¿Donde tienes puesto el código que nombra al modalbox?
  
Powered By MyBB, © 2002-2024 MyBB Group.
Made with by Curves UI.