Criar um painel de usuário

5 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Criar um painel de usuário

Mensagem por dieeego 30.07.11 23:28

Qual é minha questão:
eu queria saber como eu consigo botar um painel do usuario com um hank do usuario e com algumas opcões de seus perfis ai eu ueria saber ond eu boto esse codigo.

Medidas que eu tomei para corrigir o problema:
vim a este forum

Imagens do meu problema:
nem tenho

Endereço do meu fórum:
http://supeeronze.forumeiros.com

Versão do meu fórum:
PHPBB2
dieeego

dieeego
****

Membro desde : 08/06/2011
Mensagens : 269
Pontos : 411

http://superonzee.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar um painel de usuário

Mensagem por Cream 30.07.11 23:55

Olá,

Para isso leia o seguinte tópico:
Flecha ajudeiros https://ajuda.forumeiros.com/t16713-

Deverás adicionar o código em um widget qualquer. Exemplo de um painel:
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>

Atenciosamente!
Cream

Cream
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar um painel de usuário

Mensagem por dieeego 31.07.11 0:02

mas eu nao quero um widget eu quero que apareça na parte de cima da pagina no canto direito. como esta imagem

Criar um painel de usuário Painelaberto2



Última edição por dieeego em 31.07.11 0:19, editado 1 vez(es)
dieeego

dieeego
****

Membro desde : 08/06/2011
Mensagens : 269
Pontos : 411

http://superonzee.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar um painel de usuário

Mensagem por dieeego 31.07.11 0:15

Criar um painel de usuário Paineldousuario



Criar um painel de usuário Painelaberto




Eu quero um painel igual a este que ta na imagem
dieeego

dieeego
****

Membro desde : 08/06/2011
Mensagens : 269
Pontos : 411

http://superonzee.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar um painel de usuário

Mensagem por Cream 31.07.11 0:32

Olá,

Coloque este código em um widget do seu fórum:
Código:

    <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">
   
   
   
   
        <center><table  style="width:100%;"  border="0">
        <tr>
   
        <td style="text-align:center;">
        <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>
        <font color="#E9A210"><BIG><BIG><strong>Olá {USERNAME}</strong></big></big></font>
        <br>

        <br>
        <font color="#E9A210"><BIG><strong><b>Data/Hora:</b></strong></big></font>
        <br>

        <font color="#E9A210"><BIG><strong><script type="text/javascript" language="JavaScript">

    var now = new Date();
    var hours = now.getHours();
    var minutes = now.getMinutes();
    var timeValue = "" + ((hours >12) ? hours -12 :hours)
    timeValue += ((minutes < 10) ? ":0" : ":") + minutes
    timeValue += (hours >= 12) ? " PM" : " AM"
    timerRunning = true;

    mydate = new Date();
    myday = mydate.getDay();
    mymonth = mydate.getMonth();
    myweekday= mydate.getDate();
    weekday= myweekday;

    if(myday == 0)
    day = " Domingo, "

    else if(myday == 1)
    day = " Segunda, "

    else if(myday == 2)
    day = " Terça, "

    else if(myday == 3)
    day = " Quarta, "

    else if(myday == 4)
    day = " Quinta, "

    else if(myday == 5)
    day = " Sexta, "

    else if(myday == 6)
    day = " Sábado, "

    if(mymonth == 0)
    month = " de Janeiro de "

    else if(mymonth ==1)
    month = " de Fevereiro"

    else if(mymonth ==2)
    month = " de Março"

    else if(mymonth ==3)
    month = " de April de "

    else if(mymonth ==4)
    month = " de Maio"

    else if(mymonth ==5)
    month = " de Junho de "

    else if(mymonth ==6)
    month = " de Julho"

    else if(mymonth ==7)
    month = " de Agosto de "

    else if(mymonth ==8)
    month = " de Setembro"

    else if(mymonth ==9)
    month = " de Outubro"

    else if(mymonth ==10)
    month = " de Novembro"

    else if(mymonth ==11)
    month = " de Dezembro"

    document.write( day + myweekday + month  + " - " + timeValue);

    </script></big><strong></font>
        </span>
        </td>
   
        </tr>
        </table></center>
        </td>


        </span>
        </td>
     
   
        <div style="text-align: center;">
        <td style="text-align:center;">
        <span style="font-size: 1.2em;"><b>Alterar</b>
        <br>
        <br>
   
        <a href="../profile.forum?mode=editprofile&amp;page_profil=informations">Perfil</a><br>
   
        <a href="../profile.forum?mode=editprofile&amp;page_profil=preferences">Preferências</a><br>
   
        <a href="../profile.forum?mode=editprofile&amp;page_profil=signature">Assinatura</a><br>
   
        <a href="../profile.forum?mode=editprofile&amp;page_profil=avatars">Avatar</a><br>
   
        </span>
        </td>
   
        <td style="text-align:center;">
        <span style="font-size: 1.2em;"><b>Ver</b>
        <br>
   
        <a href=""></a><br>

        <a href="../search.forum?search_id=watchsearch">Tópicos supervisionados</a>

        <a href=""></a><br>

        <a href="../profile.forum?mode=editprofile&amp;page_profil=friendsfoes">Amigos & ignorados</a><br>
   
        <a href="../search.forum?search_id=watchsearch">Tópicos supervisionados</a>

        <a href=""></a><br>

        </span>
        </td>
   
        <td style="text-align:center;">
        <span style="font-size: 1.2em;"><b>Tópicos & Mensagens</b>
        <br>
   
        <a href="../msg.forum?folder=inbox">Mensagens Privadas</a><br>
   
        <a href="../search.forum?search_topics={USERNAME}">Meus tópicos</a><br>
   
        <a href="../search.forum?search_id=egosearch">Tópicos que participo(a)</a><br>
   
        <a href="../search.forum?search_author={USERNAME}&show_results=posts">Minhas mensagens</a><br>
   
        <a href="../search.forum?search_id=newposts">Últimos tópicos</a<br>
   
        </span>
        </td>

        <div style="text-align: center;">
        <td style="text-align:center;">
        <span style="font-size: 1.2em;"><b>Noticias Oficiais</b>
        <br>
        <br>

        <a href="http://perfect-rp.forumeiros.com/t436-reformulacao-da-staff">Reformulação da STAFF</a><br>

        <a href="http://perfect-rp.forumeiros.com/t312-team-speak-3-perfect-roleplay">Team Speak 3</a><br>
        </span>
        </td>
   
        </tr>
        </table> </center>
   
   
   
   
        </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 do Usuário</a></li>
   
        </ul> <!-- / login -->
   
        </div> <!-- / topp --><div class="clearfix"></div>

Leia:
Flecha ajudeiros https://ajuda.forumeiros.com/t15885-

Veja se fica como queres.
Atenciosamente!
Cream

Cream
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar um painel de usuário

Mensagem por dieeego 31.07.11 0:46

ola ficou quase como eu queria só deu uma coisa errado as letras e os links ficaram para fora da barrinha preta do painel.

resumindo as letras ficaram grandes de mais tem como vc me ajudar e diminuir as letras.
obrigado
dieeego

dieeego
****

Membro desde : 08/06/2011
Mensagens : 269
Pontos : 411

http://superonzee.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar um painel de usuário

Mensagem por Convidad 01.08.11 21:56

Pedimos que você evite o double post.
Poderia por favor nos mostrar uma imagem de como esta o painel?
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Criar um painel de usuário

Mensagem por dieeego 01.08.11 22:08

ok foi mal eu nao sabia ! e aky esta a imagem de como ficou :

Criar um painel de usuário Painelusuarioerradoprin

dieeego

dieeego
****

Membro desde : 08/06/2011
Mensagens : 269
Pontos : 411

http://superonzee.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar um painel de usuário

Mensagem por Dury 02.08.11 1:06

Olá,

Adicione este:
Código:
    <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">
 
 
 
 
        <center><table  style="width:100%;"  border="0">
        <tr>
 
        <td style="text-align:center;">
        <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>
        <font color="#E9A210"><BIG><BIG><strong>Olá {USERNAME}</strong></big></big></font>
        <br>

        <br>
        <font color="#E9A210"><BIG><strong><b>Data/Hora:</b></strong></big></font>
        <br>

        <font color="#E9A210"><BIG><strong><script type="text/javascript" language="JavaScript">

    var now = new Date();
    var hours = now.getHours();
    var minutes = now.getMinutes();
    var timeValue = "" + ((hours >12) ? hours -12 :hours)
    timeValue += ((minutes < 10) ? ":0" : ":") + minutes
    timeValue += (hours >= 12) ? " PM" : " AM"
    timerRunning = true;

    mydate = new Date();
    myday = mydate.getDay();
    mymonth = mydate.getMonth();
    myweekday= mydate.getDate();
    weekday= myweekday;

    if(myday == 0)
    day = " Domingo, "

    else if(myday == 1)
    day = " Segunda, "

    else if(myday == 2)
    day = " Terça, "

    else if(myday == 3)
    day = " Quarta, "

    else if(myday == 4)
    day = " Quinta, "

    else if(myday == 5)
    day = " Sexta, "

    else if(myday == 6)
    day = " Sábado, "

    if(mymonth == 0)
    month = " de Janeiro de "

    else if(mymonth ==1)
    month = " de Fevereiro"

    else if(mymonth ==2)
    month = " de Março"

    else if(mymonth ==3)
    month = " de April de "

    else if(mymonth ==4)
    month = " de Maio"

    else if(mymonth ==5)
    month = " de Junho de "

    else if(mymonth ==6)
    month = " de Julho"

    else if(mymonth ==7)
    month = " de Agosto de "

    else if(mymonth ==8)
    month = " de Setembro"

    else if(mymonth ==9)
    month = " de Outubro"

    else if(mymonth ==10)
    month = " de Novembro"

    else if(mymonth ==11)
    month = " de Dezembro"

    document.write( day + myweekday + month  + " - " + timeValue);

    </script></big><strong></font>
        </span>
        </td>
 
        </tr>
        </table></center>
        </td>


        </span>
        </td>
   
 
        <div style="text-align: center;">
        <td style="text-align:center;">
        <span style="font-size: 1.2em;"><b>Alterar</b>
        <br>
        <br>
 
        <a href="../profile.forum?mode=editprofile&amp;page_profil=informations">Perfil</a><br>
 
        <a href="../profile.forum?mode=editprofile&amp;page_profil=preferences">Preferências</a><br>
 
        <a href="../profile.forum?mode=editprofile&amp;page_profil=signature">Assinatura</a><br>
 
        <a href="../profile.forum?mode=editprofile&amp;page_profil=avatars">Avatar</a><br>
 
        </span>
        </td>
 
        <td style="text-align:center;">
        <span style="font-size: 1.2em;"><b>Ver</b>
        <br>
 
        <a href=""></a><br>

        <a href="../search.forum?search_id=watchsearch">Tópicos supervisionados</a>

        <a href=""></a><br>

        <a href="../profile.forum?mode=editprofile&amp;page_profil=friendsfoes">Amigos & ignorados</a><br>
 
        <a href="../search.forum?search_id=watchsearch">Tópicos supervisionados</a>

        <a href=""></a><br>

        </span>
        </td>
 
        <td style="text-align:center;">
        <span style="font-size: 1.2em;"><b>Tópicos & Mensagens</b>
        <br>
 
        <a href="../msg.forum?folder=inbox">Mensagens Privadas</a><br>
 
        <a href="../search.forum?search_topics={USERNAME}">Meus tópicos</a><br>
 
        <a href="../search.forum?search_id=egosearch">Tópicos que participo(a)</a><br>
 
        <a href="../search.forum?search_author={USERNAME}&show_results=posts">Minhas mensagens</a><br>
 
        <a href="../search.forum?search_id=newposts">Últimos tópicos</a<br>
 
        </span>
        </td>

        <div style="text-align: center;">
        <td style="text-align:center;">
        <span style="font-size: 1.2em;"><b>Noticias Oficiais</b>
        <br>
        <br>

        <a href="http://perfect-rp.forumeiros.com/t436-reformulacao-da-staff">Reformulação da STAFF</a><br>

        <a href="http://perfect-rp.forumeiros.com/t312-team-speak-3-perfect-roleplay">Team Speak 3</a><br>
        </span>
        </td>
 
        </tr>
        </table> </center>
 
 
 
 
        </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 do Usuário</a></li>
 
        </ul> <!-- / login -->
 
        </div> <!-- / topp -->
Dury

Dury
Membro Entusiasta

Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829

https://shiftactive.blogspot.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar um painel de usuário

Mensagem por dieeego 02.08.11 1:23

ainda nao funcionou ! ficou do mesmo jeito só que as letras ficam grandes antes de abrir o painel !
dieeego

dieeego
****

Membro desde : 08/06/2011
Mensagens : 269
Pontos : 411

http://superonzee.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar um painel de usuário

Mensagem por Ace 02.08.11 1:36

Olá,

Só para deixar mais claro, você gostaria de adicionar um pequeno widget, por exemplo, no portal mostrando links rápidos e o rank do usuário?
Ace

Ace
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11608

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar um painel de usuário

Mensagem por otmundobr 02.08.11 1:39

Código:
<!DOCTYPE>

<!-- 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">{USERLINK}</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={USERNAME}">Meus tópicos</a>

<a href="../search.forum?search_id=egosearch">Tópicos que participa</a>

<a href="../search.forum?search_author={USERNAME}&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>



<script>
jQuery(document).ready(function() {
msg = '©️ <b>2011 Todos os direitos reservados ao fórum central.</b>';
jQuery('#page-footer').html(jQuery('#page-footer').html() + msg);
});
</script>



coloque esse codigo em
vá em painel de controle :seta2: visualização :artmeiros:Home Page :seta2: Geral

e coloque o codigo em Conteúdo da mensagem


Última edição por otmundobr em 02.08.11 1:50, editado 1 vez(es)
otmundobr

otmundobr
***

Membro desde : 18/07/2011
Mensagens : 174
Pontos : 289

http://otmundobr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar um painel de usuário

Mensagem por dieeego 02.08.11 1:49

vlw cara funcionou perfeitamente
dieeego

dieeego
****

Membro desde : 08/06/2011
Mensagens : 269
Pontos : 411

http://superonzee.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos