[Código] Bloque LOG IN con imagen de fondo

Bloque de Login con imagen de fondo

A continuación un tutorial de como colocar una imagen de fondo en tu imagen de fondo.

Pero bueno esta es una opcion por si les gusta:
En: PA->Visualización->Colores->CSS Stylesheet pegamos el siguiente codigo:

--> .login_menu{ padding:3px; text-align:left; background:url(URL de la imagen) no-repeat; border: 0px dotted #000000; margin:3px; font: 12px "Courier New", Courier, monospace; } .login_menu input{ background-color:#000; color:#CC0000; border:1px solid #FFFFFF; font: 12px "Courier New", Courier, monospace; padding:2px; margin-bottom:2px; } -->

Donde debes modificar lo siguiente





Ahora vamos a Módulos -> Gestión del portal ->Estructura->Crear modulo personalizado

Y copiamos el siguiente Código:

Código: <div class="login_menu" align="center"> <form action="/login.forum" method="post"> Usuario<br> <label> <input type="text" name="username" size="20" maxlength="40" /> </label> Contraseña<br> <label> <input type="password" name="password" size="20" maxlength="32" /> </label> <label> <input type="submit" name="login" value="Conectar" /> </label><br> <tr align="left"><td colspan="2"><p>Recordar Cuenta: <input type="checkbox" name="autologin" checked="true" /> </p></td></tr></form></div>

Y listo ya tiene su cuadro log in con imagen de fondo en el portal.


Si no entiendes el tutorial escritamente lo puedes ver en YouTube (Click en la Imagen)