Painel de usuário

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

Resolvido Painel de usuário

Mensagem por iGoogle~ em 20/05/12, 12:54 pm

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
http://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, 02:56 pm, editado 1 vez(es)
avatar

iGoogle~
Nível 8

Masculino
Inscrito dia : 17/05/2012
Mensagens : 119
Pontos Ativos : 173

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

Resolvido Re: Painel de usuário

Mensagem por Sennior em 20/05/12, 01:26 pm

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://illiweb.com/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://illiweb.com/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]
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Painel de usuário

Mensagem por iGoogle~ em 20/05/12, 01:38 pm

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://illiweb.com/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://illiweb.com/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:
http://i.imgur.com/JM60D.png
avatar

iGoogle~
Nível 8

Masculino
Inscrito dia : 17/05/2012
Mensagens : 119
Pontos Ativos : 173

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

Resolvido Re: Painel de usuário

Mensagem por iGoogle~ em 20/05/12, 02:47 pm

UP!

Alguem ajuda aki por favor!
avatar

iGoogle~
Nível 8

Masculino
Inscrito dia : 17/05/2012
Mensagens : 119
Pontos Ativos : 173

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

Resolvido Re: Painel de usuário

Mensagem por Tyler em 20/05/12, 02:48 pm

Olá _STYL3x_,

Recomendo que leia esse tutorial:

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://illiweb.com/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.
avatar

Tyler
Nível 2

Masculino
Inscrito dia : 11/05/2012
Mensagens : 8
Pontos Ativos : 9

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

Resolvido Re: Painel de usuário

Mensagem por iGoogle~ em 20/05/12, 03:21 pm

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

iGoogle~
Nível 8

Masculino
Inscrito dia : 17/05/2012
Mensagens : 119
Pontos Ativos : 173

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

Resolvido Re: Painel de usuário

Mensagem por iGoogle~ em 21/05/12, 02:39 pm

UP alguem ?
avatar

iGoogle~
Nível 8

Masculino
Inscrito dia : 17/05/2012
Mensagens : 119
Pontos Ativos : 173

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

Resolvido Re: Painel de usuário

Mensagem por Sennior em 21/05/12, 02:50 pm

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

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Painel de usuário

Mensagem por iGoogle~ em 21/05/12, 05:07 pm

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

Código:
<span style="font-size: 1.2em;"><img
src="http://illiweb.com/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
avatar

iGoogle~
Nível 8

Masculino
Inscrito dia : 17/05/2012
Mensagens : 119
Pontos Ativos : 173

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

Resolvido Re: Painel de usuário

Mensagem por Convidad em 22/05/12, 03:08 pm

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://illiweb.com/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://illiweb.com/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/rsc/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://illiweb.com/fa/p_strength/pwd_bad.png);
    }
    #pwd_middle {
    background: url(http://illiweb.com/fa/p_strength/pwd_middle.png);
    }
    #pwd_good {
    background: url(http://illiweb.com/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

Convidad
Convidado


Resolvido Re: Painel de usuário

Mensagem por iGoogle~ em 22/05/12, 04:03 pm

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

iGoogle~
Nível 8

Masculino
Inscrito dia : 17/05/2012
Mensagens : 119
Pontos Ativos : 173

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

Resolvido Re: Painel de usuário

Mensagem por Convidad em 22/05/12, 04:08 pm

Olá,

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

Convidad
Convidado


Resolvido Re: Painel de usuário

Mensagem por iGoogle~ em 22/05/12, 04:19 pm

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

iGoogle~
Nível 8

Masculino
Inscrito dia : 17/05/2012
Mensagens : 119
Pontos Ativos : 173

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

Resolvido Re: Painel de usuário

Mensagem por Convidad em 22/05/12, 04:29 pm

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://illiweb.com/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

Convidad
Convidado


Resolvido Re: Painel de usuário

Mensagem por iGoogle~ em 22/05/12, 05:00 pm

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ã!
avatar

iGoogle~
Nível 8

Masculino
Inscrito dia : 17/05/2012
Mensagens : 119
Pontos Ativos : 173

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

Resolvido Re: Painel de usuário

Mensagem por iGoogle~ em 23/05/12, 03:42 pm

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ã!
avatar

iGoogle~
Nível 8

Masculino
Inscrito dia : 17/05/2012
Mensagens : 119
Pontos Ativos : 173

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

Resolvido Re: Painel de usuário

Mensagem por Convidad em 23/05/12, 07:49 pm

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://illiweb.com/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://illiweb.com/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

Convidad
Convidado


Resolvido Re: Painel de usuário

Mensagem por StyLe® em 23/05/12, 07:54 pm

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://illiweb.com/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://illiweb.com/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://illiweb.com/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®

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

Ver perfil do usuário http://ajuda.forumeiros.com/t79652-

Resolvido Re: Painel de usuário

Mensagem por iGoogle~ em 24/05/12, 02:41 pm

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://illiweb.com/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://illiweb.com/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!
avatar

iGoogle~
Nível 8

Masculino
Inscrito dia : 17/05/2012
Mensagens : 119
Pontos Ativos : 173

Ver perfil do usuário http://tecnocheats.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