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
<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.
.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]
[Imagen: https://31.media.tumblr.com/b9f3b87cfcc8...r1_500.gif]
Prueba con este CSS:

.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;
    } 
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.
[Imagen: https://31.media.tumblr.com/b9f3b87cfcc8...r1_500.gif]
intenta borrando tu cache al cambiar de css Wink!
Supongo que has declarado el script en tu plantilla headerinclude
entonces busca este codigo

$(target).css('top',  (winH / 2) - ($(target).height() / 2));
        $(target).css('left', (winW / 2 ) - ($(target).width() / 2));

solo edita los valores como por ejemplo asi

$(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:22 pmFiner 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?
Colaboradores
KeeZ Iñaki handshake
This forum uses Lukasz Tkacz MyBB addons.