Painel de usuário

Qual é minha questão:
gente como posso colocar um painel de usuário que nem esse site:
http://skycheats.forumslog.com/

Medidas que eu tomei para corrigir o problema:
.......................

Imagens do meu problema:


Endereço do meu fórum:
http://firecheats.forumfacil.net/

Versão do meu fórum:
INVISION

Tente colocar o código abaixo na Folha CSS

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.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>

Retira o código!

Olá,

Retire o código da folha de estilo CSS, e adicione em:
Painel de controle ->> Visualização ->> Home Page ->> Geral ->> Coloque em "Conteúdo da mensagem. :" e salve.


Adicione este código:

Código:


    <script>
        var nnome = "{USERNAME}" ;
        if ( nnome != "Convidado"){
        document.write(' <style> ');
        document.write(' #loginn{display:none!important;} ');
        document.write(' </style> ');
        }
        </script>


        <!-- The CSS -->
        <link rel="stylesheet" href="http://web-kreation.com/demos/login_form_mootools_1.2/fx.slide.css" type="text/css" media="screen" />
        <style>
        #login {
        overflow: visible;
        height: auto;
        -webkit-transition: margin-top 0.5s ease-in-out 0s;
        -moz-transition: margin-top 0.5s ease-in-out 0s;
        -o-transition: margin-top 0.5s ease-in-out 0s;
        transition: margin-top 0.5s ease-in-out 0s;

        }

        /* Login Panel */
        #top {
        background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_top.jpg) repeat-x 0 0;}

        #top ul.login {
        background: url(http://img18.imageshack.us/img18/3017/loginrw.png) no-repeat right 0;}

        #top ul.login li.left {
        background: url(http://img41.imageshack.us/img41/3439/loginlc.png) no-repeat left 0;}

        #top ul.login li {
        background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_m.jpg) repeat-x 0 0;}

        /*Login*/
        /* toggle effect - show/hide login*/
        #login {
        background: #1E1E1E;}

        #login .loginContent input:focus.field {
        background: #545454;}

        #login .loginContent input.button_login {
        background: transparent url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_login.jpg) no-repeat 0 0;}

        #login .loginClose a {
        background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg) no-repeat right 0;}

        #login .loginClose a:hover {
        background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg) no-repeat right -20px;}
        </style>

        <!-- Login --><div id="loginn" style="display: block;position: absolute;left: 0px;top: 0px;width: 100%;">
        <div id="login" style="margin-top:-105px;">
        <div class="loginContent">

        <form action="/login.forum" method="post" enctype="multipart/form-data" name="form_login" id="form_login2">

        <label for="log"><b>Username: </b></label>
        <input name="username" size="23" class="field" maxlength="25" type="text" style="clear: both;" />

        <label for="pwd"><b>Password:</b></label>
        <input name="password" class="field" size="23" maxlength="25" type="password" style="clear: both;" />

        <input class="menuoption button_login" type="submit" name="login" value=" " />

        <input type="hidden" name="redirect" value="" />

        </form>
        <div class="left">

        <label for="rememberme">
        <input name="autologin" id="autologin" type="checkbox" tabindex="4" checked="checked" class="radio" /> Conexão automática
        </label>

        </div>
        <div class="right">Não é um membro? <a href="/profile.forum?mode=register">Registar-me</a> | <a class="gensmall" href="/profile.forum?mode=sendpassword"> Recuperar Senha</a></div>

        </div>
        <div class="loginClose"><a href="#" id="closeLogin" onclick="document.getElementById('login').style.marginTop=((document.getElementById('login').style.marginTop=='0px')? '-105px' : '0px');">Fechar Painel</a></div>

        </div>


        <!-- /login -->


        <div id="container">
        <div id="top">

        <!-- login -->

        <ul class="login">

        <li class="left"> </li>

        <li>Olá Visitante!</li>

        <li>|</li>

        <li><a id="toggleLogin" href="#" onclick="document.getElementById('login').style.marginTop=((document.getElementById('login').style.marginTop=='0px')? '-105px' : '0px');">Entrar</a></li>

        </ul> <!-- / login -->

        </div> <!-- / top -->


        <div class="clearfix"></div>
        </div>



        </div>


Até mais.

não deu ele ja saiu mas o template..

Não tenho culpa, este é o códg que achei no tutorial aqui.. Só lhe passei para facilitar

mas vc falo que era pra colocar na folha CSS e não era lá e eu não sabia dai eu coloquei e meu fórum foi pro lixo

é na folha CSS, coloquei no meu fórum e deu certo!

agora ja era..

Olá,

Tente o seguinte código:

Código:

        <!-- The CSS -->
            <link rel="stylesheet" href="http://web-kreation.com/demos/login_form_mootools_1.2/fx.slide.css" type="text/css" media="screen" />
            <style>
            #login {
            overflow: visible;
            height: auto;
            -webkit-transition:  margin-top 0.5s ease-in-out 0s;
            -moz-transition:  margin-top 0.5s ease-in-out 0s;
            -o-transition:    margin-top 0.5s ease-in-out 0s;
            transition:    margin-top 0.5s ease-in-out 0s;
     
            }
     
            /* Login Panel I */
            #topp {
            height: 38px;
            position: relative;
            }
     
            #topp ul.login {
            display: block;
            position: relative;
            float: right;
            clear: right;
            height: 38px;
            width: auto;
            font-weight: bold;
            line-height: 38px;
            margin: 0;
            right: 150px;
            color: white;
            font-size: 80%;
            text-align: center;
            padding-right: 45px;
            }
     
            #topp ul.login li.left {
            height: 38px;
            width: 45px;
            padding: 0;
            margin: 0;
            display: block;
            float: left;
            }
     
            #topp ul.login li {
            text-align: left;
            padding: 0 6px;
            display: block;
            float: left;
            height: 38px;
            }
            #topp ul.login li a {color: #33CCCC;}
            #topp ul.login li a:hover {color: white;}
     
            /* Login Panel */
            #topp {
            background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_top.jpg) repeat-x 0 0;}
     
            #topp ul.login {
            background: url(http://img18.imageshack.us/img18/3017/loginrw.png) no-repeat right 0;}
     
            #topp ul.login li.left {
            background: url(http://img41.imageshack.us/img41/3439/loginlc.png) no-repeat left 0;}
     
            #topp ul.login li {
            background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_m.jpg) repeat-x 0 0;}
     
            /*Login*/
            /* toggle effect - show/hide login*/
            #login {
            background: #1E1E1E;}
     
            #login .loginContent input:focus.field {
            background: #545454;}
     
            #login .loginContent{padding-top:0px;width:790px;height:100px;}
     
            #login .loginContent input.button_login {
            background: transparent url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_login.jpg) no-repeat 0 0;}
     
            #login .loginClose a {
            background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg) no-repeat right 0;}
     
            #login .loginClose a:hover {
            background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg) no-repeat right -20px;}
            </style>
     
            <!-- Login --><div id="loginn" style="display: block;position: absolute;left: 0px;top: 0px;width: 100%;"><div id="login" style="margin-top:-100px;"><div class="loginContent">
     
     
     
     
            <table  style="width:100%;"  border="0">
            <tr>
     
            <td style="text-align:center;">
            <table border="0">
            <tr>
     
            <td>
            <script>
            jQuery(document).ready(function(){
              jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
                  link = jQuery('.panel dl:first img', data).attr('src');
                  if(link){
                    jQuery('#avatar').html('<img src="'+link+'" align="left" width="60" height="80">');
                  }else{
                    jQuery('#avatar').html('');
                  }
              });
            });
            </script><div id="avatar"><center><img src="http://i53.tinypic.com/1e1fex.gif"></center></div>
            </td>
     
            <td>
            <span style="font-size: 1.2em;">
            <font size="4"><a href="http://pwn3dmods.forumbrasil.net/profile.forum?mode=viewprofile&amp;u=283">{USERNAME}</a></font>
     
            <b>Mensagens:</b> {USERCOUNTPOST}
            </span>
            </td>
     
            </tr>
            </table>
            </td>
     
     
     
            <td style="text-align:center;">
            <span style="font-size: 1.2em;"><b>Alterar</b>
     
            <a href="../profile.forum?mode=editprofile&amp;page_profil=informations">Informações</a>
     
            <a href="../profile.forum?mode=editprofile&amp;page_profil=preferences">Preferências</a>
     
            <a href="../profile.forum?mode=editprofile&amp;page_profil=signature">Assinatura</a>
     
            <a href="../profile.forum?mode=editprofile&amp;page_profil=avatars">Avatar</a>
     
            </span>
            </td>
     
            <td style="text-align:center;">
            <span style="font-size: 1.2em;"><b>Ver</b>
     
            <a href="../profile.forum?mode=editprofile&amp;page_profil=friendsfoes">Amigos & ignorados</a>
     
            <a href="../search.forum?search_id=watchsearch">Tópicos supervisionados</a>
     
            <a href="../search.forum?search_id=draftsearch">Rascunhos</a>
     
            <a href="../search.forum?search_id=favouritesearch">Tópicos favoritos</a>
     
                 
            </span>
            </td>
     
            <td style="text-align:center;">
            <span style="font-size: 1.2em;"><b>Tópicos & Mensagens</b>
     
            <a href="../msg.forum?folder=inbox">Mensagens Privadas</a>
     
            <a href="../search.forum?search_topics=Victor">Meus tópicos</a>
     
            <a href="../search.forum?search_id=egosearch">Tópicos que participa</a>
     
            <a href="../search.forum?search_author=Victor&show_results=posts">Minhas mensagens</a>
     
            <a href="../search.forum?search_id=newposts">Últimos tópicos</a>
     
            </span>
            </td>
     
            </tr>
            </table>
     
     
     
     
            </div>
     
            </div>
     
     
            <!-- /login --><div id="container"><div id="topp">
     
            <!-- login -->
     
            <ul class="login">
     
            <li class="left"> </li>
     
            <li><a id="toggleLogin" href="#" onclick="document.getElementById('login').style.marginTop=((document.getElementById('login').style.marginTop=='0px')? '-100px' : '0px');">Painel de Usuário</a></li>
     
            </ul> <!-- / login -->
     
            </div> <!-- / topp --><div class="clearfix"></div>
            </div></p></div>

Coloque em um WidGet!
Painel de Controles -> Módulo [colo=red]->[/color] Gestão dos widgets do fórum -> Criar um widget personalizado

Até mais.

Olá,

Autor, sua questão encontra-se resolvida?

Yeah