Criar um painel de usuário Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Criar um painel de usuário

5 participantes

Ir para baixo

Tópico resolvido Criar um painel de usuário

Mensagem por dieeego Sáb 30 Jul 2011 - 19: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 Sáb 30 Jul 2011 - 19: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 Sáb 30 Jul 2011 - 20: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 Sáb 30 Jul 2011 - 20: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 Sáb 30 Jul 2011 - 20: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 Sáb 30 Jul 2011 - 20: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 Sáb 30 Jul 2011 - 20: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 Seg 1 Ago 2011 - 17: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

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

Mensagem por dieeego Seg 1 Ago 2011 - 18: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 Seg 1 Ago 2011 - 21: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 Seg 1 Ago 2011 - 21: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 Seg 1 Ago 2011 - 21: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 Seg 1 Ago 2011 - 21: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 Seg 1 Ago 2011 - 21: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 Seg 1 Ago 2011 - 21: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

Ir para o topo

- Tópicos semelhantes

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