index.css
Agregar al final:
/* Nuevo menu de usuario */
div.user
{
width: 250px;
height: 50px;
float: right;
font-size: 11px;
background: #647E8F;
border: 1px solid #485A68;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 10px;
color: #FFF;
margin-top: 30px;
}
div.user p.avatar img
{
width: 50px;
height: 50px;
}
.user_pop
{
position: absolute;
border: 1px solid #485A68;
background: #FFF;
display: none;
left: 61px !important;
top: 22px !important;
width: 180px;
padding: 1px;
z-index: 9999;
}
div.user .user_pop li a
{
background: #EAEBEC url(../images/theme/windowbg2.png) repeat-x bottom left;
height: 23px;
line-height: 23px;
margin: 2px 0;
padding-left: 3px;
display: block;
}
div.user .user_pop li a
{
color: #485A68;
}
div.user .user_pop li a:hover
{
background: #BE1B1B;
color: #fff;
}
.greeting
{
float: left;
}
.greeting a
{
color: #fff !important;
}
.greeting img
{
float: right;
margin-top: 6px;
}
li.links a
{
text-decoration: underline;
color: #D5DDE5;
}
div.user a span
{
display: block;
height: 21px;
line-height: 21px;
padding: 0 5px;
width: 175px;
border: 1px solid #485A68;
background: #E8E8E8 url(../images/theme/main_block.png) no-repeat -10px -8px;
}
div.user p
{
float: left;
margin: 0 1em 1em 0;
padding: 0;
}
div.user ul
{
margin: 0;
position: relative;
z-index: 400;
}
div.user ul li
{
margin-bottom: 2px;
}
index.template.php
Buscar:
<script type="text/javascript" src="', $settings['theme_url'], '/scripts/theme.js?rc3"></script>
Agregar abajo:
<script type="text/javascript" src="', $settings['theme_url'], '/scripts/dropdown.js"></script>
Buscar:
<img id="upshrink" src="', $settings['images_url'], '/upshrink.png" alt="*" title="', $txt['upshrink_description'], '" style="display: none;" />';
Agregar abajo:
echo '
<div class="user">';
// If the user is logged in, display stuff like their name, new messages, etc.
if ($context['user']['is_logged'])
{
echo '
<p class="avatar">',!empty($context['user']['avatar']) ? $context['user']['avatar']['image']: '<img src="'.$settings['images_url'].'/no_avatar.png" alt="" />','</p>
<ul class="reset">
<li class="greeting"><a onclick="return overlay(this, \'quicklinks\',\'bottomright\')"><span>', $txt['hello_member_ndt'], ' ', $context['user']['name'], '<img alt="v" src="', $settings['images_url'], '/droprow.png" /></span></a></li>
<li class="user_pop" id="quicklinks"><ul class="reset">
<li><a href="', $scripturl, '?action=profile;area=forumprofile">', $txt['forumprofile'], '</a></li>
<li><a href="', $scripturl, '?action=profile;area=account">', $txt['account'], '</a></li>
<li><a href="', $scripturl, '?action=profile;area=lists;sa=buddies;u=',$context['user']['id'],'">', $txt['my_buddy'], '</a></li>
<li><a href="', $scripturl, '?action=unread">', $txt['newpost'], '</a></li>
<li><a href="', $scripturl, '?action=unreadreplies">', $txt['newreplies'], '</a></li>';
// Is the forum in maintenance mode?
if ($context['in_maintenance'] && $context['user']['is_admin'])
echo '
<li class="notice">', $txt['maintain_mode_on'], '</li>';
// Are there any members waiting for approval?
if (!empty($context['unapproved_members']))
echo '
<li>', $context['unapproved_members'] == 1 ? $txt['approve_thereis'] : $txt['approve_thereare'], ' <a href="', $scripturl, '?action=admin;area=viewmembers;sa=browse;type=approve">', $context['unapproved_members'] == 1 ? $txt['approve_member'] : $context['unapproved_members'] . ' ' . $txt['approve_members'], '</a> ', $txt['approve_members_waiting'], '</li>';
if (!empty($context['open_mod_reports']) && $context['show_open_reports'])
echo '
<li><a href="', $scripturl, '?action=moderate;area=reports">', sprintf($txt['mod_reports_waiting'], $context['open_mod_reports']), '</a></li>';
echo '
</ul></li>
<li class="links"><a href="', $scripturl, '?action=help">',$txt['help'],'</a></li></ul>';
}
// Otherwise they're a guest - this time ask them to either register or login - lazy bums...
elseif (!empty($context['show_login_bar']))
{
echo '
<div class="login_block"><a href="', $scripturl, '?action=login">', $txt['login'], '</a></div>
<p class="new_user">', $txt['new_user'], '</p>';
}
echo '
</div>';
Y solo queda agregar el archivo dropdown.js en la carpeta scrips de tu theme, la imagen droprow.png en la carpeta images y listo.