Painel de usuário Hitskin_logo Hitskin.com

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

Painel de usuário

4 participantes

Ir para baixo

Tópico resolvido Painel de usuário

Mensagem por iGoogle~ 20.05.12 16:54

Qual é minha questão:
Bom, eu andei pesquisando muuuitos tutoriais sobre o assunto, e nenhum era bem sucedido...
Resolvi Postar aqui minha duvida pra ver se tenho sucesso em minha questão...

Eu queria implementar um WIDGET no meu fórum com funcionalidade de um PAINEL DE USUÁRIO, o que desejo é estilo o do FDF
https://i.imgur.com/CcG0p.png
AS FONTES DO MESMO TAMANHO das do FDF

Só tem uma questão, eu queria que, quando nao se está logado, em vês de ficar CONVIDADO, queria que ficasse no mesmo painel as opções de LOGIN, SENHA e o botão CONECTAR, e também o REGISTRAR-SE...
se possivel, acima das caixas LOGIN:, queria uma imagem pequena CENTRALIZADA, com uma marca registrada do meu FORUM, que no caso se chama EASY CHEATS, se possivel que a imagem seja da propria autoria do responsavel pelo tutorial, se nao for possivel o mesmo criar a imagem, só avisar pelos comentarios e coloca qualquer imagem no lugar sendo possivel futuramente a troca do link da imagem qualquer pela que eu mesmo irei criar!

LEVAR EM CONTA: FORUM PUNBB!

Medidas que eu tomei para corrigir o problema:
PESQUISAR E MUITO!

Links e imagens do meu problema:
contido no tópico!

Endereço do meu fórum:
http://easycheats.forumbom.com/

Versão do meu fórum:
PUNBB


Última edição por _xSTYL3x_ em 25.05.12 18:56, editado 1 vez(es)
iGoogle~
iGoogle~
***

Membro desde : 17/05/2012
Mensagens : 119
Pontos : 173

http://tecnocheats.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de usuário

Mensagem por Sennior 20.05.12 17:26

Olá!
Aqui estas um Código, adicione em um Widget:

Código:
[code]<script src="http://illiweb.com/fa/js_16/collapsible_faq.js" type="text/javascript"></script>
<script>
jQuery(document).ready(function(){
 jQuery.get('/profile.forum?mode=editprofile&page_profil=avatars', function(data) {
 link = jQuery('.panel dl:first img', data).attr('src');
 jQuery('#avatar').attr('src', link);
 });
});
</script>
<span style="font-size: 1.2em;"><img id="avatar" align="left" width="50"><font size="4">{USERLINK}</font><br />
<b>Mensagens:</b> {USERCOUNTPOST}<br />
<span id="friends_cook"></span><br />
<br /></span>
<dl class="faq" style="margin-bottom: -1px !important;"><dt></dt><dd onClick="return CFAQ.display('l7', false);">
 <div style="cursor: pointer;" onClick="return CFAQ.display('l7', true);" onfocus="this.blur();"><img src="http://2img.net/i/fa/admin/icones/editer.png" style="width: 15px;height: 15px" border="0"> Alterar</div></dd><dd style="display:none;" id="l7"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../profile.forum?mode=editprofile&amp;page_profil=informations" target="_blank"> Informações </a></span><span style="font-size: ;">
<a href="../profile.forum?mode=editprofile&amp;page_profil=preferences" target="_blank"> Preferências </a></span><span style="font-size: ;"><br /><a href="../profile.forum?mode=editprofile&amp;page_profil=avatars" target="_blank"> Avatar </a></span></dd><dd onClick="return CFAQ.display('l8', false);">
 <div style="cursor: pointer;" onClick="return CFAQ.display('l8', true);" onfocus="this.blur();"><img src="http://2img.net/i/fa/admin/icones/small_ico/support.png" style="width: 15px;height: 15px" border="0"> Ver</div></dd>
<dd style="display:none;" id="l8"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../profile.forum?mode=editprofile&amp;page_profil=friendsfoes" target="_blank"> Amigos e ignorados</a></span><span style="font-size: ;"><a href="../search.forum?search_id=watchsearch" target="_blank"> Tópicos supervisionados </a></span><br /><span style="font-size: ;"><a href="../search.forum?search_id=draftsearch" target="_blank"> Rascunhos </a></span><br /><span style="font-size: ;"><a href="../search.forum?search_id=favouritesearch" target="_blank"> Tópicos favoritos</a></span></dd><dd onClick="return CFAQ.display('l9', false);">
 <div style="cursor: pointer;" onClick="return CFAQ.display('l9', true);" onfocus="this.blur();"><img src="http://i27.servimg.com/u/f27/15/07/56/36/2qban410.png" style="width: 15px;height: 15px" border="0"> Tópicos e mensagens</div></dd><dd style="display:none;" id="l9"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../msg.forum?folder=inbox" target="_blank"> Mensagens Privadas</a></span><span style="font-size: ;"><a href="../search.forum?search_topics={USERNAME}" target="_blank"> Meus tópicos</a></span><br /><span style="font-size: ;"><a href="../search.forum?search_id=egosearch" target="_blank"> Tópicos que participo </a></span><br /><span style="font-size: ;"><a href="../search.forum?search_author={USERNAME}&show_results=posts" target="_blank"> Minhas mensagens</a></span><br /><span style="font-size: ;"><a href="../search.forum?search_id=newposts" target="_blank"> Novas mensagens<br /> <small>({USERLASTVISIT})</small></a></span></dd></dl><span class="corners-bottom"><span></span></span>[/code]
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de usuário

Mensagem por iGoogle~ 20.05.12 17:38

Dr.House escreveu:Olá!
Aqui estas um Código, adicione em um Widget:

Código:
[code]<script src="http://illiweb.com/fa/js_16/collapsible_faq.js" type="text/javascript"></script>
<script>
jQuery(document).ready(function(){
 jQuery.get('/profile.forum?mode=editprofile&page_profil=avatars', function(data) {
 link = jQuery('.panel dl:first img', data).attr('src');
 jQuery('#avatar').attr('src', link);
 });
});
</script>
<span style="font-size: 1.2em;"><img id="avatar" align="left" width="50"><font size="4">{USERLINK}</font><br />
<b>Mensagens:</b> {USERCOUNTPOST}<br />
<span id="friends_cook"></span><br />
<br /></span>
<dl class="faq" style="margin-bottom: -1px !important;"><dt></dt><dd onClick="return CFAQ.display('l7', false);">
 <div style="cursor: pointer;" onClick="return CFAQ.display('l7', true);" onfocus="this.blur();"><img src="http://2img.net/i/fa/admin/icones/editer.png" style="width: 15px;height: 15px" border="0"> Alterar</div></dd><dd style="display:none;" id="l7"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../profile.forum?mode=editprofile&page_profil=informations" target="_blank"> Informações </a></span><span style="font-size: ;">
<a href="../profile.forum?mode=editprofile&page_profil=preferences" target="_blank"> Preferências </a></span><span style="font-size: ;"><br /><a href="../profile.forum?mode=editprofile&page_profil=avatars" target="_blank"> Avatar </a></span></dd><dd onClick="return CFAQ.display('l8', false);">
 <div style="cursor: pointer;" onClick="return CFAQ.display('l8', true);" onfocus="this.blur();"><img src="http://2img.net/i/fa/admin/icones/small_ico/support.png" style="width: 15px;height: 15px" border="0"> Ver</div></dd>
<dd style="display:none;" id="l8"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../profile.forum?mode=editprofile&page_profil=friendsfoes" target="_blank"> Amigos e ignorados</a></span><span style="font-size: ;"><a href="../search.forum?search_id=watchsearch" target="_blank"> Tópicos supervisionados </a></span><br /><span style="font-size: ;"><a href="../search.forum?search_id=draftsearch" target="_blank"> Rascunhos </a></span><br /><span style="font-size: ;"><a href="../search.forum?search_id=favouritesearch" target="_blank"> Tópicos favoritos</a></span></dd><dd onClick="return CFAQ.display('l9', false);">
 <div style="cursor: pointer;" onClick="return CFAQ.display('l9', true);" onfocus="this.blur();"><img src="http://i27.servimg.com/u/f27/15/07/56/36/2qban410.png" style="width: 15px;height: 15px" border="0"> Tópicos e mensagens</div></dd><dd style="display:none;" id="l9"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../msg.forum?folder=inbox" target="_blank"> Mensagens Privadas</a></span><span style="font-size: ;"><a href="../search.forum?search_topics={USERNAME}" target="_blank"> Meus tópicos</a></span><br /><span style="font-size: ;"><a href="../search.forum?search_id=egosearch" target="_blank"> Tópicos que participo </a></span><br /><span style="font-size: ;"><a href="../search.forum?search_author={USERNAME}&show_results=posts" target="_blank"> Minhas mensagens</a></span><br /><span style="font-size: ;"><a href="../search.forum?search_id=newposts" target="_blank"> Novas mensagens<br /> <small>({USERLASTVISIT})</small></a></span></dd></dl><span class="corners-bottom"><span></span></span>[/code]

Não resultou como esperado... eu queria estilo o do FORUM DOS FORUNS, tipo, sem as bordas, os botões no canto direitinho, oque você me passou nao pega o avatar, queria como o print que eu postei no tópico, o codigo que você me passou resultou em:
https://i.imgur.com/JM60D.png
iGoogle~
iGoogle~
***

Membro desde : 17/05/2012
Mensagens : 119
Pontos : 173

http://tecnocheats.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de usuário

Mensagem por iGoogle~ 20.05.12 18:47

UP!

Alguem ajuda aki por favor!
iGoogle~
iGoogle~
***

Membro desde : 17/05/2012
Mensagens : 119
Pontos : 173

http://tecnocheats.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de usuário

Mensagem por Tyler 20.05.12 18:48

Olá _STYL3x_,

Recomendo que leia esse tutorial:

Painel de usuário 267454590 Construir um painel de usuário

-

No final do tutorial já tem o código pronto, ai vai:

Código:


<span style="font-size: 1.2em;"><img
src="http://2img.net/i/bl/logo.png" align="left" width="27"
height="35"><font
size="4">{USERLINK}</font><br><b>Mensagens:</b>
 {USERCOUNTPOST}<br><br></span><div
style="text-align: left;"><span style="font-size:
1.2em;"><b>Alterar</b><br>
<a
href="http://ajuda.forumeiros.com/profile.forum?mode=editprofile&page_profil=informations"
 target="_blank"> Informações
</a></span><br><span style="font-size: 1.2em;">
<a
 href="../profile.forum?mode=editprofile&page_profil=preferences"
target="_blank"> Preferências
</a></span><br><span style="font-size:
1.2em;"><a
href="../profile.forum?mode=editprofile&page_profil=signature"
target="_blank"> Assinatura </a></span><br><span
 style="font-size: 1.2em;"><a
href="../profile.forum?mode=editprofile&page_profil=avatars"
target="_blank"> Avatar
</a></span><br><br><span style="font-size:
1.2em;"><b>Ver</b><br><a
href="../profile.forum?mode=editprofile&page_profil=friendsfoes"
target="_blank"> Amigos e
ignorados</a></span><br><span style="font-size:
1.2em;"><a href="../search.forum?search_id=watchsearch"
target="_blank"> Tópicos supervisionados
</a></span><br><span style="font-size:
1.2em;"><a href="../search.forum?search_id=draftsearch"
target="_blank"> Rascunhos </a></span><br><span
style="font-size: 1.2em;"><a
href="../search.forum?search_id=favouritesearch" target="_blank">
Tópicos favoritos</a></span><br><span
style="font-size: 1.2em;"></span><br><span
style="font-size: 1.2em;"><b>Tópicos &
Mensagens</b><br><a href="../msg.forum?folder=inbox"
target="_blank"> Mensagens Privadas
</a></span><br><span style="font-size:
1.2em;"><a href="../search.forum?search_topics={USERNAME}"
target="_blank"> Meus
tópicos</a></span><br><span style="font-size:
1.2em;"><a href="../search.forum?search_id=egosearch"
target="_blank"> Tópicos que participo
</a></span><br><span style="font-size:
1.2em;"><a
href="../search.forum?search_author={USERNAME}&show_results=posts"
target="_blank"> Minhas
mensagens</a></span><br><span style="font-size:
1.2em;"><a href="../search.forum?search_id=newposts"
target="_blank"> Novas mensagens<br>
<small>({USERLASTVISIT})</small></a></span></div><h3
 style="border-color: #1675BC;"></h3>


Caso queira modificar algo é só ler o tutorial.

Tyler.
Tyler
Tyler
Novo Membro

Membro desde : 11/05/2012
Mensagens : 8
Pontos : 9

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de usuário

Mensagem por iGoogle~ 20.05.12 19:21

Tyler

Otimo o Tutorial que você me passou, eu só queria saber a mais se teria como nesse mesmo codigo que você me passou, alguem sabio editar e colocar o efeito de USERAVATAR encima do nick,USERNAME, e colocar um efeito de expandir o title menu, tipo , as opções EDITAR abrir quando eu clickar no nome EDITAR...
iGoogle~
iGoogle~
***

Membro desde : 17/05/2012
Mensagens : 119
Pontos : 173

http://tecnocheats.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de usuário

Mensagem por iGoogle~ 21.05.12 18:39

UP alguem ?
iGoogle~
iGoogle~
***

Membro desde : 17/05/2012
Mensagens : 119
Pontos : 173

http://tecnocheats.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de usuário

Mensagem por Sennior 21.05.12 18:50

Olá e Boa Tarde;
Poderia me passar o Código que estas usando, isto e se tiver usando algum?
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de usuário

Mensagem por iGoogle~ 21.05.12 21:07

Estou usando este já editado (as fontes, etc...)

Código:
<span style="font-size: 1.2em;"><img
src="http://2img.net/i/bl/logo.png" align="left" width="27"
height="35"><font
size="4">{USERLINK}</font><br><b>Mensagens:</b>
 {USERCOUNTPOST}<br><br></span><div
style="text-align: left;"><span style="font-size:
1.2em;"><b><span style="font-size: 14px; line-height: normal">Alterar</span></b><br>
<a
href="http://easycheats.forumbom.com/profile.forum?mode=editprofile&page_profil=informations"> <span style="font-size: 11px; line-height: normal"><i>Informações </i></span>
</a></span><br><span style="font-size: 1.2em;">
<a
 href="../profile.forum?mode=editprofile&page_profil=preferences"> <span style="font-size: 11px; line-height: normal"><i>Preferências </i></span>
</a></span><br><span style="font-size:
1.2em;"><a
href="../profile.forum?mode=editprofile&page_profil=signature"> <span style="font-size: 11px; line-height: normal"><i>Assinatura</i></span>
 </a></span><br><span
 style="font-size: 1.2em;"><a
href="../profile.forum?mode=editprofile&page_profil=avatars"> <span style="font-size: 11px; line-height: normal"><i>Avatar</i></span>
</a></span><br><br><span style="font-size:
1.2em;"><b><span style="font-size: 14px; line-height: normal">Atalhos</span></b><br><a
href="../profile.forum?mode=editprofile&page_profil=friendsfoes"><span style="font-size: 11px; line-height: normal"><i> Amigos e
ignorados</i></span></a></span><br><span style="font-size:
1.2em;"><a href="../search.forum?search_id=watchsearch"><span style="font-size: 11px; line-height: normal"><i> Tópicos supervisionados </i></span>
</a></span><br><span style="font-size:
1.2em;"><a href="../search.forum?search_id=draftsearch"><span style="font-size: 11px; line-height: normal"><i> Rascunhos </i></span></a></span><br><span
style="font-size: 1.2em;"><a
href="../search.forum?search_id=favouritesearch"><span style="font-size: 11px; line-height: normal"><i>Tópicos favoritos</i></span></a></span><br><span
style="font-size: 1.2em;"></span><br><span
style="font-size: 1.2em;"><b><span style="font-size: 14px; line-height: normal">Tópicos &
Mensagens</span></b><br><a href="../msg.forum?folder=inbox"><span style="font-size: 11px; line-height: normal"><i>
 Mensagens Privadas </i></span>
</a></span><br><span style="font-size:
1.2em;"><a href="../search.forum?search_topics={USERNAME}"><span style="font-size: 11px; line-height: normal"><i> Meus
tópicos</i></span></a></span><br><span style="font-size:
1.2em;"><a href="../search.forum?search_id=egosearch"><span style="font-size: 11px; line-height: normal"><i>
 Tópicos que participo</i></span>
</a></span><br><span style="font-size:
1.2em;"><a
href="../search.forum?search_author={USERNAME}&show_results=posts"><span style="font-size: 11px; line-height: normal"><i> Minhas
mensagens</i></span></a></span><br><span style="font-size:
1.2em;"><a href="../search.forum?search_id=newposts"><span style="font-size: 11px; line-height: normal"><i>
 Ultimas mensagens</i></span><br>
<small>({USERLASTVISIT})</small></a></span></div><h3
 style="border-color: #1675BC;"></h3>

Se Possivel, Queria a Implementação acima do nome do usuário um avatar do usuário que estiver usando-o, tipo acima do nick dele, ficasse um avatar do mesmo com redimensionamento padronizado, tipo mesmo o avatar maior nas mensagens, ai no painel ele ficasse de determinado redimensionamento (somente no painel) pra nao ocupar tanto espaço!

E queria um efeito de abrir as opções do menu ao clickar no nome principal, exemplo:

Queria que so mostra-se :

Alterar
Atalhos
Tópicos & Mensagens

ai ao usuário clickar em algum desses, abrisse os sub menu's...


Alterar
Informações
Preferências
Assinatura
Avatar

Atalhos
Amigos e ignorados
Tópicos supervisionados
Rascunhos
Tópicos favoritos

Tópicos & Mensagens
Mensagens Privadas
Meus tópicos
Tópicos que participo
Minhas mensagens
Ultimas mensagens
iGoogle~
iGoogle~
***

Membro desde : 17/05/2012
Mensagens : 119
Pontos : 173

http://tecnocheats.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de usuário

Mensagem por Convidad 22.05.12 19:08

Olá autor!

Painel de controle > Módulos > Portal e Widgets > Gestão dos widgets do fórum > Criar um widget personalizado > e adicione o seguinte código:
Código:
<script src="http://illiweb.com/fa/js_16/collapsible_faq.js" type="text/javascript"></script>
<script>
jQuery(document).ready(function(){
 jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
 link = jQuery('.panel dl:first img', data).attr('src');
 jQuery('#avatar').attr('src', link);
 });
});
</script>
<span style="font-size: 1.2em;"><img id="avatar" align="left" width="50"><font size="4">{USERLINK}</font><br />
<b>Mensagens:</b> {USERCOUNTPOST}<br />
<span id="friends_cook"></span><br />
<br /></span>
<dl class="faq" style="margin-bottom: -1px !important;"><dt></dt><dd onClick="return CFAQ.display('l7', false);">
 <div style="cursor: pointer;" onClick="return CFAQ.display('l7', true);" onfocus="this.blur();"><img src="http://2img.net/i/fa/admin/icones/editer.png" style="width: 15px;height: 15px" border="0"> Alterar</div></dd><dd style="display:none;" id="l7"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../profile?mode=editprofile&amp;page_profil=informations" target="_blank"> Informações </a></span><span style="font-size: ;">
<a href="../profile?mode=editprofile&amp;page_profil=preferences" target="_blank"> Preferências </a></span><span style="font-size: ;"><br /><a href="../profile?mode=editprofile&amp;page_profil=avatars" target="_blank"> Avatar </a></span></dd><dd onClick="return CFAQ.display('l8', false);">
 <div style="cursor: pointer;" onClick="return CFAQ.display('l8', true);" onfocus="this.blur();"><img src="http://2img.net/i/fa/admin/icones/small_ico/support.png" style="width: 15px;height: 15px" border="0"> Ver</div></dd>
<dd style="display:none;" id="l8"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../profile?mode=editprofile&amp;page_profil=friendsfoes" target="_blank"> Amigos e ignorados</a></span><span style="font-size: ;"><a href="../search?search_id=watchsearch" target="_blank"> Tópicos supervisionados </a></span><br /><span style="font-size: ;"><a href="../search?search_id=draftsearch" target="_blank"> Rascunhos </a></span><br /><span style="font-size: ;"><a href="../search?search_id=favouritesearch" target="_blank"> Tópicos favoritos</a></span></dd><dd onClick="return CFAQ.display('l9', false);">
 <div style="cursor: pointer;" onClick="return CFAQ.display('l9', true);" onfocus="this.blur();"><img src="http://i27.servimg.com/u/f27/15/07/56/36/2qban410.png" style="width: 15px;height: 15px" border="0"> Tópicos e mensagens</div></dd><dd style="display:none;" id="l9"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../msg.forum?folder=inbox" target="_blank"> Mensagens Privadas</a></span><span style="font-size: ;"><a href="../search?search_topics={USERNAME}" target="_blank"> Meus tópicos</a></span><br /><span style="font-size: ;"><a href="../search?search_id=egosearch" target="_blank"> Tópicos que participo </a></span><br /><span style="font-size: ;"><a href="../search?search_author={USERNAME}&show_results=posts" target="_blank"> Minhas mensagens</a></span><br /><span style="font-size: ;"><a href="../search?search_id=newposts" target="_blank"> Novas mensagens<br /> <small>({USERLASTVISIT})</small></a></span></dd></dl><span class="corners-bottom"><span></span></span>
Agora, você vai editar as permissões deste widget depois que adicionar a estrutura do fórum. Clique Autorizações e desmarque a opção "Convidado" e salve.

Agora, o widget de login e senha, o senhor tem o pré-definido por Forumeiros que já vem criado no seu fórum, e se chama Login, e outro que podes criar.

Novamente, crie um novo widget e nele adicione o seguinte código:
Código:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><script src="http://illiweb.com/rs3/14/frm/jquery/pwd_strength/passwordStrengthMeter.js"></script><script type="text/javascript">//<![CDATA[
    jQuery(document).ready(function(){$('input[name=reset]').click(function(){$("#pwd_good,#pwd_middle,#pwd_bad").hide();});$('#password_reg,#username').keyup(function() {if ( $('#password_reg').val() != "" ){var level = passwordStrength($('#password_reg').val(),$('#username').val());switch(level){case 'bad' :$("#pwd_middle,#pwd_good").hide();$("#pwd_bad").show();break;case 'good' :$("#pwd_good,#pwd_bad").hide();$("#pwd_middle").show();break;case 'strong' :$("#pwd_middle,#pwd_bad").hide();$("#pwd_good").show();break;}}else{$("#pwd_middle,#pwd_good,#pwd_bad").hide();}});});//]]></script>

    <style>
    .pwd_img {
    color: black;
    display: none;
    font-size: 11px;
    font-weight: 700;
    height: 14px;
    line-height: 14px;
    padding: 4px 0px 3px;
    text-align: center;
    width: 150px;
    }
    #pwd_bad {
    background: url(http://2img.net/i/fa/p_strength/pwd_bad.png);
    }
    #pwd_middle {
    background: url(http://2img.net/i/fa/p_strength/pwd_middle.png);
    }
    #pwd_good {
    background: url(http://2img.net/i/fa/p_strength/pwd_good.png);
    }</style>

    <style>#xat{display:none}</style><form action=http://forumactif.forumeiros.com/register?agreed=true&step=2 method=post><center><label>Nome de usuário</label><input class="inputbox post" type="text" id="username_reg" name=username size=25 maxlength=25><br><label>Email(não precisa confirmar)</label><input class="inputbox post" type="text" id="email" name="email" size="25" maxlength="64"><br><label>Senha</label><input class="inputbox post" type=password id="password_reg" name="password" size="25" maxlength="25"><div class="left" id="cont_pwd"><div id="pwd_bad" class="pwd_img" style="display:none;">Fraca</div><div id="pwd_middle" class="pwd_img" style="display: none;">Média</div><div id="pwd_good" class="pwd_img" style="display:none;">Segura</div></div><br><br><input class=button1 type=submit name=submit value=" Registrar "></center></form><br><b>- VEJA LINKS E IMAGENS<br>- CONTEÚDO EXCLUSIVO</b></a>
Depois, no botão Autorizações vamos permitir a visualização somente aos visitantes, para que os membros logados no fórum não o vejam.

Atenciosamente,
Shek
Anonymous
Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de usuário

Mensagem por iGoogle~ 22.05.12 20:03

Olá Shek

O resultado nao foi bem sucedido...
Primeiro que, pra quem nao está logado, está mostrando a opção de REGISTRAR, somente, os campus somente para se registrar, eu queria os campus LOGIN e SENHA, pra vc colocar e logar-se, e só queria um nome com link enbaixo do botão conectar-se "REGISTRAR-SE" pra ao clickar ir para a pagina de registro do forum...

obrigado pela tentativa! aguardo melhoras!
iGoogle~
iGoogle~
***

Membro desde : 17/05/2012
Mensagens : 119
Pontos : 173

http://tecnocheats.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de usuário

Mensagem por Convidad 22.05.12 20:08

Olá,

Os códigos que passamos deve ser editado pelo senhor. ...
Anonymous
Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de usuário

Mensagem por iGoogle~ 22.05.12 20:19

Sim, mais Codigos eu só edito coisas basicas, o que você me passou é tipo, é pra se registrar, eu queria o painel só pra LOGIN e SENHA, somente um nome link de REGISTRE-SE.
iGoogle~
iGoogle~
***

Membro desde : 17/05/2012
Mensagens : 119
Pontos : 173

http://tecnocheats.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de usuário

Mensagem por Convidad 22.05.12 20:29

Olá!

O código de login abaixo está como deseja, querido amigo?
Código:
    <tr>
      <td>
          <table>
                          <tr>
                  <td>Login</td>

                    <td><form action="/login" method="post"><input type="text" name="username" id="username" size="15" maxlength="40" value="" class="inputbox autowidth" /></td>
                </tr>
                <tr>
                  <td>Senha</td>
                    <td><input type="password" id="password" name="password" size="15" maxlength="25" class="inputbox autowidth" /></td>
<form action="/login" method="post">

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

    </tr>
    <tr>
      <td align="right"><input type="submit" "image" src="http://www.habbid.com.br/images/entre.gif" name="login" tabindex="6" value="Login" class="button1" /></td>
</form>
    </tr>
    <tr>
      <td>
          <table>
              <tr>
                  <td rowspan="4"><div style="float:left;background:url(images/sombrahabbo.gif); background-position:bottom left; background-repeat:no-repeat; width:45px; height:89px; text-align:center" ><img alt="unknow" src="http://2img.net/i/bl/logo.png"></div></td>

                    <td><a href="/register"><img alt="registre-se" src="http://www.habbid.com.br/images/registrese.gif" align="absmiddle" /> <b>Registre-se</b></a></td>
                </tr>
                <tr>
                  <td><a href="http://forumactif.forumeiros.com/profile.forum?mode=sendpassword"><img alt="esqueci minha senha" src="http://www.habbid.com.br/images/esquecisenha.gif" align="absmiddle" /> Esqueci a senha</a></td>
                </tr>
                <tr>
                  <td><a href="http://shiftactive.blogspot.com/"><img alt="quem somos" src="http://www.habbid.com.br/images/quemsomos.gif" align="absmiddle" /> Shiftactif - O blog dos fóruns</a></td>

                </tr>
                <tr>
                  <td></td>
                </tr>
            </table>
      </td>
Atenciosamente,
Shek
Anonymous
Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de usuário

Mensagem por iGoogle~ 22.05.12 21:00

Cara, PERFEITOOOOOOOOOO' !!
Vc é 10 manow!
a Parte do LOGIN já ta Otimo! Muito Obrigado Piscada

Agora Manow, Vi que tu entendeu oq queria... Agora so Pesso mais uma coisinha pra poder feixar o tópico....

o PAINEL DO USUÁRIO
Vc poderia me passar oque o FDF usa?
Tipo, sem as bordas ao redor do menu, a imagenzinha no lado da opção, tipo dakele msm geitinho, se possivel, se nao, que mude pouca coisa, o modelo que você me passou é tipo, Fica 2 bordas brancas no painel, ai ficou meio aterrorizante =O

Mais é isso, se puder pesso a sua colaboração Venerar Seu Fã!
iGoogle~
iGoogle~
***

Membro desde : 17/05/2012
Mensagens : 119
Pontos : 173

http://tecnocheats.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de usuário

Mensagem por iGoogle~ 23.05.12 19:42

Up... Alguem resolve a questão acima

Cara, PERFEITOOOOOOOOOO' !!
Vc é 10 manow!
a Parte do LOGIN já ta Otimo! Muito Obrigado

Agora Manow, Vi que tu entendeu oq queria... Agora so Pesso mais uma coisinha pra poder feixar o tópico....

o PAINEL DO USUÁRIO
Vc poderia me passar oque o FDF usa?
Tipo, sem as bordas ao redor do menu, a imagenzinha no lado da opção, tipo dakele msm geitinho, se possivel, se nao, que mude pouca coisa, o modelo que você me passou é tipo, Fica 2 bordas brancas no painel, ai ficou meio aterrorizante =O

Mais é isso, se puder pesso a sua colaboração Seu Fã!
iGoogle~
iGoogle~
***

Membro desde : 17/05/2012
Mensagens : 119
Pontos : 173

http://tecnocheats.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de usuário

Mensagem por Convidad 23.05.12 23:49

Olá amigo !

O código usado no Painel de usuário do Fórum dos Fóruns eu já lhe enviei. No caso é esse:
Código:
<script src="http://illiweb.com/fa/js_16/collapsible_faq.js" type="text/javascript"></script>
<script>
jQuery(document).ready(function(){
 jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
 link = jQuery('.panel dl:first img', data).attr('src');
 jQuery('#avatar').attr('src', link);
 });
});
</script>
<span style="font-size: 1.2em;"><img id="avatar" align="left" width="50"><font size="4">{USERLINK}</font><br />
<b>Mensagens:</b> {USERCOUNTPOST}<br />
<span id="friends_cook"></span><br />
<br /></span>
<dl class="faq" style="margin-bottom: -1px !important;"><dt></dt><dd onClick="return CFAQ.display('l7', false);">
 <div style="cursor: pointer;" onClick="return CFAQ.display('l7', true);" onfocus="this.blur();"><img src="http://2img.net/i/fa/admin/icones/editer.png" style="width: 15px;height: 15px" border="0"> Alterar</div></dd><dd style="display:none;" id="l7"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../profile?mode=editprofile&amp;page_profil=informations" target="_blank"> Informações </a></span><span style="font-size: ;">
<a href="../profile?mode=editprofile&amp;page_profil=preferences" target="_blank"> Preferências </a></span><span style="font-size: ;"><br /><a href="../profile?mode=editprofile&amp;page_profil=avatars" target="_blank"> Avatar </a></span></dd><dd onClick="return CFAQ.display('l8', false);">
 <div style="cursor: pointer;" onClick="return CFAQ.display('l8', true);" onfocus="this.blur();"><img src="http://2img.net/i/fa/admin/icones/small_ico/support.png" style="width: 15px;height: 15px" border="0"> Ver</div></dd>
<dd style="display:none;" id="l8"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../profile?mode=editprofile&amp;page_profil=friendsfoes" target="_blank"> Amigos e ignorados</a></span><span style="font-size: ;"><a href="../search?search_id=watchsearch" target="_blank"> Tópicos supervisionados </a></span><br /><span style="font-size: ;"><a href="../search?search_id=draftsearch" target="_blank"> Rascunhos </a></span><br /><span style="font-size: ;"><a href="../search?search_id=favouritesearch" target="_blank"> Tópicos favoritos</a></span></dd><dd onClick="return CFAQ.display('l9', false);">
 <div style="cursor: pointer;" onClick="return CFAQ.display('l9', true);" onfocus="this.blur();"><img src="http://i27.servimg.com/u/f27/15/07/56/36/2qban410.png" style="width: 15px;height: 15px" border="0"> Tópicos e mensagens</div></dd><dd style="display:none;" id="l9"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../msg.forum?folder=inbox" target="_blank"> Mensagens Privadas</a></span><span style="font-size: ;"><a href="../search?search_topics={USERNAME}" target="_blank"> Meus tópicos</a></span><br /><span style="font-size: ;"><a href="../search?search_id=egosearch" target="_blank"> Tópicos que participo </a></span><br /><span style="font-size: ;"><a href="../search?search_author={USERNAME}&show_results=posts" target="_blank"> Minhas mensagens</a></span><br /><span style="font-size: ;"><a href="../search?search_id=newposts" target="_blank"> Novas mensagens<br /> <small>({USERLASTVISIT})</small></a></span></dd></dl><span class="corners-bottom"><span></span></span>
Atenciosamente,
Shek
Anonymous
Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de usuário

Mensagem por StyLe® 23.05.12 23:54

Olá, amigo desculpe pela demora mais o meu Código e o único que funfa igual o FDF então peso que troque o seu código por esse
Código:
<script src="http://2img.net/i/bl/logo.png/fa/js_16/collapsible_faq.js" type="text/javascript"></script>
<script>
jQuery(document).ready(function(){
 jQuery.get('/profile.forum?mode=editprofile&page_profil=avatars', function(data) {
 link = jQuery('.panel dl:first img', data).attr('src');
 jQuery('#avatar').attr('src', link);
 });
});
</script>
<span style="font-size: 1.2em;"><img id="avatar" align="left" width="50"><font size="4">{USERLINK}</font><br />
<b>Mensagens:</b> {USERCOUNTPOST}<br />
<span id="friends_cook"></span><br />
<br /></span>
<dl class="faq" style="margin-bottom: -1px !important;"><dt></dt><dd onClick="return CFAQ.display('l7', false);">
 <div style="cursor: pointer;" onClick="return CFAQ.display('l7', true);" onfocus="this.blur();"><img src="http://2img.net/i/fa/admin/icones/editer.png" style="width: 15px;height: 15px" border="0"> Alterar</div></dd><dd style="display:none;" id="l7"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../profile.forum?mode=editprofile&amp;page_profil=informations" target="_blank"> Informações </a></span><span style="font-size: ;">
<a href="../profile.forum?mode=editprofile&amp;page_profil=preferences" target="_blank"> Preferências </a></span><span style="font-size: ;"><br /><a href="../profile.forum?mode=editprofile&amp;page_profil=avatars" target="_blank"> Avatar </a></span></dd><dd onClick="return CFAQ.display('l8', false);">
 <div style="cursor: pointer;" onClick="return CFAQ.display('l8', true);" onfocus="this.blur();"><img src="http://2img.net/i/fa/admin/icones/small_ico/support.png" style="width: 15px;height: 15px" border="0"> Ver</div></dd>
<dd style="display:none;" id="l8"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../profile.forum?mode=editprofile&amp;page_profil=friendsfoes" target="_blank"> Amigos e ignorados</a></span><span style="font-size: ;"><a href="../search.forum?search_id=watchsearch" target="_blank"> Tópicos supervisionados </a></span><br /><span style="font-size: ;"><a href="../search.forum?search_id=draftsearch" target="_blank"> Rascunhos </a></span><br /><span style="font-size: ;"><a href="../search.forum?search_id=favouritesearch" target="_blank"> Tópicos favoritos</a></span></dd><dd onClick="return CFAQ.display('l9', false);">
 <div style="cursor: pointer;" onClick="return CFAQ.display('l9', true);" onfocus="this.blur();"><img src="http://i27.servimg.com/u/f27/15/07/56/36/2qban410.png" style="width: 15px;height: 15px" border="0"> Tópicos e mensagens</div></dd><dd style="display:none;" id="l9"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../msg.forum?folder=inbox" target="_blank"> Mensagens Privadas</a></span><span style="font-size: ;"><a href="../search.forum?search_topics={USERNAME}" target="_blank"> Meus tópicos</a></span><br /><span style="font-size: ;"><a href="../search.forum?search_id=egosearch" target="_blank"> Tópicos que participo </a></span><br /><span style="font-size: ;"><a href="../search.forum?search_author={USERNAME}&show_results=posts" target="_blank"> Minhas mensagens</a></span><br /><span style="font-size: ;"><a href="../search.forum?search_id=newposts" target="_blank"> Novas mensagens<br /> <small>({USERLASTVISIT})</small></a></span></dd></dl><span class="corners-bottom"><span></span></span>

Cordialmente,
Admineiros StyLe®️
avatar
StyLe®
Super Membro

Membro desde : 28/04/2012
Mensagens : 1919
Pontos : 2654

https://ajuda.forumeiros.com/t79652-

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de usuário

Mensagem por iGoogle~ 24.05.12 18:41

Olha, Nenhum Acima Resultou!

Mais eu editando conseguir deixar IGUAL ao do fórum dos fóruns, Antes ele ficava com uma borda estranha ao lado dos botões...

Vou dizer oque fiz pra ajudar futuros com a mesma duvida!

Primeiro:

O Código é esse (sem estar concertado):
Código:
<script src="http://illiweb.com/fa/js_16/collapsible_faq.js" type="text/javascript"></script>
<script>
jQuery(document).ready(function(){
 jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
 link = jQuery('.panel dl:first img', data).attr('src');
 jQuery('#avatar').attr('src', link);
 });
});
</script>
<span style="font-size: 1.2em;"><img id="avatar" align="left" width="50"><font size="4">{USERLINK}</font><br />
<b>Mensagens:</b> {USERCOUNTPOST}<br />
<span id="friends_cook"></span><br />
<br /></span>
<dd onClick="return CFAQ.display('l7', false);">
 <div style="cursor: pointer;" onClick="return CFAQ.display('l7', true);" onfocus="this.blur();"><img src="http://2img.net/i/fa/admin/icones/editer.png" style="width: 15px;height: 15px" border="0"> Alterar</div></dd><dd style="display:none;" id="l7"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../profile?mode=editprofile&amp;page_profil=informations" target="_blank"> Informações </a></span><span style="font-size: ;">
<a href="../profile?mode=editprofile&amp;page_profil=preferences" target="_blank"> Preferências </a></span><span style="font-size: ;"><br /><a href="../profile?mode=editprofile&amp;page_profil=avatars" target="_blank"> Avatar </a></span></dd><dd onClick="return CFAQ.display('l8', false);">
 <div style="cursor: pointer;" onClick="return CFAQ.display('l8', true);" onfocus="this.blur();"><img src="http://2img.net/i/fa/admin/icones/small_ico/support.png" style="width: 15px;height: 15px" border="0"> Ver</div></dd>
<dd style="display:none;" id="l8"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../profile?mode=editprofile&amp;page_profil=friendsfoes" target="_blank"> Amigos e ignorados</a></span><span style="font-size: ;"><a href="../search?search_id=watchsearch" target="_blank"> Tópicos supervisionados </a></span><br /><span style="font-size: ;"><a href="../search?search_id=draftsearch" target="_blank"> Rascunhos </a></span><br /><span style="font-size: ;"><a href="../search?search_id=favouritesearch" target="_blank"> Tópicos favoritos</a></span></dd><dd onClick="return CFAQ.display('l9', false);">
 <div style="cursor: pointer;" onClick="return CFAQ.display('l9', true);" onfocus="this.blur();"><img src="http://i27.servimg.com/u/f27/15/07/56/36/2qban410.png" style="width: 15px;height: 15px" border="0"> Tópicos e mensagens</div></dd><dd style="display:none;" id="l9"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="../msg.forum?folder=inbox" target="_blank"> Mensagens Privadas</a></span><span style="font-size: ;"><a href="../search?search_topics={USERNAME}" target="_blank"> Meus tópicos</a></span><br /><span style="font-size: ;"><a href="../search?search_id=egosearch" target="_blank"> Tópicos que participo </a></span><br /><span style="font-size: ;"><a href="../search?search_author={USERNAME}&show_results=posts" target="_blank"> Minhas mensagens</a></span><br /><span style="font-size: ;"><a href="../search?search_id=newposts" target="_blank"> Novas mensagens<br /> <small>({USERLASTVISIT})</small></a></span></dd></dl><span class="corners-bottom"><span></span></span>

Tem uma Div ai que estar causando a borda, e eu curioso né, fui ver qual era o codigo ESTRANHO que tinha... Encontrei o seguinte:
Código:
<dl class="faq" style="margin-bottom: -1px !important;"><dt></dt>

Apaguei ele e pronto, Continua Funcionando o Efeito de abrir os menus etc...

Obrigado a todos que ajudarão, Duvida Resolvida... Tópico já pode ser feixado!
iGoogle~
iGoogle~
***

Membro desde : 17/05/2012
Mensagens : 119
Pontos : 173

http://tecnocheats.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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