Painel de usuário flutuante

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

Atendido / Resolvido Painel de usuário flutuante

Mensagem por Tosh em 27.08.11 17:02

Qual é minha questão:
Eu quero adicionar um painel de usuário no meu forum igual esse da imagem abaixo onde circulei de verde
https://redcdn.net/ihimizer/img845/259/glugluhgfh.png

Medidas que eu tomei para corrigir o problema:
.

Imagens do meu problema:
https://redcdn.net/ihimizer/img845/259/glugluhgfh.png

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

Versão do meu fórum:
PUNBB
Tosh

Tosh
Nível 8

Masculino
Inscrito dia : 06/08/2011
Mensagens : 107
Pontos Ativos : 198

Ver perfil do usuário http://forumroadesigner.forumeiros.com/

Atendido / Resolvido Re: Painel de usuário flutuante

Mensagem por WinkTech em 27.08.11 18:37

Olá!

Aceda em: Painel de Controle Seta Visualização Seta Geral Seta Mensagem na Home Page.

Coloque isto Seta curta
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>
WinkTech

WinkTech
Usuário destaque

Masculino
Inscrito dia : 08/07/2011
Mensagens : 529
Pontos Ativos : 727

Ver perfil do usuário http://winktech.forumbrasil.net

Atendido / Resolvido Re: Painel de usuário flutuante

Mensagem por Tosh em 27.08.11 21:54

não deu certo duuuwh.
Tosh

Tosh
Nível 8

Masculino
Inscrito dia : 06/08/2011
Mensagens : 107
Pontos Ativos : 198

Ver perfil do usuário http://forumroadesigner.forumeiros.com/

Atendido / Resolvido Re: Painel de usuário flutuante

Mensagem por WinkTech em 27.08.11 22:07

Olá! Tente este;

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!
WinkTech

WinkTech
Usuário destaque

Masculino
Inscrito dia : 08/07/2011
Mensagens : 529
Pontos Ativos : 727

Ver perfil do usuário http://winktech.forumbrasil.net

Atendido / Resolvido Re: Painel de usuário flutuante

Mensagem por Otaviodg em 27.08.11 22:13

Olá,

Crie um WidGets com este 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>
Otaviodg

Otaviodg
Membro do Fórum

Masculino
Inscrito dia : 12/06/2011
Mensagens : 1295
Pontos Ativos : 1738

Ver perfil do usuário

Atendido / Resolvido Re: Painel de usuário flutuante

Mensagem por Tosh em 27.08.11 23:25

Deu certo mais ele ficou com um sombreamento em volta dele e eu quero tirar isso

E outra coisa eu só consegui colocar ele no portal eu quero colocar em todas as páginas do forum tem como?
Tosh

Tosh
Nível 8

Masculino
Inscrito dia : 06/08/2011
Mensagens : 107
Pontos Ativos : 198

Ver perfil do usuário http://forumroadesigner.forumeiros.com/

Atendido / Resolvido Re: Painel de usuário flutuante

Mensagem por otmundobr em 27.08.11 23:44

bom fassa o seguinte vá em
painel de controle Painel de usuário flutuante 2479035592 visualização Painel de usuário flutuante 2479035592 Home Page Painel de usuário flutuante 2479035592
Mensagem na Home page
em
Assunto da mensagem :vc botar qualque coisa e em
Conteúdo da mensagem. :vc botar issso
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 />
<a href="../rpg_sheet_edit.forum">Ficha de personagem</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>

e depois click em salvar e pronto painel de usuario feito se gostou click no + ou de obrigado
otmundobr

otmundobr
Nível 9

Masculino
Inscrito dia : 18/07/2011
Mensagens : 174
Pontos Ativos : 289

Ver perfil do usuário http://otmundobr.forumeiros.com/

Atendido / Resolvido Re: Painel de usuário flutuante

Mensagem por Tosh em 27.08.11 23:59

não deu certo otmundobr
Tosh

Tosh
Nível 8

Masculino
Inscrito dia : 06/08/2011
Mensagens : 107
Pontos Ativos : 198

Ver perfil do usuário http://forumroadesigner.forumeiros.com/

Atendido / Resolvido Re: Painel de usuário flutuante

Mensagem por Tosh em 29.08.11 0:46

UP
Tosh

Tosh
Nível 8

Masculino
Inscrito dia : 06/08/2011
Mensagens : 107
Pontos Ativos : 198

Ver perfil do usuário http://forumroadesigner.forumeiros.com/

Atendido / Resolvido Re: Painel de usuário flutuante

Mensagem por Dury em 29.08.11 1:12

Olá,

Cuidado com UPs consecutivos antes de 24 horas autor. Desta vez seu tópico não foi movido para lixeira porque é a primeira vez, mas fica de aviso! Todos os seus UPs consecutivos do mesmo dia foram excuídos!

Este painel pode adicionado em um widget personalizado:
Painel de controle ->> Módulos ->> Portal e Widgets ->> Gestão dos Widgets do fórum ->>
Crie um novo widget e adicione o mesmo.
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!
Piscada
Dury

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Atendido / Resolvido Re: Painel de usuário flutuante

Mensagem por Tosh em 29.08.11 3:05

Jeffrey deu certo só quero tirar o sombreamento que fica em volta dela
Tosh

Tosh
Nível 8

Masculino
Inscrito dia : 06/08/2011
Mensagens : 107
Pontos Ativos : 198

Ver perfil do usuário http://forumroadesigner.forumeiros.com/

Atendido / Resolvido Re: Painel de usuário flutuante

Mensagem por Cream em 30.08.11 17:14

Olá,

Tenha cuidado com UP's. Tente o seguinte código:
Código:
  <!-- The CSS -->
                <link rel="stylesheet" href="http://web-kreation.com/demos/login_form_mootools_1.2/fx.slide.css" type="text/css" media="screen" />
                <style>
                #login {
                overflow: visible;
                height: auto;       
                }
       
                /* 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.
Cream

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11638

Ver perfil do usuário https://ajuda.forumeiros.com

Atendido / Resolvido Re: Painel de usuário flutuante

Mensagem por Tosh em 30.08.11 18:09

O problema é que quando coloco o código na mensagem da home page não aparece nada, só da nos widgets e os meu widgets só fcam no portal.
Tosh

Tosh
Nível 8

Masculino
Inscrito dia : 06/08/2011
Mensagens : 107
Pontos Ativos : 198

Ver perfil do usuário http://forumroadesigner.forumeiros.com/

Atendido / Resolvido Re: Painel de usuário flutuante

Mensagem por Mikáá em 30.08.11 21:29

Olá!

Peço que adicione o código que lhe eide fornecer num destes campos (fica a sua escolha):
  • Flecha ajudeiros Folha de estilo CSS: Painel de controle ->> Visualização ->> Imagens e Cores ->> Cores ->> Folha de estilo CSS -
  • Flecha ajudeiros HomePage: Painel de Controle -> Visualização -> Homepage -> Geral


Agora tome atenção, pois cada código é diferente para onde deseja adicionar.

Flecha ajudeiros Folha de estilo CSS:
Código:
            #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;}


Flecha ajudeiros HomePage:
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>

  • Meu painel aparece para os convidados. Há como ocultá-lo?
    Sim! Não é só em um local ao qual o código vai funcionar. Se o seu objetivo foi aplicar esse painel para os membros, você poderá adicioná-lo em um widget personalizado e editar as configurações das autorizações. Para isso, é aconselhável ler o
    [FAQ] Gerenciar os widgets do fórum - https://ajuda.forumeiros.com/-t15885.htm


Escolha onde deseja adicionar o código, expliquei tudo em cima. Caso ainda tenha dúvidas não hesite em comunica-las. Não adicione o código nos dois campos que forneci em cima! Adicione o código ou na HomePage (com o código que forneci) ou na Folha de estilo CSS (forneci o código). Ambos são diferentes, não se esqueça!

Piscada

Até mais.
Mikáá

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Atendido / Resolvido Re: Painel de usuário flutuante

Mensagem por Tosh em 30.08.11 22:22

Mikaa tentei esses dois codigos na folha de estilo CSS e na Homepage

Não deu certo =/
Tosh

Tosh
Nível 8

Masculino
Inscrito dia : 06/08/2011
Mensagens : 107
Pontos Ativos : 198

Ver perfil do usuário http://forumroadesigner.forumeiros.com/

Atendido / Resolvido Re: Painel de usuário flutuante

Mensagem por Dury em 30.08.11 23:54

Tosh, passe-nos os códigos da sua mensagem da Home Page por favor.
Dury

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Atendido / Resolvido Re: Painel de usuário flutuante

Mensagem por Tosh em 31.08.11 0:12

Código:
<div style="margin:auto;text-align:center;width:100%">Bem-Vindo ao Design Road  </div>

Aqui temos  Tutoriais, recursos , torneios Multiestilos , signs , Designers , temas diversos e muito mais basta conferir!
,Respeite sempre os outros membros e nos mostre o que sabe fazer na arte do Design,
Aqui tem gente legal pra discutir sobre seus trabalhos e pra se divertir,tirar dúvidas , se entrenter e etc...
 

,No mais divirta-se no Design Road.<div style="position: fixed; top: 0px; right: 0px;"><img src="http://iconesbr.oficinadanet.com/iconesbr/2009/06/8354/8354_64x64.png" onclick="$('html,body').animate({scrollTop: $('#pun-foot').offset().top}, 2000);" title="Fundo da página"></div><div style="position: fixed; bottom: 0px; right: 0px;"><div style="position: fixed; bottom: 0px; left: 0px;"><img src="http://iconesbr.oficinadanet.com/iconesbr/2009/06/8355/8355_64x64.png" onclick="$('html,body').animate({scrollTop: $('#top').offset().top}, 2000);" title="Topo da página"></div>
Tosh

Tosh
Nível 8

Masculino
Inscrito dia : 06/08/2011
Mensagens : 107
Pontos Ativos : 198

Ver perfil do usuário http://forumroadesigner.forumeiros.com/

Atendido / Resolvido Re: Painel de usuário flutuante

Mensagem por Mikáá em 31.08.11 11:34

Olá novamente!

Será possível remover o código da sua homepage e adicionar o código que lhe passei do painel de usuário?

Pode haver alguns erros com os seus código e tudo mais. Caso não resulte na mesma, peço que nos informe qual o problema que surge.

Obrigado.
Mikáá

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Atendido / Resolvido Re: Painel de usuário flutuante

Mensagem por Tosh em 31.08.11 16:54

deu certo mikaa era um código que tinha salvo que atrapalhava xD
Tosh

Tosh
Nível 8

Masculino
Inscrito dia : 06/08/2011
Mensagens : 107
Pontos Ativos : 198

Ver perfil do usuário http://forumroadesigner.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum