Erro em Widget

Detalhes da questão

Endereço do fórum: https://policialphs.forumeiros.com
Versão do fórum: ModernBB

Descrição

Olá, boa noite! Estou tendo um problema com um widget ele não está ficando do jeito certo alguém poderia me auxiliar?

Código:

<div class="header-box">
 
 <div class="box-title">
 Olá, <script>document.write(_userdata.username)</script>
 </div>
 
 <div class="box-content">
 <a href="/profile?mode=editprofile">Informações</a><a href="/profile?mode=editprofile&page_profil=preferences">Preferências</a><a href="/profile?mode=editprofile&page_profil=signature">Assinatura</a><a href="/profile?mode=editprofile&page_profil=avatars">Avatar</a><a href="/profile?mode=editprofile&page_profil=friendsfoes">Amigos e Ignorados</a>
 </div>
 
 <div class="box-avatar">
 <img id="user-avatar" src="http://www.habbo.com.br/habbo-imaging/avatarimage?&user=PrincThyago&action=std,crr=6&direction=4&head_direction=3&img_format=png&gesture=sml&headonly=0&size=b" /><script>document.getElementById('user-avatar').src = "http://www.habbo.com.br/habbo-imaging/avatarimage?&user=" + _userdata.username + "&action=std,crr=6&direction=4&head_direction=3&img_format=png&gesture=sml&headonly=0&size=b";</script>
 </div>
 
 <div class="box-logout">
 <a href="/login?logout"><input type="button" class="login-btn logout" name="logout" value="Desconectar" /></a><a href="/privmsg?folder=inbox" id="notify_link" data-status="4 novas mensagens" title="4 novas mensagens"></a>
 <button type="button" class="login-btn mp" name="mp" style="">
 
 </button><a href="/privmsg?folder=inbox" id="notify_link" data-status="4 novas mensagens" title="4 novas mensagens"></a><a href="/search?search_id=watchsearch" title="Notificações"></a>
 <button type="button" class="login-btn notif" name="notif" style="">
 
 </button><a href="/search?search_id=watchsearch" title="Notificações"></a>
 </div>
</div>

FICA ASSIM TODO BUGADO

Olá @@thyago.rico,

Vou pedir que preencha o formulário posto na sua primeira mensagem, por favor, com o endereço do seu fórum e a sua versão!

Questão em espera.


Aguardo uma resposta sua,
pedxz.

Bem-vindo ao Fórum dos Fóruns! Seja bem-vindo ao Fórum dos Fóruns! Como acabou de se inscrever, veja aqui alguns links importantes a saber: Regras do Fórum, e o que você não deve fazer neste fórum; Lista de tutoriais e perguntas frequentes; A Equipe de Suporte; A função de busca.

@@thyago.rico: É importante ser assertivo na descrição do seu problema. É a falta de estética do widget? Ou é o mal funcionamento?!

Falta de estética no Widget

Olá, você pode adicionar este código em sua folha css para obter o seguinte resultado.

Código:

.header-box .box-title {
   display: block;
   font-size: 15px;
   background: ;
   padding: 10px;
   border-bottom: 1px solid #dcdcdc91;
}

.header-box .box-content a {
   display: block;
   padding: 10px;
   background: #2c353b;
   font-family: Calibri;
   color: white;
   margin: 2px;
   border-radius: 5px;
}

.header-box {
   text-align: center;
}

.header-box a[href="/login?logout"] {
   display: block;
   padding: 10px;
   background: #862f2f;
   font-family: Calibri;
   color: white;
   margin: 2px;
   border-radius: 5px;
}

.header-box input {
   background: transparent;
   font-family: Calibri;
   text-transform: uppercase;
   font-size: 10px;
   letter-spacing: 1px;
   color: white;
}

.header-box .box-avatar {
   margin: 20px;
}

.header-box .box-avatar img {
   margin-bottom: 10px;
}

Alterando a posição dos elementos no widget você pode colocar o avatar em cima do menu.

Desse jeito mesmo amigo, eu agradeço muito a ajuda