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>

PHP

Select All

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;
    } 

PHP

Select All

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]

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;
    } 

PHP

Select All

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.

intenta borrando tu cache al cambiar de css !

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));

PHP

Select All

solo edita los valores como por ejemplo asi

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

PHP

Select All

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

Muchas gracias hand, no sabia que se tenia que editar desde el js.

Pueden cerrar.

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?