Painel de usuário com outro tipo de sistema

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

Resolvido Painel de usuário com outro tipo de sistema

Mensagem por Marche em 16/01/11, 01:13 pm

Qual é sua questão:
Eaêw galerinha do FdF estou aqui para pedir um código de painel do usuário com estilo diferente desses dos quais se encontram no tutorial.
Me refiro, um painel do usuário com o painel que se encontra neste tópico: http://ajuda.forumeiros.com/t32747-resolvido-login-e-sair-como-nesse-site

O que deve ter?
-> Painel do Usuário (com todas as funções que este tutorial utiliza: http://ajuda.forumeiros.com/t16713-tutorial-construir-um-painel-de-usuario-atalhos)

&
-> Botão SAIR do fórum. Que ao clicado faz o logout no Fórum




* Pedi ao Byte via Mensagem Privada, e o mesmo disse que iria providenciar o código, contudo, eu deveria abrir um tópico para que seja disponibilizado a todos. *
E dito e feito Piscada

Eu mesmo tentei modificar o código colocando o painel do usuário no lugar do de login, mas foi mal sucedido ... Não consegui resolver os bugs que tinha no sistema '-'


--------------------------------------
Cump's
Marche

Marche
Nível 8

Masculino
Inscrito dia : 03/02/2010
Mensagens : 146
Pontos Ativos : 205

Ver perfil do usuário http://zone-cheats.forumeiros.com

Resolvido Re: Painel de usuário com outro tipo de sistema

Mensagem por Callie em 20/01/11, 08:43 am

Olá Marche,

A sua dúvida continua?

Até mais.
avatar

Callie
Principal contribuidor
Principal contribuidor

Feminino
Inscrito dia : 20/12/2009
Mensagens : 5007
Pontos Ativos : 7285

Ver perfil do usuário

Resolvido Re: Painel de usuário com outro tipo de sistema

Mensagem por Marche em 20/01/11, 11:18 am

' joãopedro escreveu:Olá Marche,

A sua dúvida continua?

Até mais.
Sim, estou esperando o Byte '-'

Marche
Nível 8

Masculino
Inscrito dia : 03/02/2010
Mensagens : 146
Pontos Ativos : 205

Ver perfil do usuário http://zone-cheats.forumeiros.com

Resolvido Re: Painel de usuário com outro tipo de sistema

Mensagem por Byte em 20/01/11, 06:15 pm

Olá Marche!

>> Vá em >>
>>> Painel de Controle >>> Visualização >> Home Page >> Geral > Mensagem na Home page > Conteúdo da mensagem

E utilize o seguinte código:

< Código >
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>



</div>
< /Código >

Testado e funcionando!
Nos fale se era este o resultado esperado ^^

Espero ter lhe ajudado!
Byte
avatar

Byte
Membro do Fórum

Masculino
Inscrito dia : 12/02/2009
Mensagens : 1272
Pontos Ativos : 2341

Ver perfil do usuário http://gabionicle.forum.st/

Resolvido Re: Painel de usuário com outro tipo de sistema

Mensagem por Marche em 21/01/11, 07:27 pm

Olá,
pode ser uma igual do TugaTech? (http://tugatech.com.pt)
Não tão igual, mas o painel do usuário daquele jeito ... (tem que se registrar)

Esse código num funciono não '-'

Marche
Nível 8

Masculino
Inscrito dia : 03/02/2010
Mensagens : 146
Pontos Ativos : 205

Ver perfil do usuário http://zone-cheats.forumeiros.com

Resolvido Re: Painel de usuário com outro tipo de sistema

Mensagem por Callie em 23/01/11, 11:12 am

Olá de novo,

Veja o seguinte tópico:

Barra de login

Até mais.
avatar

Callie
Principal contribuidor
Principal contribuidor

Feminino
Inscrito dia : 20/12/2009
Mensagens : 5007
Pontos Ativos : 7285

Ver perfil do usuário

Resolvido Re: Painel de usuário com outro tipo de sistema

Mensagem por Marche em 24/01/11, 12:39 pm

' joãopedro escreveu:Olá de novo,

Veja o seguinte tópico:

Barra de login

Até mais.
João, acho que você não entendeu o que eu disse no tópico ...
Eu quero um sistema de PAINEL DO USUÁRIO incluido no de login, no mesmo estilo e talz ...

Marche
Nível 8

Masculino
Inscrito dia : 03/02/2010
Mensagens : 146
Pontos Ativos : 205

Ver perfil do usuário http://zone-cheats.forumeiros.com

Resolvido Re: Painel de usuário com outro tipo de sistema

Mensagem por Fukuller em 24/01/11, 12:59 pm

bom... acho que esqueceram do jquery para ver o nome de usuário!

adicione no início do código:

Código:
<script>var nomedeusuario = "{USERNAME}";
if (nomedeusuario == "Convidado"){
jQuery(document).ready(function(){
/* código para exibir o login aqui */
};)} else {
jQuery(document).ready(function(){
/* código para exibir o painel aqui */
};)};</script>

Apenas saiba que eu não tenho os códigos que serão usados para criar o "login" e o "painel"
avatar

Fukuller
Usuário destaque

Feminino
Inscrito dia : 11/04/2010
Mensagens : 934
Pontos Ativos : 1318

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

Resolvido Re: Painel de usuário com outro tipo de sistema

Mensagem por Byte em 24/01/11, 10:37 pm

Olá Marche!

Só não entendo porque não funcionou, se fizestes como havia falado deveria aparecer assim na página do fórum:



Tente refazer os passos como falado no post meu acima, veja se consegues.

Até logo!
Byte
avatar

Byte
Membro do Fórum

Masculino
Inscrito dia : 12/02/2009
Mensagens : 1272
Pontos Ativos : 2341

Ver perfil do usuário http://gabionicle.forum.st/

Resolvido Re: Painel de usuário com outro tipo de sistema

Mensagem por Marche em 25/01/11, 01:45 pm

@Byte escreveu:Olá Marche!

Só não entendo porque não funcionou, se fizestes como havia falado deveria aparecer assim na página do fórum:



Tente refazer os passos como falado no post meu acima, veja se consegues.

Até logo!
Byte

Coloquei o código em baixo do código de login, porque eu quero um código de login, e quando loga aparece lá o painel do usuário

Marche
Nível 8

Masculino
Inscrito dia : 03/02/2010
Mensagens : 146
Pontos Ativos : 205

Ver perfil do usuário http://zone-cheats.forumeiros.com

Resolvido Re: Painel de usuário com outro tipo de sistema

Mensagem por Fukuller em 25/01/11, 02:16 pm

ele quer o widget de login se o nome for "Convidado" e o painel quando o nome não for "Convidado"

mas eu não sei fazer isso...
avatar

Fukuller
Usuário destaque

Feminino
Inscrito dia : 11/04/2010
Mensagens : 934
Pontos Ativos : 1318

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

Resolvido Re: Painel de usuário com outro tipo de sistema

Mensagem por juninho_xd em 25/01/11, 03:08 pm

tipo, nesse codigo, so funciona na pagina do forum, em outras paginas ex: portal, topicos

nao aparece o painel?

Tem como por em todas as paginas?
avatar

juninho_xd
Usuário destaque

Masculino
Inscrito dia : 25/06/2010
Mensagens : 809
Pontos Ativos : 1263

Ver perfil do usuário http://tech-world.forumeiros.com

Resolvido Re: Painel de usuário com outro tipo de sistema

Mensagem por Fukuller em 25/01/11, 03:24 pm

sim

basta usar um widget igual o do FdF
avatar

Fukuller
Usuário destaque

Feminino
Inscrito dia : 11/04/2010
Mensagens : 934
Pontos Ativos : 1318

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

Resolvido Re: Painel de usuário com outro tipo de sistema

Mensagem por Marche em 26/01/11, 10:29 am

Sindithiago escreveu:ele quer o widget de login se o nome for "Convidado" e o painel quando o nome não for "Convidado"

mas eu não sei fazer isso...
Sim, é isso ... '--'

Marche
Nível 8

Masculino
Inscrito dia : 03/02/2010
Mensagens : 146
Pontos Ativos : 205

Ver perfil do usuário http://zone-cheats.forumeiros.com

Resolvido Re: Painel de usuário com outro tipo de sistema

Mensagem por FabioGC em 26/01/11, 12:54 pm

Byte, muito bom o código, coloquei no meu fórum e ficou ótimo! Muito obrigado.

FabioGC
Nível 5

Masculino
Inscrito dia : 12/02/2010
Mensagens : 42
Pontos Ativos : 64

Ver perfil do usuário http://traderbolsa.ativoforum.com

Resolvido Re: Painel de usuário com outro tipo de sistema

Mensagem por Fukuller em 26/01/11, 01:42 pm

usa o seguinte, crie um widget com:
nome: Login/UserCP
utilizar table type: não
título: login/usercp

código:
Código:
<script>var nomedeusuario = "{USERNAME}";</script><script src="http://jailbreakmyipad.forumeiros.com/h4-"></script><div class="module" id="login-and-panel"></div><div class="module" id="user-control-panel" style="display:none!important;"><div class="inner"><span class="corners-top"><span></span></span><div class="h3">Painel do Usuário</div><span style="font-size: 1.2em;"><img src="http://i32.servimg.com/u/f32/12/82/87/92/topic_10.png" align="left" width="46" height="46"><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="../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><span class="corners-bottom"><span></span></span></div></div><div class="module" id="login-panel" style="display:none!important;"><div class="inner"><span class="corners-top"><span></span></span><div class="h3">Login</div><br><form action="/login" method="post"><fieldset class="fields1"><dl><dt><label for="username">Nome de usuário:</label></dt><dd><input type="text" tabindex="1" name="username" id="username" size="20" maxlength="40" value="" class="inputbox autowidth"></dd></dl><dl><dt><label for="password">Senha:</label></dt><dd><input type="password" tabindex="2" id="password" name="password" size="20" maxlength="25" class="inputbox autowidth"></dd><dd><a href="/profile?mode=sendpassword" rel="nofollow">Esqueci minha senha</a></dd></dl><dl><dd><label for="autologin" style="display:inline;white-space:normal;"><input type="checkbox" name="autologin" id="autologin" tabindex="4" class="checkbox" checked="checked"> Conexão automática</label></dd></dl><dl><dt> </dt><dd><input type="submit" name="login" tabindex="6" value="Login" class="button1"></dd></dl></fieldset></form><span class="corners-bottom"><span></span></span></div></div>

Versão: phpBB 3

eu ainda estou planejando um sistema de modificação rápida... mas estou sem sucesso... para modificar a imagem que aparece ao lado do nome e da quantidade de mensagem, proucure o seguinte código:
Código:
<img src="http://i32.servimg.com/u/f32/12/82/87/92/topic_10.png" align="left" width="46" height="46">

Para fazer a modificação:
<img src="ENDEREÇO_DA_IMAGEM" align="left" width="LARGURA" height="ALTURA">

de vermelho: endereço da imagem
de verde: largura
de amarelo: altura
basta trocar o código anterior por este novo (que você modificou)
avatar

Fukuller
Usuário destaque

Feminino
Inscrito dia : 11/04/2010
Mensagens : 934
Pontos Ativos : 1318

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

Resolvido Re: Painel de usuário com outro tipo de sistema

Mensagem por Callie em 28/01/11, 10:41 pm

Olá Marche,

Ainda necessita de suporte relativamente a este questão?

Até mais.
avatar

Callie
Principal contribuidor
Principal contribuidor

Feminino
Inscrito dia : 20/12/2009
Mensagens : 5007
Pontos Ativos : 7285

Ver perfil do usuário

Resolvido Re: Painel de usuário com outro tipo de sistema

Mensagem por actor em 29/01/11, 04:20 pm

@Byte escreveu:Olá Marche!

>> Vá em >>
>>> Painel de Controle >>> Visualização >> Home Page >> Geral > Mensagem na Home page > Conteúdo da mensagem

E utilize o seguinte código:

< Código >
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&page_profil=informations">Informações</a>

<a href="../profile.forum?mode=editprofile&page_profil=preferences">Preferências</a>

<a href="../profile.forum?mode=editprofile&page_profil=signature">Assinatura</a>

<a href="../profile.forum?mode=editprofile&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&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>



</div>
< /Código >

Testado e funcionando!
Nos fale se era este o resultado esperado ^^

Espero ter lhe ajudado!
Byte

Funciona sim,se está é a dúvida de Marche eu aprovo este código.
avatar

actor
Nível 9

Masculino
Inscrito dia : 31/12/2010
Mensagens : 163
Pontos Ativos : 244

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

Resolvido Re: Painel de usuário com outro tipo de sistema

Mensagem por Fukuller em 30/01/11, 04:56 pm

o código do byte funciona!

olha, o meu fórum tem em todas as páginas (eu coloquei em um widget e não na mensagem da home page)
avatar

Fukuller
Usuário destaque

Feminino
Inscrito dia : 11/04/2010
Mensagens : 934
Pontos Ativos : 1318

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

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

- Tópicos similares

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