Painel de usuário com outro tipo de sistema

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: https://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: https://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

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

Olá Marche,

A sua dúvida continua?

Até mais.

' joãopedro escreveu:Olá Marche,

A sua dúvida continua?

Até mais.

Sim, estou esperando o Byte '-'

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

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 '-'

Olá de novo,

Veja o seguinte tópico:

Barra de login

Até mais.

' 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 ...

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"

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

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

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...

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?

sim

basta usar um widget igual o do FdF

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 ... '--'

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

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)

Olá Marche,

Ainda necessita de suporte relativamente a este questão?

Até mais.

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.

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)