Painel de usuário
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Painel de usuário
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
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)
Re: Painel de usuário
Olá!
Aqui estas um Código, adicione em um Widget:
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]
Re: Painel de usuário
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
Re: Painel de usuário
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:
Caso queira modificar algo é só ler o tutorial.
Tyler.
Recomendo que leia esse tutorial:
![Painel de usuário 267454590](https://2img.net/u/2612/28/77/07/smiles/267454590.png)
-
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.
Re: Painel de usuário
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...
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...
Re: Painel de usuário
Olá e Boa Tarde;
Poderia me passar o Código que estas usando, isto e se tiver usando algum?
Poderia me passar o Código que estas usando, isto e se tiver usando algum?
Re: Painel de usuário
Estou usando este já editado (as fontes, etc...)
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
- 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
Re: Painel de usuário
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:
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:
vamos permitir a visualização somente aos visitantes, para que os membros logados no fórum não o vejam.
Atenciosamente,
Shek
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&page_profil=informations" target="_blank"> Informações </a></span><span style="font-size: ;">
<a href="../profile?mode=editprofile&page_profil=preferences" target="_blank"> Preferências </a></span><span style="font-size: ;"><br /><a href="../profile?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?mode=editprofile&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>
![Autorizações](/users/2612/28/77/07/smiles/95496.png)
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>
![Autorizações](/users/2612/28/77/07/smiles/95496.png)
Atenciosamente,
Shek
Convidad- Convidado
Re: Painel de usuário
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!
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!
Re: Painel de usuário
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.
Re: Painel de usuário
Olá!
O código de login abaixo está como deseja, querido amigo?
Shek
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>
Shek
Convidad- Convidado
Re: Painel de usuário
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ã!
Vc é 10 manow!
a Parte do LOGIN já ta Otimo! Muito Obrigado
![Piscada](/users/2612/28/77/07/smiles/426228.gif)
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](/users/2612/28/77/07/smiles/487868.gif)
Re: Painel de usuário
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ã!
Re: Painel de usuário
Olá amigo !
O código usado no Painel de usuário do Fórum dos Fóruns eu já lhe enviei. No caso é esse:
Shek
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&page_profil=informations" target="_blank"> Informações </a></span><span style="font-size: ;">
<a href="../profile?mode=editprofile&page_profil=preferences" target="_blank"> Preferências </a></span><span style="font-size: ;"><br /><a href="../profile?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?mode=editprofile&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>
Shek
Convidad- Convidado
Re: Painel de usuário
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
Cordialmente,
StyLe![:registered: ®️](https://cdn.jsdelivr.net/emojione/assets/png/00ae.png?v=2.2.7)
- 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&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>
Cordialmente,
![Admineiros](/users/2612/28/77/07/smiles/4242012597.png)
![:registered: ®️](https://cdn.jsdelivr.net/emojione/assets/png/00ae.png?v=2.2.7)
Re: Painel de usuário
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):
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:
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!
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&page_profil=informations" target="_blank"> Informações </a></span><span style="font-size: ;">
<a href="../profile?mode=editprofile&page_profil=preferences" target="_blank"> Preferências </a></span><span style="font-size: ;"><br /><a href="../profile?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?mode=editprofile&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!
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos