Painel de usuário

Qual é sua questão:
como colocar esse painel de controle :


Apresente-nos imagens do problema (se necessário):
https://2img.net/h/i1179.photobucket.com/albums/x382/Marascamarasca/12312.png

Olá!

Coloque esse código em algum Widget:
[Removido, não funciona]

Caso não funcione retire-o.

Até mais.
Luciano98.

Olá Luciano!

Também queria deixar assim o Painel do Usuário , tentei este código que você citou , e não funcionou , então tentei na Folha CSS e também não deu .

E agora?


Até mais!

Olá!

Tente o seguinte código:

Código:

<script>var nnome="{USERNAME}" ;if(nnome!="Convidado"){document.write(' <style> ');document.write(' #loginn{display:none!important;} ');document.write(' </style> ');}</script><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><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><div id=container><div id=top><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> </div><div class=clearfix></div></div></div>

Até mais.
Luciano98.

Olá de novo!

Novamente , ficou a mesma coisa ...

Desta vez eu criei um Widget e também não funcionou , depois tentei no mesmo Widget do código que não funcionou , e depois na Folha CSS , não funcionou também ...


Até mais!

Olá!

Funcionou sim, mas só funciona com quem está deslogado.

Até mais.
Luciano98.

Olá de novo!

Ah ._. Mas não tem um código que funcione para quem estar logado não ? e.e


Até mais!

iKeyboard escreveu:Olá de novo!

Ah ._. Mas não tem um código que funcione para quem estar logado não ? e.e


Até mais!

O outro codigo deveria funcionar sem estar logado, mas ele não está funcionando de nenhum dos jeitos.
O outro codigo que eu havia passado eu peguei do fórum que está no print que o autor do tópico passou.

Até mais.
Luciano98.

E então ..

Não tem outro código mesmo né ?


Até mais!

Olá veja se isso resolve
TUtorial painel de user e login

até mais!

Olá Darkyus!

Resolveu , porém só vai ficar na página inicial né?

Não tem como que fique em todas as páginas não?


Até mais!

pelo que vi no forum citado tem como sim so não sei como faz!

Olá de novo!

Ah ._. Vou tentar aqui , colocar em algum Widget , até dar certo rs.

Valeu !

nesse forum da sim, fica quando ta logado, deslogado e em todas as paginas, e se me conseguirem o codigocerto me falem como eu coloco ele.

eu coloquei esse codigo :

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>
 
    <a href="../rpg_sheet_edit.forum">Ficha de personagem</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>

so que ele fica todo desregulado fica as palavras tudo meio embaralhadas tem como arrumar e deixar q nem o da imagem ?

Olá Marasca!

Eu coloquei esse código ai , e funcionou perfeitamente.
Não fico 'desregulado' , não.

Você colocou na página inicial ou na Folha CSS?


Até mais!

coloquei na pagina inicial
como coloca na folha css ?

Olá de novo!

Para aceder a Folha de estilo CSS , vá em:
Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS

Tente colocar o código la,mas acho que não vai adiantar.Pois se não der,crie um novo Widget e cole o código.

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>
   
        <a href="../rpg_sheet_edit.forum">Ficha de personagem</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>

Até mais!

olha eu nao consegui mas deixa assim mesmo.
mas outra duvida
quando eu vou dar alerta nunca funciona sempre aparece q voce nao tem direitos e dar alerta,
como eu arrumo isso ? nem o admin esta conseguindo

Olá de novo!

Lamento,mas não sei como responder essa sua última questão.


Até mais!

Marasca escreveu:olha eu nao consegui mas deixa assim mesmo.
mas outra duvida
quando eu vou dar alerta nunca funciona sempre aparece q voce nao tem direitos e dar alerta,
como eu arrumo isso ? nem o admin esta conseguindo

Você tem uma noção de como se da alerta pelo perfil?

Passe o mouse pela barra de alerta no PERFIL e clique em um botão que irá aparecer ao lado dela.

iKeyboard escreveu:Lamento,mas não sei como responder essa sua última questão.

Se você não sabe responder uma pergunta, não precisa criar uma mensagem para avisar o usuário, pois isso pode ser considerado Flood e/ou Spam.

Até mais.
Luciano98.

Sim ali onde tem os botao de edit etc... tem o do alerta eu clico ali e aparece akela mensagem que falei.

Marasca escreveu:Sim ali onde tem os botao de edit etc... tem o do alerta eu clico ali e aparece akela mensagem que falei.

Que mensagem que da? Eu não vi nenhum post seu falando ela.

Até mais.
Luciano98.

não precisa mais eu resolvi muito obrigado ;D