Painel de controle do usuário

2 participantes

Ir para baixo

Tópico resolvido Painel de controle do usuário

Mensagem por Thor ϟ 14.12.11 13:35

Qual é minha questão:
Olá!

Depois de ler o Tutorial aqui no FdF como criar um painel de usuário, fiz todo procedimento certo, porém os links não ficam ocultos, por exemplo eu gostaria de por essas imagens que ficam do lado de "Alterar" "Ver" "Tópicos e mensagens" e o avatar do usuário não está aparecendo, por exemplo o painel do usuário aqui no FdF, quando clica no "Alterar" amostra os links e quando clica de novo oculta eles, queria o mesmo no meu painel de usuário, porém não detecto o erro no meu código, poderiam ver qual seria?

Código:
<span style="font-size: 1.2em;"><img src="" 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://thugfamily.forumbrasil.net/profile?mode=editprofile" 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>

Medidas que eu tomei para corrigir o problema:
Recorri ao FdF.

Imagens do meu problema:
Basta ver o portal do meu fórum.

Endereço do meu fórum:
http://thugfamily.forumbrasil.net/portal

Versão do meu fórum:
INVISION

@EDIT Não acredito que fiz a mesma idiotice de criar o tópico na secção errada, poderiam movê-lo é porque estou acustumado a criar os tópicos aqui Demônio
Thor ϟ
Thor ϟ
Membro

Membro desde : 19/06/2011
Mensagens : 617
Pontos : 1178

http://thugmta.forumbrasil.net/ https://www.facebook.com/daniel.rodrigues.jp225 https://twitter.com/daniel_absolute

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de controle do usuário

Mensagem por Foxx 14.12.11 13:44

Olá, tente este código:

Código:
        <script src="http://illiweb.com/fa/js_16/collapsible_faq.js" type="text/javascript"></script>
            <font size="4">{USERLINK}</font><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">

            <b>Mensagens:</b> {USERCOUNTPOST}

            <span id="friends_cook"></span>

     
        </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://i66.servimg.com/u/f66/15/86/37/09/config10.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://i66.servimg.com/u/f66/15/86/37/09/new_ic10.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://i66.servimg.com/u/f66/15/86/37/09/ecrire10.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}&amp;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></a></span></dd></dl>

Até mais!
Foxx
Foxx
****

Membro desde : 07/12/2010
Mensagens : 313
Pontos : 462

http://artdesigner.forumeiro.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de controle do usuário

Mensagem por Thor ϟ 14.12.11 13:50

Olá!

Resultou! Porém não está aparecendo o avatar do usuário e eu gostaria que a parte "Mensagens" ficasse abaixo do avatar.

@EDIT

Vejam o exemplo:


Eu queria que a parte "Sair" também tivesse no meu painel de usuário.

Até mais.
Thor ϟ
Thor ϟ
Membro

Membro desde : 19/06/2011
Mensagens : 617
Pontos : 1178

http://thugmta.forumbrasil.net/ https://www.facebook.com/daniel.rodrigues.jp225 https://twitter.com/daniel_absolute

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de controle do usuário

Mensagem por Foxx 14.12.11 14:09

Tente esse:

Código:
    <span style="font-size: 1.2em;"><font size="4"><a href="http://gtabrasilmods.forumeiros.com/profile?mode=editprofile">Convidado</a></font><br>
    <font size="2"><b>Mensagens:</b>0</font><br>
                                                <font size="3"><img src="http://i27.servimg.com/u/f27/15/07/56/36/2s60s810.png" alt="" align="top"></font><font color="#ff0000" size="3"><b>

    <a href="../login.forum?logout=true"><font color="#ff0000">Sair</font></a></b></font><table></table>
    <br></span><div style="text-align: left;"><b><font size="2"><span id="altabrir" style="cursor: pointer;">Alterar</span></font></b><br>
          <div id="altaberto" style=""><img src="http://i46.tinypic.com/qyclys.jpg" alt=""><a href="../profile?mode=editprofile&page_profil=informations" target="_blank"><font size="2">Informações </font></a><br>

          <img src="http://i48.tinypic.com/104kh77.jpg" alt=""><a href="../profile?mode=editprofile&page_profil=preferences" target="_blank"><font size="2">Preferências </font></a><br>
          <img src="http://i49.tinypic.com/2m2xhr6.jpg" alt=""><a href="../profile?mode=editprofile&page_profil=signature" target="_blank"><font size="2">Assinatura </font></a><br>
          <img src="http://i46.tinypic.com/20zbcsp.jpg" alt=""><a href="../profile?mode=editprofile&page_profil=avatars" target="_blank"><font size="2">Avatar </font></a></div>

    <b><span style="cursor: pointer;" id="verabrir"><font size="2"> Ver</font></span></b><br>
          <div id="veraberto" style=""><img src="http://i50.tinypic.com/x3s2hc.jpg" alt=""><a href="../profile?mode=editprofile&page_profil=friendsfoes" target="_blank"><font size="2">Amigos e ignorados</font></a><br>
          <img src="http://i45.tinypic.com/2hgs09x.jpg" alt=""><a href="../search?search_id=watchsearch" target="_blank"><font size="2">Tópicos supervisionados </font></a><br>

          <img src="http://i50.tinypic.com/55oyyt.jpg" alt=""><a href="../search?search_id=draftsearch" target="_blank"><font size="2">Rascunhos </font></a><br>
          <img src="http://i49.tinypic.com/14bl4rs.jpg" alt=""><a href="../search?search_id=favouritesearch" target="_blank"><font size="2">Tópicos favoritos</font></a></div>
    <b><span id="menabrir" style="cursor: pointer;"><font size="2">Tópicos & Mensagens</font></span></b><br>

          <div id="menaberto" style="display: block;"><img src="http://i47.tinypic.com/2qban4m.jpg" alt=""><a href="../msg.forum?folder=inbox" target="_blank"><font size="2">Mensagens Privadas </font></a><br>
          <img src="http://i49.tinypic.com/bg8ahl.jpg" alt=""><a href="../search?search_topics=SantolaZ" target="_blank"><font size="2">Meus tópicos</font></a><br>
          <img src="http://i47.tinypic.com/fa99ts.jpg" alt=""><a href="../search?search_id=egosearch" target="_blank"><font size="2">Tópicos que participo </font></a><br>

          <img src="http://i48.tinypic.com/2pyornk.jpg" alt=""><a href="../search?search_author=SantolaZ&show_results=posts" target="_blank"><font size="2">Minhas mensagens</font></a><br>
          <img src="http://i49.tinypic.com/2s1aels.jpg" alt=""><a href="../search?search_id=newposts" target="_blank"><font size="2">Novas mensagens</font><br> <font size="2">(Dom Dez 12, 2010)</font></a></div><h3 style="border-color: rgb(22, 117, 188);"></h3></div>

Até mais!
Foxx
Foxx
****

Membro desde : 07/12/2010
Mensagens : 313
Pontos : 462

http://artdesigner.forumeiro.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de controle do usuário

Mensagem por Thor ϟ 14.12.11 14:12

Olá infelizmente o resultado piorou, os links que eu queriam que fossem ocultados não está mais, lá fala que eu estou conectado como convidado e tenho 0 mensagens sendo que estou logado na minha conta de Admin, o "Sair" funcionou, só que o resto piorou há e o avatar não está aparecendo mais: http://thugfamily.forumbrasil.net/portal
Thor ϟ
Thor ϟ
Membro

Membro desde : 19/06/2011
Mensagens : 617
Pontos : 1178

http://thugmta.forumbrasil.net/ https://www.facebook.com/daniel.rodrigues.jp225 https://twitter.com/daniel_absolute

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de controle do usuário

Mensagem por Foxx 14.12.11 14:13

Veja esse agora:

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>
                                                <font size="3"><img src="http://i27.servimg.com/u/f27/15/07/56/36/2s60s810.png" alt="" align="top"></font><font size="3" color="#ff0000"><b>
    <a href="http://tugatech.com.pt/login.forum?logout=true"><font color="#ff0000">Sair</font></a></b></font>
    <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://i27.servimg.com/u/f27/15/07/56/36/104kh710.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://i27.servimg.com/u/f27/15/07/56/36/x3s2hc10.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>

Até mais!
Foxx
Foxx
****

Membro desde : 07/12/2010
Mensagens : 313
Pontos : 462

http://artdesigner.forumeiro.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de controle do usuário

Mensagem por Thor ϟ 14.12.11 14:21

Olá resultou, mas quando eu clico em "Sair" você é redirecionado para este site: http://tugatech.com.pt/forum em vez de fazer logouft no meu fórum, e a imagem de: "Alterar" não está aparecendo e nem o avaatar somente isso que ocorre de errado agora.

Atenciosamente, Daniel.
Thor ϟ
Thor ϟ
Membro

Membro desde : 19/06/2011
Mensagens : 617
Pontos : 1178

http://thugmta.forumbrasil.net/ https://www.facebook.com/daniel.rodrigues.jp225 https://twitter.com/daniel_absolute

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de controle do usuário

Mensagem por Foxx 14.12.11 14:26

Bom, eu procurei no fórum todos os paineis de usuarios e o ultimo que eu encontrei foi esse Piscada porque você não usa um que fica no topo? é mas fácil

Até mais!
Foxx
Foxx
****

Membro desde : 07/12/2010
Mensagens : 313
Pontos : 462

http://artdesigner.forumeiro.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de controle do usuário

Mensagem por Thor ϟ 14.12.11 14:33

Olá!

O problema é que não sou muito bom em códigos, pra eu pegar um Painel de usuário tenho que modificar de acordo à meu gosto e o fórum, infelizmente não sou muito bom em códigos, teria o código para o painel de usuário ao topo? desculpa Chorando ou muito tr

Até mais.
Thor ϟ
Thor ϟ
Membro

Membro desde : 19/06/2011
Mensagens : 617
Pontos : 1178

http://thugmta.forumbrasil.net/ https://www.facebook.com/daniel.rodrigues.jp225 https://twitter.com/daniel_absolute

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de controle do usuário

Mensagem por Foxx 14.12.11 14:52

Aqui está:

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: #ffffff;}
            #topp ul.login li a:hover {color: white;}

            /* Login Panel */
            #topp {
            background: url(http://i44.servimg.com/u/f44/16/64/98/32/login_12.png) repeat-x 0 0;}

            #topp ul.login {
            background: url(http://i44.servimg.com/u/f44/16/64/98/32/loginr11.png) no-repeat right 0;}

            #topp ul.login li.left {
            background: url(http://i44.servimg.com/u/f44/16/64/98/32/loginl11.png) no-repeat left 0;}

            #topp ul.login li {
            background: url(http://i44.servimg.com/u/f44/16/64/98/32/login_13.png) repeat-x 0 0;}

            /*Login*/
            /* toggle effect - show/hide login*/
            #login {
            background: #009AC6;}

            #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;}a:hover{color:red!important}
            </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="3"><a href="/profile?mode=editprofile" style="color:#ffffff">{USERNAME}</a></font>
            </td>
            <td>
            <b>  Mensagens:</b> {USERCOUNTPOST}
            </span>
            </td>

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



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

            <a href="../profile.forum?mode=editprofile&amp;page_profil=informations"><font color="#FFFFFF">Informações</font></a><br>

            <a href="../profile.forum?mode=editprofile&amp;page_profil=preferences"><font color="#FFFFFF">Preferências</font></a><br>

            <a href="../profile.forum?mode=editprofile&amp;page_profil=signature"><font color="#FFFFFF">Assinatura</font></a><br>

            <a href="../profile.forum?mode=editprofile&amp;page_profil=avatars"><font color="#FFFFFF">Avatar</font></a>

            </span>
            </td>

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

            <a href="../profile.forum?mode=editprofile&amp;page_profil=friendsfoes"><font color="#FFFFFF">Amigos & ignorados</font></a><br>

            <a href="../search.forum?search_id=watchsearch"><font color="#FFFFFF">Tópicos supervisionados</font></a><br>

            <a href="../search.forum?search_id=favouritesearch"><font color="#FFFFFF">Tópicos favoritos</font></a><br>

            <a href="../rpg_sheet_edit.forum"><font color="#FFFFFF">Ficha de personagem</font></a>

            </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"><font color="#FFFFFF">Mensagens Privadas</font></a><br>

            <a href="../search.forum?search_topics=favouritesearch"><font color="#FFFFFF">Meus tópicos</font></a><br>

            <a href="../search.forum?search_id=egosearch"><font color="#FFFFFF">Tópicos que participa</font></a><br>

            <a href="../search.forum?search_author=favouritesearch&show_results=posts"><font color="#FFFFFF">Minhas mensagens</font></a><br>

            </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 o código na homepage ou no portal!
Foxx
Foxx
****

Membro desde : 07/12/2010
Mensagens : 313
Pontos : 462

http://artdesigner.forumeiro.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de controle do usuário

Mensagem por Thor ϟ 14.12.11 15:00

Olá!

Gostaria que você retirasse a parte "ficha de personagem" e arrumasse as partes "meus tópicos" e "minhas mensagens" pois quando clica aparece a mensagem "Nenhum tópico ou mensagem foi encontrado usando estes critérios", sendo que deveria funcionar, solução?

Até mais, Daniel.
Thor ϟ
Thor ϟ
Membro

Membro desde : 19/06/2011
Mensagens : 617
Pontos : 1178

http://thugmta.forumbrasil.net/ https://www.facebook.com/daniel.rodrigues.jp225 https://twitter.com/daniel_absolute

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de controle do usuário

Mensagem por Foxx 14.12.11 15:09

Utilize esse então:


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><br />
    <b>Mensagens:</b> {USERCOUNTPOST}
    </span>
    </td>

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



    <td style="text-align:center;">
    <span style="font-size: 1.2em;"><b>Alterar</b><br />
    <a href="../profile.forum?mode=editprofile&amp;page_profil=informations">Informações</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="../profile.forum?mode=editprofile&amp;page_profil=friendsfoes">Amigos & ignorados</a><br />
    <a href="../search.forum?search_id=watchsearch">Tópicos supervisionados</a><br />
    <a href="../search.forum?search_id=draftsearch">Rascunhos</a><br />
    <a href="../search.forum?search_id=favouritesearch">Tópicos favoritos</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 participa</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>

    </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>
Foxx
Foxx
****

Membro desde : 07/12/2010
Mensagens : 313
Pontos : 462

http://artdesigner.forumeiro.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de controle do usuário

Mensagem por Thor ϟ 14.12.11 15:22

Olá, resultou zen

Muito obrigado amigo, ajudou muito!

Podem arquivar o tópico.

Grande abraço, Daniel.
Thor ϟ
Thor ϟ
Membro

Membro desde : 19/06/2011
Mensagens : 617
Pontos : 1178

http://thugmta.forumbrasil.net/ https://www.facebook.com/daniel.rodrigues.jp225 https://twitter.com/daniel_absolute

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