No puedo mover el modalbox
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 lueg...

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:
<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:
.modalBox {
    
positionfixed;
    
width440px;
    
displaynone;
    
z-index9015;
    
background#ffffff;
    
border1px solid #000000;
    
-webkit-box-shadow0px 7px 10px 0px rgba(0,0,0,0.81);
    -
moz-box-shadow0px 7px 10px 0px rgba(0,0,0,0.81);
    
box-shadow0px 7px 10px 0px rgba(0,0,0,0.81);
}
    .
modalBox .thead {
        
font-weightbold;
    }
    .
modalBox .modalContent {
        
padding5px 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]
[Imagen: https://31.media.tumblr.com/b9f3b87cfcc8...r1_500.gif]
Prueba con este CSS:

Código PHP:
.modalBox {
    
positionrelative;
    
width440px;
    
displaynone;
    
z-index9015;
    
background#ffffff;
    
border1px solid #000000;
    
-webkit-box-shadow0px 7px 10px 0px rgba(0,0,0,0.81);
    -
moz-box-shadow0px 7px 10px 0px rgba(0,0,0,0.81);
    
box-shadow0px 7px 10px 0px rgba(0,0,0,0.81);
}
    .
modalBox .thead {
        
font-weightbold;
    }
    .
modalBox .modalContent {
        
padding5px 10px;
    } 
intenta borrando tu cache al cambiar de css Wink!
Supongo que has declarado el script en tu plantilla headerinclude
entonces busca este codigo

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

solo edita los valores como por ejemplo asi

Código PHP:
$(target).css('top',  (winH 2) - ($(target).height() / 2));
        $(
target).css('left', (winW ) - ($(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.
(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?