Painel de controle do usuário
2 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 controle do usuário
Qual é minha questão:
Olá!
Depois de ler o Tutorial aqui no FdF como criar um painel de usuário, fiz todo procedimento certo, porém os links não ficam ocultos, por exemplo eu gostaria de por essas imagens que ficam do lado de "Alterar" "Ver" "Tópicos e mensagens" e o avatar do usuário não está aparecendo, por exemplo o painel do usuário aqui no FdF, quando clica no "Alterar" amostra os links e quando clica de novo oculta eles, queria o mesmo no meu painel de usuário, porém não detecto o erro no meu código, poderiam ver qual seria?
Medidas que eu tomei para corrigir o problema:
Recorri ao FdF.
Imagens do meu problema:
Basta ver o portal do meu fórum.
Endereço do meu fórum:
http://thugfamily.forumbrasil.net/portal
Versão do meu fórum:
INVISION
@EDIT Não acredito que fiz a mesma idiotice de criar o tópico na secção errada, poderiam movê-lo é porque estou acustumado a criar os tópicos aqui
Olá!
Depois de ler o Tutorial aqui no FdF como criar um painel de usuário, fiz todo procedimento certo, porém os links não ficam ocultos, por exemplo eu gostaria de por essas imagens que ficam do lado de "Alterar" "Ver" "Tópicos e mensagens" e o avatar do usuário não está aparecendo, por exemplo o painel do usuário aqui no FdF, quando clica no "Alterar" amostra os links e quando clica de novo oculta eles, queria o mesmo no meu painel de usuário, porém não detecto o erro no meu código, poderiam ver qual seria?
- Código:
<span style="font-size: 1.2em;"><img src="" 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://thugfamily.forumbrasil.net/profile?mode=editprofile" 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>
Medidas que eu tomei para corrigir o problema:
Recorri ao FdF.
Imagens do meu problema:
Basta ver o portal do meu fórum.
Endereço do meu fórum:
http://thugfamily.forumbrasil.net/portal
Versão do meu fórum:
INVISION
@EDIT Não acredito que fiz a mesma idiotice de criar o tópico na secção errada, poderiam movê-lo é porque estou acustumado a criar os tópicos aqui
Re: Painel de controle do usuário
Olá, tente este código:
Até mais!
- Código:
<script src="http://illiweb.com/fa/js_16/collapsible_faq.js" type="text/javascript"></script>
<font size="4">{USERLINK}</font><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">
<b>Mensagens:</b> {USERCOUNTPOST}
<span id="friends_cook"></span>
</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://i66.servimg.com/u/f66/15/86/37/09/config10.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://i66.servimg.com/u/f66/15/86/37/09/new_ic10.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://i66.servimg.com/u/f66/15/86/37/09/ecrire10.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></a></span></dd></dl>
Até mais!
Re: Painel de controle do usuário
Olá!
Resultou! Porém não está aparecendo o avatar do usuário e eu gostaria que a parte "Mensagens" ficasse abaixo do avatar.
@EDIT
Vejam o exemplo:
Eu queria que a parte "Sair" também tivesse no meu painel de usuário.
Até mais.
Resultou! Porém não está aparecendo o avatar do usuário e eu gostaria que a parte "Mensagens" ficasse abaixo do avatar.
@EDIT
Vejam o exemplo:
Eu queria que a parte "Sair" também tivesse no meu painel de usuário.
Até mais.
Re: Painel de controle do usuário
Tente esse:
Até mais!
- Código:
<span style="font-size: 1.2em;"><font size="4"><a href="http://gtabrasilmods.forumeiros.com/profile?mode=editprofile">Convidado</a></font><br>
<font size="2"><b>Mensagens:</b>0</font><br>
<font size="3"><img src="http://i27.servimg.com/u/f27/15/07/56/36/2s60s810.png" alt="" align="top"></font><font color="#ff0000" size="3"><b>
<a href="../login.forum?logout=true"><font color="#ff0000">Sair</font></a></b></font><table></table>
<br></span><div style="text-align: left;"><b><font size="2"><span id="altabrir" style="cursor: pointer;">Alterar</span></font></b><br>
<div id="altaberto" style=""><img src="http://i46.tinypic.com/qyclys.jpg" alt=""><a href="../profile?mode=editprofile&page_profil=informations" target="_blank"><font size="2">Informações </font></a><br>
<img src="http://i48.tinypic.com/104kh77.jpg" alt=""><a href="../profile?mode=editprofile&page_profil=preferences" target="_blank"><font size="2">Preferências </font></a><br>
<img src="http://i49.tinypic.com/2m2xhr6.jpg" alt=""><a href="../profile?mode=editprofile&page_profil=signature" target="_blank"><font size="2">Assinatura </font></a><br>
<img src="http://i46.tinypic.com/20zbcsp.jpg" alt=""><a href="../profile?mode=editprofile&page_profil=avatars" target="_blank"><font size="2">Avatar </font></a></div>
<b><span style="cursor: pointer;" id="verabrir"><font size="2"> Ver</font></span></b><br>
<div id="veraberto" style=""><img src="http://i50.tinypic.com/x3s2hc.jpg" alt=""><a href="../profile?mode=editprofile&page_profil=friendsfoes" target="_blank"><font size="2">Amigos e ignorados</font></a><br>
<img src="http://i45.tinypic.com/2hgs09x.jpg" alt=""><a href="../search?search_id=watchsearch" target="_blank"><font size="2">Tópicos supervisionados </font></a><br>
<img src="http://i50.tinypic.com/55oyyt.jpg" alt=""><a href="../search?search_id=draftsearch" target="_blank"><font size="2">Rascunhos </font></a><br>
<img src="http://i49.tinypic.com/14bl4rs.jpg" alt=""><a href="../search?search_id=favouritesearch" target="_blank"><font size="2">Tópicos favoritos</font></a></div>
<b><span id="menabrir" style="cursor: pointer;"><font size="2">Tópicos & Mensagens</font></span></b><br>
<div id="menaberto" style="display: block;"><img src="http://i47.tinypic.com/2qban4m.jpg" alt=""><a href="../msg.forum?folder=inbox" target="_blank"><font size="2">Mensagens Privadas </font></a><br>
<img src="http://i49.tinypic.com/bg8ahl.jpg" alt=""><a href="../search?search_topics=SantolaZ" target="_blank"><font size="2">Meus tópicos</font></a><br>
<img src="http://i47.tinypic.com/fa99ts.jpg" alt=""><a href="../search?search_id=egosearch" target="_blank"><font size="2">Tópicos que participo </font></a><br>
<img src="http://i48.tinypic.com/2pyornk.jpg" alt=""><a href="../search?search_author=SantolaZ&show_results=posts" target="_blank"><font size="2">Minhas mensagens</font></a><br>
<img src="http://i49.tinypic.com/2s1aels.jpg" alt=""><a href="../search?search_id=newposts" target="_blank"><font size="2">Novas mensagens</font><br> <font size="2">(Dom Dez 12, 2010)</font></a></div><h3 style="border-color: rgb(22, 117, 188);"></h3></div>
Até mais!
Re: Painel de controle do usuário
Olá infelizmente o resultado piorou, os links que eu queriam que fossem ocultados não está mais, lá fala que eu estou conectado como convidado e tenho 0 mensagens sendo que estou logado na minha conta de Admin, o "Sair" funcionou, só que o resto piorou há e o avatar não está aparecendo mais: http://thugfamily.forumbrasil.net/portal
Re: Painel de controle do usuário
Veja esse agora:
Até mais!
- 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.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>
<font size="3"><img src="http://i27.servimg.com/u/f27/15/07/56/36/2s60s810.png" alt="" align="top"></font><font size="3" color="#ff0000"><b>
<a href="http://tugatech.com.pt/login.forum?logout=true"><font color="#ff0000">Sair</font></a></b></font>
<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://i27.servimg.com/u/f27/15/07/56/36/104kh710.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://i27.servimg.com/u/f27/15/07/56/36/x3s2hc10.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>
Até mais!
Re: Painel de controle do usuário
Olá resultou, mas quando eu clico em "Sair" você é redirecionado para este site: http://tugatech.com.pt/forum em vez de fazer logouft no meu fórum, e a imagem de: "Alterar" não está aparecendo e nem o avaatar somente isso que ocorre de errado agora.
Atenciosamente, Daniel.
Atenciosamente, Daniel.
Re: Painel de controle do usuário
Bom, eu procurei no fórum todos os paineis de usuarios e o ultimo que eu encontrei foi esse porque você não usa um que fica no topo? é mas fácil
Até mais!
Até mais!
Re: Painel de controle do usuário
Olá!
O problema é que não sou muito bom em códigos, pra eu pegar um Painel de usuário tenho que modificar de acordo à meu gosto e o fórum, infelizmente não sou muito bom em códigos, teria o código para o painel de usuário ao topo? desculpa
Até mais.
O problema é que não sou muito bom em códigos, pra eu pegar um Painel de usuário tenho que modificar de acordo à meu gosto e o fórum, infelizmente não sou muito bom em códigos, teria o código para o painel de usuário ao topo? desculpa
Até mais.
Re: Painel de controle do usuário
Aqui está:
Coloque o código na homepage ou no portal!
- Código:
<!-- The CSS -->
<link rel="stylesheet" href="http://web-kreation.com/demos/login_form_mootools_1.2/fx.slide.css" type="text/css" media="screen" />
<style>
#login {
overflow: visible;
height: auto;
-webkit-transition: margin-top 0.5s ease-in-out 0s;
-moz-transition: margin-top 0.5s ease-in-out 0s;
-o-transition: margin-top 0.5s ease-in-out 0s;
transition: margin-top 0.5s ease-in-out 0s;
}
/* Login Panel I */
#topp {
height: 38px;
position: relative;
}
#topp ul.login {
display: block;
position: relative;
float: right;
clear: right;
height: 38px;
width: auto;
font-weight: bold;
line-height: 38px;
margin: 0;
right: 150px;
color: white;
font-size: 80%;
text-align: center;
padding-right: 45px;
}
#topp ul.login li.left {
height: 38px;
width: 45px;
padding: 0;
margin: 0;
display: block;
float: left;
}
#topp ul.login li {
text-align: left;
padding: 0 6px;
display: block;
float: left;
height: 38px;
}
#topp ul.login li a {color: #ffffff;}
#topp ul.login li a:hover {color: white;}
/* Login Panel */
#topp {
background: url(http://i44.servimg.com/u/f44/16/64/98/32/login_12.png) repeat-x 0 0;}
#topp ul.login {
background: url(http://i44.servimg.com/u/f44/16/64/98/32/loginr11.png) no-repeat right 0;}
#topp ul.login li.left {
background: url(http://i44.servimg.com/u/f44/16/64/98/32/loginl11.png) no-repeat left 0;}
#topp ul.login li {
background: url(http://i44.servimg.com/u/f44/16/64/98/32/login_13.png) repeat-x 0 0;}
/*Login*/
/* toggle effect - show/hide login*/
#login {
background: #009AC6;}
#login .loginContent input:focus.field {
background: #545454;}
#login .loginContent{padding-top:0px;width:790px;height:100px;}
#login .loginContent input.button_login {
background: transparent url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_login.jpg) no-repeat 0 0;}
#login .loginClose a {
background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg) no-repeat right 0;}
#login .loginClose a:hover {
background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg) no-repeat right -20px;}a:hover{color:red!important}
</style>
<!-- Login --><div id="loginn" style="display: block;position: absolute;left: 0px;top: 0px;width: 100%;"><div id="login" style="margin-top:-100px;"><div class="loginContent">
<table style="width:100%;" border="0">
<tr>
<td style="text-align:center;">
<table border="0">
<tr>
<td>
<script>
jQuery(document).ready(function(){
jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
link = jQuery('.panel dl:first img', data).attr('src');
if(link){
jQuery('#avatar').html('<img src="'+link+'" align="left" width="60" height="80">');
}else{
jQuery('#avatar').html('');
}
});
});
</script><div id="avatar"><center><img src="http://i53.tinypic.com/1e1fex.gif"></center></div>
</td>
<td>
<span style="font-size: 1.2em;">
<font size="3"><a href="/profile?mode=editprofile" style="color:#ffffff">{USERNAME}</a></font>
</td>
<td>
<b> Mensagens:</b> {USERCOUNTPOST}
</span>
</td>
</tr>
</table>
</td>
<td style="text-align:center;">
<span style="font-size: 1.2em;"><b>Alterar</b><br>
<a href="../profile.forum?mode=editprofile&page_profil=informations"><font color="#FFFFFF">Informações</font></a><br>
<a href="../profile.forum?mode=editprofile&page_profil=preferences"><font color="#FFFFFF">Preferências</font></a><br>
<a href="../profile.forum?mode=editprofile&page_profil=signature"><font color="#FFFFFF">Assinatura</font></a><br>
<a href="../profile.forum?mode=editprofile&page_profil=avatars"><font color="#FFFFFF">Avatar</font></a>
</span>
</td>
<td style="text-align:center;">
<span style="font-size: 1.2em;"><b>Ver</b><br>
<a href="../profile.forum?mode=editprofile&page_profil=friendsfoes"><font color="#FFFFFF">Amigos & ignorados</font></a><br>
<a href="../search.forum?search_id=watchsearch"><font color="#FFFFFF">Tópicos supervisionados</font></a><br>
<a href="../search.forum?search_id=favouritesearch"><font color="#FFFFFF">Tópicos favoritos</font></a><br>
<a href="../rpg_sheet_edit.forum"><font color="#FFFFFF">Ficha de personagem</font></a>
</span>
</td>
<td style="text-align:center;">
<span style="font-size: 1.2em;"><b>Tópicos & Mensagens</b><br>
<a href="../msg.forum?folder=inbox"><font color="#FFFFFF">Mensagens Privadas</font></a><br>
<a href="../search.forum?search_topics=favouritesearch"><font color="#FFFFFF">Meus tópicos</font></a><br>
<a href="../search.forum?search_id=egosearch"><font color="#FFFFFF">Tópicos que participa</font></a><br>
<a href="../search.forum?search_author=favouritesearch&show_results=posts"><font color="#FFFFFF">Minhas mensagens</font></a><br>
</span>
</td>
</tr>
</table>
</div>
</div>
<!-- /login --><div id="container"><div id="topp">
<!-- login -->
<ul class="login">
<li class="left"> </li>
<li><a id="toggleLogin" href="#" onclick="document.getElementById('login').style.marginTop=((document.getElementById('login').style.marginTop=='0px')? '-100px' : '0px');">Painel de Usuário</a></li>
</ul> <!-- / login -->
</div> <!-- / topp --><div class="clearfix"></div>
</div></p></div>
Coloque o código na homepage ou no portal!
Re: Painel de controle do usuário
Olá!
Gostaria que você retirasse a parte "ficha de personagem" e arrumasse as partes "meus tópicos" e "minhas mensagens" pois quando clica aparece a mensagem "Nenhum tópico ou mensagem foi encontrado usando estes critérios", sendo que deveria funcionar, solução?
Até mais, Daniel.
Gostaria que você retirasse a parte "ficha de personagem" e arrumasse as partes "meus tópicos" e "minhas mensagens" pois quando clica aparece a mensagem "Nenhum tópico ou mensagem foi encontrado usando estes critérios", sendo que deveria funcionar, solução?
Até mais, Daniel.
Re: Painel de controle do usuário
Utilize esse então:
- Código:
<!DOCTYPE>
<!-- The CSS -->
<link rel="stylesheet" href="http://web-kreation.com/demos/login_form_mootools_1.2/fx.slide.css" type="text/css" media="screen" />
<style>
#login {
overflow: visible;
height: auto;
-webkit-transition: margin-top 0.5s ease-in-out 0s;
-moz-transition: margin-top 0.5s ease-in-out 0s;
-o-transition: margin-top 0.5s ease-in-out 0s;
transition: margin-top 0.5s ease-in-out 0s;
}
/* Login Panel I */
#topp {
height: 38px;
position: relative;
}
#topp ul.login {
display: block;
position: relative;
float: right;
clear: right;
height: 38px;
width: auto;
font-weight: bold;
line-height: 38px;
margin: 0;
right: 150px;
color: white;
font-size: 80%;
text-align: center;
padding-right: 45px;
}
#topp ul.login li.left {
height: 38px;
width: 45px;
padding: 0;
margin: 0;
display: block;
float: left;
}
#topp ul.login li {
text-align: left;
padding: 0 6px;
display: block;
float: left;
height: 38px;
}
#topp ul.login li a {color: #33CCCC;}
#topp ul.login li a:hover {color: white;}
/* Login Panel */
#topp {
background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_top.jpg) repeat-x 0 0;}
#topp ul.login {
background: url(http://img18.imageshack.us/img18/3017/loginrw.png) no-repeat right 0;}
#topp ul.login li.left {
background: url(http://img41.imageshack.us/img41/3439/loginlc.png) no-repeat left 0;}
#topp ul.login li {
background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_m.jpg) repeat-x 0 0;}
/*Login*/
/* toggle effect - show/hide login*/
#login {
background: #1E1E1E;}
#login .loginContent input:focus.field {
background: #545454;}
#login .loginContent{padding-top:0px;width:790px;height:100px;}
#login .loginContent input.button_login {
background: transparent url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_login.jpg) no-repeat 0 0;}
#login .loginClose a {
background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg) no-repeat right 0;}
#login .loginClose a:hover {
background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg) no-repeat right -20px;}
</style>
<!-- Login --><div id="loginn" style="display: block;position: absolute;left: 0px;top: 0px;width: 100%;"><div id="login" style="margin-top:-100px;"><div class="loginContent">
<table style="width:100%;" border="0">
<tr>
<td style="text-align:center;">
<table border="0">
<tr>
<td>
<script>
jQuery(document).ready(function(){
jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
link = jQuery('.panel dl:first img', data).attr('src');
if(link){
jQuery('#avatar').html('<img src="'+link+'" align="left" width="60" height="80">');
}else{
jQuery('#avatar').html('');
}
});
});
</script><div id="avatar"><center><img src="http://i53.tinypic.com/1e1fex.gif"></center></div>
</td>
<td>
<span style="font-size: 1.2em;">
<font size="4">{USERLINK}</font><br />
<b>Mensagens:</b> {USERCOUNTPOST}
</span>
</td>
</tr>
</table>
</td>
<td style="text-align:center;">
<span style="font-size: 1.2em;"><b>Alterar</b><br />
<a href="../profile.forum?mode=editprofile&page_profil=informations">Informações</a><br />
<a href="../profile.forum?mode=editprofile&page_profil=preferences">Preferências</a><br />
<a href="../profile.forum?mode=editprofile&page_profil=signature">Assinatura</a><br />
<a href="../profile.forum?mode=editprofile&page_profil=avatars">Avatar</a><br />
</span>
</td>
<td style="text-align:center;">
<span style="font-size: 1.2em;"><b>Ver</b><br />
<a href="../profile.forum?mode=editprofile&page_profil=friendsfoes">Amigos & ignorados</a><br />
<a href="../search.forum?search_id=watchsearch">Tópicos supervisionados</a><br />
<a href="../search.forum?search_id=draftsearch">Rascunhos</a><br />
<a href="../search.forum?search_id=favouritesearch">Tópicos favoritos</a><br />
</span>
</td>
<td style="text-align:center;">
<span style="font-size: 1.2em;"><b>Tópicos & Mensagens</b><br />
<a href="../msg.forum?folder=inbox">Mensagens Privadas</a><br />
<a href="../search.forum?search_topics={USERNAME}">Meus tópicos</a><br />
<a href="../search.forum?search_id=egosearch">Tópicos que participa</a><br />
<a href="../search.forum?search_author={USERNAME}&show_results=posts">Minhas mensagens</a><br />
<a href="../search.forum?search_id=newposts">Últimos tópicos</a><br />
</span>
</td>
</tr>
</table>
</div>
</div>
<!-- /login --><div id="container"><div id="topp">
<!-- login -->
<ul class="login">
<li class="left"> </li>
<li><a id="toggleLogin" href="#" onclick="document.getElementById('login').style.marginTop=((document.getElementById('login').style.marginTop=='0px')? '-100px' : '0px');">Painel de Usuário</a></li>
</ul> <!-- / login -->
</div> <!-- / topp --><div class="clearfix"></div>
</div>
<script>
jQuery(document).ready(function() {
msg = '© <b>2011 Todos os direitos reservados ao fórum central.</b>';
jQuery('#page-footer').html(jQuery('#page-footer').html() + msg);
});
</script>
Re: Painel de controle do usuário
Olá, resultou
Muito obrigado amigo, ajudou muito!
Podem arquivar o tópico.
Grande abraço, Daniel.
Muito obrigado amigo, ajudou muito!
Podem arquivar o tópico.
Grande abraço, Daniel.
Tópicos semelhantes
» Painel de controle do usuário
» Painel de controle de usuário flutuante
» Painel de controle de usuário flutuante
» Criar painel de controle do usuário
» Painel de controle de usuário flutuante
» Painel de controle de usuário flutuante
» Painel de controle de usuário flutuante
» Criar painel de controle do usuário
» Painel de controle de usuário flutuante
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