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
Estos son los css que vienen por default sin tocar nada.
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: https://31.media.tumblr.com/b9f3b87cfcc8...r1_500.gif]
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 {
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..