Painel de usuário

Qual é minha questão:
Bom, eu andei pesquisando muuuitos tutoriais sobre o assunto, e nenhum era bem sucedido...
Resolvi Postar aqui minha duvida pra ver se tenho sucesso em minha questão...

Eu queria implementar um WIDGET no meu fórum com funcionalidade de um PAINEL DE USUÁRIO, o que desejo é estilo o do FDF
https://i.imgur.com/CcG0p.png
AS FONTES DO MESMO TAMANHO das do FDF

Só tem uma questão, eu queria que, quando nao se está logado, em vês de ficar CONVIDADO, queria que ficasse no mesmo painel as opções de LOGIN, SENHA e o botão CONECTAR, e também o REGISTRAR-SE...
se possivel, acima das caixas LOGIN:, queria uma imagem pequena CENTRALIZADA, com uma marca registrada do meu FORUM, que no caso se chama EASY CHEATS, se possivel que a imagem seja da propria autoria do responsavel pelo tutorial, se nao for possivel o mesmo criar a imagem, só avisar pelos comentarios e coloca qualquer imagem no lugar sendo possivel futuramente a troca do link da imagem qualquer pela que eu mesmo irei criar!

LEVAR EM CONTA: FORUM PUNBB!

Medidas que eu tomei para corrigir o problema:
PESQUISAR E MUITO!

Links e imagens do meu problema:
contido no tópico!

Endereço do meu fórum:
http://easycheats.forumbom.com/

Versão do meu fórum:
PUNBB

Olá!
Aqui estas um Código, adicione em um Widget:

Código:

[code]<script src="http://illiweb.com/fa/js_16/collapsible_faq.js" type="text/javascript"></script>
<script>
jQuery(document).ready(function(){
 jQuery.get('/profile.forum?mode=editprofile&page_profil=avatars', function(data) {
 link = jQuery('.panel dl:first img', data).attr('src');
 jQuery('#avatar').attr('src', link);
 });
});
</script>
<span style="font-size: 1.2em;"><img id="avatar" align="left" width="50"><font size="4">{USERLINK}</font><br />
<b>Mensagens:</b> {USERCOUNTPOST}<br />
<span id="friends_cook"></span><br />
<br /></span>
<dl class="faq" style="margin-bottom: -1px !important;"><dt></dt><dd onClick="return CFAQ.display('l7', false);">
 <div style="cursor: pointer;" onClick="return CFAQ.display('l7', true);" onfocus="this.blur();"><img src="http://2img.net/i/fa/admin/icones/editer.png" style="width: 15px;height: 15px" border="0"> Alterar</div></dd><dd style="display:none;" id="l7"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../profile.forum?mode=editprofile&amp;page_profil=informations" target="_blank"> Informações </a></span><span style="font-size: ;">
<a href="../profile.forum?mode=editprofile&amp;page_profil=preferences" target="_blank"> Preferências </a></span><span style="font-size: ;"><br /><a href="../profile.forum?mode=editprofile&amp;page_profil=avatars" target="_blank"> Avatar </a></span></dd><dd onClick="return CFAQ.display('l8', false);">
 <div style="cursor: pointer;" onClick="return CFAQ.display('l8', true);" onfocus="this.blur();"><img src="http://2img.net/i/fa/admin/icones/small_ico/support.png" style="width: 15px;height: 15px" border="0"> Ver</div></dd>
<dd style="display:none;" id="l8"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../profile.forum?mode=editprofile&amp;page_profil=friendsfoes" target="_blank"> Amigos e ignorados</a></span><span style="font-size: ;"><a href="../search.forum?search_id=watchsearch" target="_blank"> Tópicos supervisionados </a></span><br /><span style="font-size: ;"><a href="../search.forum?search_id=draftsearch" target="_blank"> Rascunhos </a></span><br /><span style="font-size: ;"><a href="../search.forum?search_id=favouritesearch" target="_blank"> Tópicos favoritos</a></span></dd><dd onClick="return CFAQ.display('l9', false);">
 <div style="cursor: pointer;" onClick="return CFAQ.display('l9', true);" onfocus="this.blur();"><img src="http://i27.servimg.com/u/f27/15/07/56/36/2qban410.png" style="width: 15px;height: 15px" border="0"> Tópicos e mensagens</div></dd><dd style="display:none;" id="l9"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../msg.forum?folder=inbox" target="_blank"> Mensagens Privadas</a></span><span style="font-size: ;"><a href="../search.forum?search_topics={USERNAME}" target="_blank"> Meus tópicos</a></span><br /><span style="font-size: ;"><a href="../search.forum?search_id=egosearch" target="_blank"> Tópicos que participo </a></span><br /><span style="font-size: ;"><a href="../search.forum?search_author={USERNAME}&show_results=posts" target="_blank"> Minhas mensagens</a></span><br /><span style="font-size: ;"><a href="../search.forum?search_id=newposts" target="_blank"> Novas mensagens<br /> <small>({USERLASTVISIT})</small></a></span></dd></dl><span class="corners-bottom"><span></span></span>[/code]

Dr.House escreveu:Olá!
Aqui estas um Código, adicione em um Widget:

Código:

[code]<script src="http://illiweb.com/fa/js_16/collapsible_faq.js" type="text/javascript"></script>
<script>
jQuery(document).ready(function(){
 jQuery.get('/profile.forum?mode=editprofile&page_profil=avatars', function(data) {
 link = jQuery('.panel dl:first img', data).attr('src');
 jQuery('#avatar').attr('src', link);
 });
});
</script>
<span style="font-size: 1.2em;"><img id="avatar" align="left" width="50"><font size="4">{USERLINK}</font><br />
<b>Mensagens:</b> {USERCOUNTPOST}<br />
<span id="friends_cook"></span><br />
<br /></span>
<dl class="faq" style="margin-bottom: -1px !important;"><dt></dt><dd onClick="return CFAQ.display('l7', false);">
 <div style="cursor: pointer;" onClick="return CFAQ.display('l7', true);" onfocus="this.blur();"><img src="http://2img.net/i/fa/admin/icones/editer.png" style="width: 15px;height: 15px" border="0"> Alterar</div></dd><dd style="display:none;" id="l7"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../profile.forum?mode=editprofile&page_profil=informations" target="_blank"> Informações </a></span><span style="font-size: ;">
<a href="../profile.forum?mode=editprofile&page_profil=preferences" target="_blank"> Preferências </a></span><span style="font-size: ;"><br /><a href="../profile.forum?mode=editprofile&page_profil=avatars" target="_blank"> Avatar </a></span></dd><dd onClick="return CFAQ.display('l8', false);">
 <div style="cursor: pointer;" onClick="return CFAQ.display('l8', true);" onfocus="this.blur();"><img src="http://2img.net/i/fa/admin/icones/small_ico/support.png" style="width: 15px;height: 15px" border="0"> Ver</div></dd>
<dd style="display:none;" id="l8"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../profile.forum?mode=editprofile&page_profil=friendsfoes" target="_blank"> Amigos e ignorados</a></span><span style="font-size: ;"><a href="../search.forum?search_id=watchsearch" target="_blank"> Tópicos supervisionados </a></span><br /><span style="font-size: ;"><a href="../search.forum?search_id=draftsearch" target="_blank"> Rascunhos </a></span><br /><span style="font-size: ;"><a href="../search.forum?search_id=favouritesearch" target="_blank"> Tópicos favoritos</a></span></dd><dd onClick="return CFAQ.display('l9', false);">
 <div style="cursor: pointer;" onClick="return CFAQ.display('l9', true);" onfocus="this.blur();"><img src="http://i27.servimg.com/u/f27/15/07/56/36/2qban410.png" style="width: 15px;height: 15px" border="0"> Tópicos e mensagens</div></dd><dd style="display:none;" id="l9"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../msg.forum?folder=inbox" target="_blank"> Mensagens Privadas</a></span><span style="font-size: ;"><a href="../search.forum?search_topics={USERNAME}" target="_blank"> Meus tópicos</a></span><br /><span style="font-size: ;"><a href="../search.forum?search_id=egosearch" target="_blank"> Tópicos que participo </a></span><br /><span style="font-size: ;"><a href="../search.forum?search_author={USERNAME}&show_results=posts" target="_blank"> Minhas mensagens</a></span><br /><span style="font-size: ;"><a href="../search.forum?search_id=newposts" target="_blank"> Novas mensagens<br /> <small>({USERLASTVISIT})</small></a></span></dd></dl><span class="corners-bottom"><span></span></span>[/code]

Não resultou como esperado... eu queria estilo o do FORUM DOS FORUNS, tipo, sem as bordas, os botões no canto direitinho, oque você me passou nao pega o avatar, queria como o print que eu postei no tópico, o codigo que você me passou resultou em:
https://i.imgur.com/JM60D.png

Olá _STYL3x_,

Recomendo que leia esse tutorial:

Construir um painel de usuário

-

No final do tutorial já tem o código pronto, ai vai:

Código:



<span style="font-size: 1.2em;"><img
src="http://2img.net/i/bl/logo.png" align="left" width="27"
height="35"><font
size="4">{USERLINK}</font><br><b>Mensagens:</b>
 {USERCOUNTPOST}<br><br></span><div
style="text-align: left;"><span style="font-size:
1.2em;"><b>Alterar</b><br>
<a
href="http://ajuda.forumeiros.com/profile.forum?mode=editprofile&page_profil=informations"
 target="_blank"> Informações
</a></span><br><span style="font-size: 1.2em;">
<a
 href="../profile.forum?mode=editprofile&page_profil=preferences"
target="_blank"> Preferências
</a></span><br><span style="font-size:
1.2em;"><a
href="../profile.forum?mode=editprofile&page_profil=signature"
target="_blank"> Assinatura </a></span><br><span
 style="font-size: 1.2em;"><a
href="../profile.forum?mode=editprofile&page_profil=avatars"
target="_blank"> Avatar
</a></span><br><br><span style="font-size:
1.2em;"><b>Ver</b><br><a
href="../profile.forum?mode=editprofile&page_profil=friendsfoes"
target="_blank"> Amigos e
ignorados</a></span><br><span style="font-size:
1.2em;"><a href="../search.forum?search_id=watchsearch"
target="_blank"> Tópicos supervisionados
</a></span><br><span style="font-size:
1.2em;"><a href="../search.forum?search_id=draftsearch"
target="_blank"> Rascunhos </a></span><br><span
style="font-size: 1.2em;"><a
href="../search.forum?search_id=favouritesearch" target="_blank">
Tópicos favoritos</a></span><br><span
style="font-size: 1.2em;"></span><br><span
style="font-size: 1.2em;"><b>Tópicos &
Mensagens</b><br><a href="../msg.forum?folder=inbox"
target="_blank"> Mensagens Privadas
</a></span><br><span style="font-size:
1.2em;"><a href="../search.forum?search_topics={USERNAME}"
target="_blank"> Meus
tópicos</a></span><br><span style="font-size:
1.2em;"><a href="../search.forum?search_id=egosearch"
target="_blank"> Tópicos que participo
</a></span><br><span style="font-size:
1.2em;"><a
href="../search.forum?search_author={USERNAME}&show_results=posts"
target="_blank"> Minhas
mensagens</a></span><br><span style="font-size:
1.2em;"><a href="../search.forum?search_id=newposts"
target="_blank"> Novas mensagens<br>
<small>({USERLASTVISIT})</small></a></span></div><h3
 style="border-color: #1675BC;"></h3>



Caso queira modificar algo é só ler o tutorial.

Tyler.

Tyler

Otimo o Tutorial que você me passou, eu só queria saber a mais se teria como nesse mesmo codigo que você me passou, alguem sabio editar e colocar o efeito de USERAVATAR encima do nick,USERNAME, e colocar um efeito de expandir o title menu, tipo , as opções EDITAR abrir quando eu clickar no nome EDITAR...

Olá e Boa Tarde;
Poderia me passar o Código que estas usando, isto e se tiver usando algum?

Estou usando este já editado (as fontes, etc...)

Código:

<span style="font-size: 1.2em;"><img
src="http://2img.net/i/bl/logo.png" align="left" width="27"
height="35"><font
size="4">{USERLINK}</font><br><b>Mensagens:</b>
 {USERCOUNTPOST}<br><br></span><div
style="text-align: left;"><span style="font-size:
1.2em;"><b><span style="font-size: 14px; line-height: normal">Alterar</span></b><br>
<a
href="http://easycheats.forumbom.com/profile.forum?mode=editprofile&page_profil=informations"> <span style="font-size: 11px; line-height: normal"><i>Informações </i></span>
</a></span><br><span style="font-size: 1.2em;">
<a
 href="../profile.forum?mode=editprofile&page_profil=preferences"> <span style="font-size: 11px; line-height: normal"><i>Preferências </i></span>
</a></span><br><span style="font-size:
1.2em;"><a
href="../profile.forum?mode=editprofile&page_profil=signature"> <span style="font-size: 11px; line-height: normal"><i>Assinatura</i></span>
 </a></span><br><span
 style="font-size: 1.2em;"><a
href="../profile.forum?mode=editprofile&page_profil=avatars"> <span style="font-size: 11px; line-height: normal"><i>Avatar</i></span>
</a></span><br><br><span style="font-size:
1.2em;"><b><span style="font-size: 14px; line-height: normal">Atalhos</span></b><br><a
href="../profile.forum?mode=editprofile&page_profil=friendsfoes"><span style="font-size: 11px; line-height: normal"><i> Amigos e
ignorados</i></span></a></span><br><span style="font-size:
1.2em;"><a href="../search.forum?search_id=watchsearch"><span style="font-size: 11px; line-height: normal"><i> Tópicos supervisionados </i></span>
</a></span><br><span style="font-size:
1.2em;"><a href="../search.forum?search_id=draftsearch"><span style="font-size: 11px; line-height: normal"><i> Rascunhos </i></span></a></span><br><span
style="font-size: 1.2em;"><a
href="../search.forum?search_id=favouritesearch"><span style="font-size: 11px; line-height: normal"><i>Tópicos favoritos</i></span></a></span><br><span
style="font-size: 1.2em;"></span><br><span
style="font-size: 1.2em;"><b><span style="font-size: 14px; line-height: normal">Tópicos &
Mensagens</span></b><br><a href="../msg.forum?folder=inbox"><span style="font-size: 11px; line-height: normal"><i>
 Mensagens Privadas </i></span>
</a></span><br><span style="font-size:
1.2em;"><a href="../search.forum?search_topics={USERNAME}"><span style="font-size: 11px; line-height: normal"><i> Meus
tópicos</i></span></a></span><br><span style="font-size:
1.2em;"><a href="../search.forum?search_id=egosearch"><span style="font-size: 11px; line-height: normal"><i>
 Tópicos que participo</i></span>
</a></span><br><span style="font-size:
1.2em;"><a
href="../search.forum?search_author={USERNAME}&show_results=posts"><span style="font-size: 11px; line-height: normal"><i> Minhas
mensagens</i></span></a></span><br><span style="font-size:
1.2em;"><a href="../search.forum?search_id=newposts"><span style="font-size: 11px; line-height: normal"><i>
 Ultimas mensagens</i></span><br>
<small>({USERLASTVISIT})</small></a></span></div><h3
 style="border-color: #1675BC;"></h3>

Se Possivel, Queria a Implementação acima do nome do usuário um avatar do usuário que estiver usando-o, tipo acima do nick dele, ficasse um avatar do mesmo com redimensionamento padronizado, tipo mesmo o avatar maior nas mensagens, ai no painel ele ficasse de determinado redimensionamento (somente no painel) pra nao ocupar tanto espaço!

E queria um efeito de abrir as opções do menu ao clickar no nome principal, exemplo:

Queria que so mostra-se :

Alterar
Atalhos
Tópicos & Mensagens

ai ao usuário clickar em algum desses, abrisse os sub menu's...


Alterar
Informações
Preferências
Assinatura
Avatar

Atalhos
Amigos e ignorados
Tópicos supervisionados
Rascunhos
Tópicos favoritos

Tópicos & Mensagens
Mensagens Privadas
Meus tópicos
Tópicos que participo
Minhas mensagens
Ultimas mensagens

Olá autor!

Painel de controle > Módulos > Portal e Widgets > Gestão dos widgets do fórum > Criar um widget personalizado > e adicione o seguinte código:

Código:

<script src="http://illiweb.com/fa/js_16/collapsible_faq.js" type="text/javascript"></script>
<script>
jQuery(document).ready(function(){
 jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
 link = jQuery('.panel dl:first img', data).attr('src');
 jQuery('#avatar').attr('src', link);
 });
});
</script>
<span style="font-size: 1.2em;"><img id="avatar" align="left" width="50"><font size="4">{USERLINK}</font><br />
<b>Mensagens:</b> {USERCOUNTPOST}<br />
<span id="friends_cook"></span><br />
<br /></span>
<dl class="faq" style="margin-bottom: -1px !important;"><dt></dt><dd onClick="return CFAQ.display('l7', false);">
 <div style="cursor: pointer;" onClick="return CFAQ.display('l7', true);" onfocus="this.blur();"><img src="http://2img.net/i/fa/admin/icones/editer.png" style="width: 15px;height: 15px" border="0"> Alterar</div></dd><dd style="display:none;" id="l7"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../profile?mode=editprofile&amp;page_profil=informations" target="_blank"> Informações </a></span><span style="font-size: ;">
<a href="../profile?mode=editprofile&amp;page_profil=preferences" target="_blank"> Preferências </a></span><span style="font-size: ;"><br /><a href="../profile?mode=editprofile&amp;page_profil=avatars" target="_blank"> Avatar </a></span></dd><dd onClick="return CFAQ.display('l8', false);">
 <div style="cursor: pointer;" onClick="return CFAQ.display('l8', true);" onfocus="this.blur();"><img src="http://2img.net/i/fa/admin/icones/small_ico/support.png" style="width: 15px;height: 15px" border="0"> Ver</div></dd>
<dd style="display:none;" id="l8"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../profile?mode=editprofile&amp;page_profil=friendsfoes" target="_blank"> Amigos e ignorados</a></span><span style="font-size: ;"><a href="../search?search_id=watchsearch" target="_blank"> Tópicos supervisionados </a></span><br /><span style="font-size: ;"><a href="../search?search_id=draftsearch" target="_blank"> Rascunhos </a></span><br /><span style="font-size: ;"><a href="../search?search_id=favouritesearch" target="_blank"> Tópicos favoritos</a></span></dd><dd onClick="return CFAQ.display('l9', false);">
 <div style="cursor: pointer;" onClick="return CFAQ.display('l9', true);" onfocus="this.blur();"><img src="http://i27.servimg.com/u/f27/15/07/56/36/2qban410.png" style="width: 15px;height: 15px" border="0"> Tópicos e mensagens</div></dd><dd style="display:none;" id="l9"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../msg.forum?folder=inbox" target="_blank"> Mensagens Privadas</a></span><span style="font-size: ;"><a href="../search?search_topics={USERNAME}" target="_blank"> Meus tópicos</a></span><br /><span style="font-size: ;"><a href="../search?search_id=egosearch" target="_blank"> Tópicos que participo </a></span><br /><span style="font-size: ;"><a href="../search?search_author={USERNAME}&show_results=posts" target="_blank"> Minhas mensagens</a></span><br /><span style="font-size: ;"><a href="../search?search_id=newposts" target="_blank"> Novas mensagens<br /> <small>({USERLASTVISIT})</small></a></span></dd></dl><span class="corners-bottom"><span></span></span>

Agora, você vai editar as permissões deste widget depois que adicionar a estrutura do fórum. Clique e desmarque a opção "Convidado" e salve.

Agora, o widget de login e senha, o senhor tem o pré-definido por Forumeiros que já vem criado no seu fórum, e se chama Login, e outro que podes criar.

Novamente, crie um novo widget e nele adicione o seguinte código:

Código:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><script src="http://illiweb.com/rs3/14/frm/jquery/pwd_strength/passwordStrengthMeter.js"></script><script type="text/javascript">//<![CDATA[
    jQuery(document).ready(function(){$('input[name=reset]').click(function(){$("#pwd_good,#pwd_middle,#pwd_bad").hide();});$('#password_reg,#username').keyup(function() {if ( $('#password_reg').val() != "" ){var level = passwordStrength($('#password_reg').val(),$('#username').val());switch(level){case 'bad' :$("#pwd_middle,#pwd_good").hide();$("#pwd_bad").show();break;case 'good' :$("#pwd_good,#pwd_bad").hide();$("#pwd_middle").show();break;case 'strong' :$("#pwd_middle,#pwd_bad").hide();$("#pwd_good").show();break;}}else{$("#pwd_middle,#pwd_good,#pwd_bad").hide();}});});//]]></script>

    <style>
    .pwd_img {
    color: black;
    display: none;
    font-size: 11px;
    font-weight: 700;
    height: 14px;
    line-height: 14px;
    padding: 4px 0px 3px;
    text-align: center;
    width: 150px;
    }
    #pwd_bad {
    background: url(http://2img.net/i/fa/p_strength/pwd_bad.png);
    }
    #pwd_middle {
    background: url(http://2img.net/i/fa/p_strength/pwd_middle.png);
    }
    #pwd_good {
    background: url(http://2img.net/i/fa/p_strength/pwd_good.png);
    }</style>

    <style>#xat{display:none}</style><form action=http://forumactif.forumeiros.com/register?agreed=true&step=2 method=post><center><label>Nome de usuário</label><input class="inputbox post" type="text" id="username_reg" name=username size=25 maxlength=25><br><label>Email(não precisa confirmar)</label><input class="inputbox post" type="text" id="email" name="email" size="25" maxlength="64"><br><label>Senha</label><input class="inputbox post" type=password id="password_reg" name="password" size="25" maxlength="25"><div class="left" id="cont_pwd"><div id="pwd_bad" class="pwd_img" style="display:none;">Fraca</div><div id="pwd_middle" class="pwd_img" style="display: none;">Média</div><div id="pwd_good" class="pwd_img" style="display:none;">Segura</div></div><br><br><input class=button1 type=submit name=submit value=" Registrar "></center></form><br><b>- VEJA LINKS E IMAGENS<br>- CONTEÚDO EXCLUSIVO</b></a>

Depois, no botão vamos permitir a visualização somente aos visitantes, para que os membros logados no fórum não o vejam.

Atenciosamente,
Shek

Olá Shek

O resultado nao foi bem sucedido...
Primeiro que, pra quem nao está logado, está mostrando a opção de REGISTRAR, somente, os campus somente para se registrar, eu queria os campus LOGIN e SENHA, pra vc colocar e logar-se, e só queria um nome com link enbaixo do botão conectar-se "REGISTRAR-SE" pra ao clickar ir para a pagina de registro do forum...

obrigado pela tentativa! aguardo melhoras!

Olá,

Os códigos que passamos deve ser editado pelo senhor.

Sim, mais Codigos eu só edito coisas basicas, o que você me passou é tipo, é pra se registrar, eu queria o painel só pra LOGIN e SENHA, somente um nome link de REGISTRE-SE.

Olá!

O código de login abaixo está como deseja, querido amigo?

Código:

    <tr>
      <td>
          <table>
                          <tr>
                  <td>Login</td>

                    <td><form action="/login" method="post"><input type="text" name="username" id="username" size="15" maxlength="40" value="" class="inputbox autowidth" /></td>
                </tr>
                <tr>
                  <td>Senha</td>
                    <td><input type="password" id="password" name="password" size="15" maxlength="25" class="inputbox autowidth" /></td>
<form action="/login" method="post">

                </tr>
            </table>
        </td>

    </tr>
    <tr>
      <td align="right"><input type="submit" "image" src="http://www.habbid.com.br/images/entre.gif" name="login" tabindex="6" value="Login" class="button1" /></td>
</form>
    </tr>
    <tr>
      <td>
          <table>
              <tr>
                  <td rowspan="4"><div style="float:left;background:url(images/sombrahabbo.gif); background-position:bottom left; background-repeat:no-repeat; width:45px; height:89px; text-align:center" ><img alt="unknow" src="http://2img.net/i/bl/logo.png"></div></td>

                    <td><a href="/register"><img alt="registre-se" src="http://www.habbid.com.br/images/registrese.gif" align="absmiddle" /> <b>Registre-se</b></a></td>
                </tr>
                <tr>
                  <td><a href="http://forumactif.forumeiros.com/profile.forum?mode=sendpassword"><img alt="esqueci minha senha" src="http://www.habbid.com.br/images/esquecisenha.gif" align="absmiddle" /> Esqueci a senha</a></td>
                </tr>
                <tr>
                  <td><a href="http://shiftactive.blogspot.com/"><img alt="quem somos" src="http://www.habbid.com.br/images/quemsomos.gif" align="absmiddle" /> Shiftactif - O blog dos fóruns</a></td>

                </tr>
                <tr>
                  <td></td>
                </tr>
            </table>
      </td>

Atenciosamente,
Shek

Cara, PERFEITOOOOOOOOOO' !!
Vc é 10 manow!
a Parte do LOGIN já ta Otimo! Muito Obrigado

Agora Manow, Vi que tu entendeu oq queria... Agora so Pesso mais uma coisinha pra poder feixar o tópico....

o PAINEL DO USUÁRIO
Vc poderia me passar oque o FDF usa?
Tipo, sem as bordas ao redor do menu, a imagenzinha no lado da opção, tipo dakele msm geitinho, se possivel, se nao, que mude pouca coisa, o modelo que você me passou é tipo, Fica 2 bordas brancas no painel, ai ficou meio aterrorizante =O

Mais é isso, se puder pesso a sua colaboração Seu Fã!

Up... Alguem resolve a questão acima

Cara, PERFEITOOOOOOOOOO' !!
Vc é 10 manow!
a Parte do LOGIN já ta Otimo! Muito Obrigado

Agora Manow, Vi que tu entendeu oq queria... Agora so Pesso mais uma coisinha pra poder feixar o tópico....

o PAINEL DO USUÁRIO
Vc poderia me passar oque o FDF usa?
Tipo, sem as bordas ao redor do menu, a imagenzinha no lado da opção, tipo dakele msm geitinho, se possivel, se nao, que mude pouca coisa, o modelo que você me passou é tipo, Fica 2 bordas brancas no painel, ai ficou meio aterrorizante =O

Mais é isso, se puder pesso a sua colaboração Seu Fã!

Olá amigo !

O código usado no Painel de usuário do Fórum dos Fóruns eu já lhe enviei. No caso é esse:

Código:

<script src="http://illiweb.com/fa/js_16/collapsible_faq.js" type="text/javascript"></script>
<script>
jQuery(document).ready(function(){
 jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
 link = jQuery('.panel dl:first img', data).attr('src');
 jQuery('#avatar').attr('src', link);
 });
});
</script>
<span style="font-size: 1.2em;"><img id="avatar" align="left" width="50"><font size="4">{USERLINK}</font><br />
<b>Mensagens:</b> {USERCOUNTPOST}<br />
<span id="friends_cook"></span><br />
<br /></span>
<dl class="faq" style="margin-bottom: -1px !important;"><dt></dt><dd onClick="return CFAQ.display('l7', false);">
 <div style="cursor: pointer;" onClick="return CFAQ.display('l7', true);" onfocus="this.blur();"><img src="http://2img.net/i/fa/admin/icones/editer.png" style="width: 15px;height: 15px" border="0"> Alterar</div></dd><dd style="display:none;" id="l7"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../profile?mode=editprofile&amp;page_profil=informations" target="_blank"> Informações </a></span><span style="font-size: ;">
<a href="../profile?mode=editprofile&amp;page_profil=preferences" target="_blank"> Preferências </a></span><span style="font-size: ;"><br /><a href="../profile?mode=editprofile&amp;page_profil=avatars" target="_blank"> Avatar </a></span></dd><dd onClick="return CFAQ.display('l8', false);">
 <div style="cursor: pointer;" onClick="return CFAQ.display('l8', true);" onfocus="this.blur();"><img src="http://2img.net/i/fa/admin/icones/small_ico/support.png" style="width: 15px;height: 15px" border="0"> Ver</div></dd>
<dd style="display:none;" id="l8"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../profile?mode=editprofile&amp;page_profil=friendsfoes" target="_blank"> Amigos e ignorados</a></span><span style="font-size: ;"><a href="../search?search_id=watchsearch" target="_blank"> Tópicos supervisionados </a></span><br /><span style="font-size: ;"><a href="../search?search_id=draftsearch" target="_blank"> Rascunhos </a></span><br /><span style="font-size: ;"><a href="../search?search_id=favouritesearch" target="_blank"> Tópicos favoritos</a></span></dd><dd onClick="return CFAQ.display('l9', false);">
 <div style="cursor: pointer;" onClick="return CFAQ.display('l9', true);" onfocus="this.blur();"><img src="http://i27.servimg.com/u/f27/15/07/56/36/2qban410.png" style="width: 15px;height: 15px" border="0"> Tópicos e mensagens</div></dd><dd style="display:none;" id="l9"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../msg.forum?folder=inbox" target="_blank"> Mensagens Privadas</a></span><span style="font-size: ;"><a href="../search?search_topics={USERNAME}" target="_blank"> Meus tópicos</a></span><br /><span style="font-size: ;"><a href="../search?search_id=egosearch" target="_blank"> Tópicos que participo </a></span><br /><span style="font-size: ;"><a href="../search?search_author={USERNAME}&show_results=posts" target="_blank"> Minhas mensagens</a></span><br /><span style="font-size: ;"><a href="../search?search_id=newposts" target="_blank"> Novas mensagens<br /> <small>({USERLASTVISIT})</small></a></span></dd></dl><span class="corners-bottom"><span></span></span>

Atenciosamente,
Shek

Olá, amigo desculpe pela demora mais o meu Código e o único que funfa igual o FDF então peso que troque o seu código por esse

Código:

<script src="http://2img.net/i/bl/logo.png/fa/js_16/collapsible_faq.js" type="text/javascript"></script>
<script>
jQuery(document).ready(function(){
 jQuery.get('/profile.forum?mode=editprofile&page_profil=avatars', function(data) {
 link = jQuery('.panel dl:first img', data).attr('src');
 jQuery('#avatar').attr('src', link);
 });
});
</script>
<span style="font-size: 1.2em;"><img id="avatar" align="left" width="50"><font size="4">{USERLINK}</font><br />
<b>Mensagens:</b> {USERCOUNTPOST}<br />
<span id="friends_cook"></span><br />
<br /></span>
<dl class="faq" style="margin-bottom: -1px !important;"><dt></dt><dd onClick="return CFAQ.display('l7', false);">
 <div style="cursor: pointer;" onClick="return CFAQ.display('l7', true);" onfocus="this.blur();"><img src="http://2img.net/i/fa/admin/icones/editer.png" style="width: 15px;height: 15px" border="0"> Alterar</div></dd><dd style="display:none;" id="l7"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../profile.forum?mode=editprofile&amp;page_profil=informations" target="_blank"> Informações </a></span><span style="font-size: ;">
<a href="../profile.forum?mode=editprofile&amp;page_profil=preferences" target="_blank"> Preferências </a></span><span style="font-size: ;"><br /><a href="../profile.forum?mode=editprofile&amp;page_profil=avatars" target="_blank"> Avatar </a></span></dd><dd onClick="return CFAQ.display('l8', false);">
 <div style="cursor: pointer;" onClick="return CFAQ.display('l8', true);" onfocus="this.blur();"><img src="http://2img.net/i/fa/admin/icones/small_ico/support.png" style="width: 15px;height: 15px" border="0"> Ver</div></dd>
<dd style="display:none;" id="l8"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../profile.forum?mode=editprofile&amp;page_profil=friendsfoes" target="_blank"> Amigos e ignorados</a></span><span style="font-size: ;"><a href="../search.forum?search_id=watchsearch" target="_blank"> Tópicos supervisionados </a></span><br /><span style="font-size: ;"><a href="../search.forum?search_id=draftsearch" target="_blank"> Rascunhos </a></span><br /><span style="font-size: ;"><a href="../search.forum?search_id=favouritesearch" target="_blank"> Tópicos favoritos</a></span></dd><dd onClick="return CFAQ.display('l9', false);">
 <div style="cursor: pointer;" onClick="return CFAQ.display('l9', true);" onfocus="this.blur();"><img src="http://i27.servimg.com/u/f27/15/07/56/36/2qban410.png" style="width: 15px;height: 15px" border="0"> Tópicos e mensagens</div></dd><dd style="display:none;" id="l9"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../msg.forum?folder=inbox" target="_blank"> Mensagens Privadas</a></span><span style="font-size: ;"><a href="../search.forum?search_topics={USERNAME}" target="_blank"> Meus tópicos</a></span><br /><span style="font-size: ;"><a href="../search.forum?search_id=egosearch" target="_blank"> Tópicos que participo </a></span><br /><span style="font-size: ;"><a href="../search.forum?search_author={USERNAME}&show_results=posts" target="_blank"> Minhas mensagens</a></span><br /><span style="font-size: ;"><a href="../search.forum?search_id=newposts" target="_blank"> Novas mensagens<br /> <small>({USERLASTVISIT})</small></a></span></dd></dl><span class="corners-bottom"><span></span></span>

Cordialmente,
StyLe

Olha, Nenhum Acima Resultou!

Mais eu editando conseguir deixar IGUAL ao do fórum dos fóruns, Antes ele ficava com uma borda estranha ao lado dos botões...

Vou dizer oque fiz pra ajudar futuros com a mesma duvida!

Primeiro:

O Código é esse (sem estar concertado):

Código:

<script src="http://illiweb.com/fa/js_16/collapsible_faq.js" type="text/javascript"></script>
<script>
jQuery(document).ready(function(){
 jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
 link = jQuery('.panel dl:first img', data).attr('src');
 jQuery('#avatar').attr('src', link);
 });
});
</script>
<span style="font-size: 1.2em;"><img id="avatar" align="left" width="50"><font size="4">{USERLINK}</font><br />
<b>Mensagens:</b> {USERCOUNTPOST}<br />
<span id="friends_cook"></span><br />
<br /></span>
<dd onClick="return CFAQ.display('l7', false);">
 <div style="cursor: pointer;" onClick="return CFAQ.display('l7', true);" onfocus="this.blur();"><img src="http://2img.net/i/fa/admin/icones/editer.png" style="width: 15px;height: 15px" border="0"> Alterar</div></dd><dd style="display:none;" id="l7"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../profile?mode=editprofile&amp;page_profil=informations" target="_blank"> Informações </a></span><span style="font-size: ;">
<a href="../profile?mode=editprofile&amp;page_profil=preferences" target="_blank"> Preferências </a></span><span style="font-size: ;"><br /><a href="../profile?mode=editprofile&amp;page_profil=avatars" target="_blank"> Avatar </a></span></dd><dd onClick="return CFAQ.display('l8', false);">
 <div style="cursor: pointer;" onClick="return CFAQ.display('l8', true);" onfocus="this.blur();"><img src="http://2img.net/i/fa/admin/icones/small_ico/support.png" style="width: 15px;height: 15px" border="0"> Ver</div></dd>
<dd style="display:none;" id="l8"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../profile?mode=editprofile&amp;page_profil=friendsfoes" target="_blank"> Amigos e ignorados</a></span><span style="font-size: ;"><a href="../search?search_id=watchsearch" target="_blank"> Tópicos supervisionados </a></span><br /><span style="font-size: ;"><a href="../search?search_id=draftsearch" target="_blank"> Rascunhos </a></span><br /><span style="font-size: ;"><a href="../search?search_id=favouritesearch" target="_blank"> Tópicos favoritos</a></span></dd><dd onClick="return CFAQ.display('l9', false);">
 <div style="cursor: pointer;" onClick="return CFAQ.display('l9', true);" onfocus="this.blur();"><img src="http://i27.servimg.com/u/f27/15/07/56/36/2qban410.png" style="width: 15px;height: 15px" border="0"> Tópicos e mensagens</div></dd><dd style="display:none;" id="l9"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../msg.forum?folder=inbox" target="_blank"> Mensagens Privadas</a></span><span style="font-size: ;"><a href="../search?search_topics={USERNAME}" target="_blank"> Meus tópicos</a></span><br /><span style="font-size: ;"><a href="../search?search_id=egosearch" target="_blank"> Tópicos que participo </a></span><br /><span style="font-size: ;"><a href="../search?search_author={USERNAME}&show_results=posts" target="_blank"> Minhas mensagens</a></span><br /><span style="font-size: ;"><a href="../search?search_id=newposts" target="_blank"> Novas mensagens<br /> <small>({USERLASTVISIT})</small></a></span></dd></dl><span class="corners-bottom"><span></span></span>

Tem uma Div ai que estar causando a borda, e eu curioso né, fui ver qual era o codigo ESTRANHO que tinha... Encontrei o seguinte:

Código:

<dl class="faq" style="margin-bottom: -1px !important;"><dt></dt>

Apaguei ele e pronto, Continua Funcionando o Efeito de abrir os menus etc...

Obrigado a todos que ajudarão, Duvida Resolvida... Tópico já pode ser feixado!