Necesito más información de como quieres el menú de los dos botones.
Para hacer el cuadro de logeo sesión sustituye en la plantilla
miembro/member_login:
<html>
<head>
<title>{$mybb->settings['bbname']} - {$lang->login}</title>
{$headerinclude}
</head>
<body>
{$header}
<br />
{$inline_errors}
{$member_loggedin_notice}
<form action="member.php" method="post">
<div class="memberlogin_title">Iniciar sesión<img src="images/icon_title.png" style="float: left; padding: 0 7px 0 0; margin: -32px 0 0 0;"></div>
<div class="content_login">
<table cellspace="0" cellpadding="0" border="0">
<tr>
<td width="250" align="right"><input type="text" class="loginbox" name="username" size="32" maxlength="{$mybb->settings['maxnamelength']}" style="width: 200px;" value="{$username}" title="Escribe un nombre de usuario único." /></td><td align="left" width="260"><span class="logintext">Nombre de usuario</span></td>
</tr>
<tr>
<td width="250" align="right">
<input type="password" class="loginbox" name="password" size="25" style="width: 200px;" value="{$password}" title="Escribe una contraseña para tu cuenta. Se toman en cuenta minúsculas y mayúsculas." /></span>
</td>
<td align="left" width="260"><span class="logintext">Contraseña</span><br />
<span class="smalltext" style="padding: 0 0 0 13px;"><a href="member.php?action=lostpw">{$lang->lostpw_note}</a></td>
</tr>
<tr>
<td width="100" align="right"><label title="{$lang->remember_me_desc}"><input type="checkbox" class="checkbox" name="remember" checked="checked" value="yes" /> <span style="color: #666666; font: normal 13px calibri; font-weight: bold;">Recordar mis datos</span></label></td><td align="left"><input type="submit" class="buttonlogin" name="submit" value="{$lang->login}" /></td>
</tr>
<tr><td class="foot_login" colspan="2"> </td></tr>
</table>
</div>
<input type="hidden" name="action" value="do_login" />
<input type="hidden" name="url" value="{$redirect_url}" />
</form>
{$footer}
</body>
</html>
Agrega en el CSS:
.memberlogin_title {
background: url(images/title_bg.png) bottom left repeat-x;
color: #a4a4a4;
font: bold 16px calibri;
text-transform: uppercase;
padding: 0 0 0 10px;
line-height: 50px;
height: 50px;
width: 500px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
border-top-left-radius: 5px;
}
.content_login {
background: #f8f8f8 url(images/content_bg.png) top left repeat-x;
width: 510px;
}
.loginbox {
background: url(images/login_box.png) repeat-x;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
.logintext {
color: #666666;
font: normal 13px calibri;
font-weight: bold;
padding: 0 0 0 13px;
}
.buttonlogin {
background: #000000 url(images/buttonlogin.png) top left repeat-x;
color: #ffffff;
font: bold 13px calibri;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 3px 5px;
}
.foot_login {
background: url(images/foot_login.png) top left repeat-x;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
}
Por ultimo sube el contenido en la carpeta
images.
Upload!
Vista previa:
[Imagen: dibujotls.png]