![[TUTORIAL] Painel de usuário Empty](https://2img.net/i/empty.gif)
![[TUTORIAL] Painel de usuário Dandy-man-icon](https://2img.net/h/icons.iconarchive.com/icons/iconka/buddy/64/dandy-man-icon.png){kind=icon} | Painel de usuário |
Aprenda como instalar o painel de usuário no seu fórum!
--> Tutorial <--
Painel de usuário
Painel de usuário
1º) Código a ser utilizado:
![[TUTORIAL] Painel de usuário Versio11](https://i.servimg.com/u/f76/11/66/91/15/versio11.gif)
Código:
<script>
jQuery(document).ready(function(){
jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
link = jQuery('#register .forumline td.row1 img', data).attr('src');
if(link){
jQuery('#avatar').html('<center><img src="'+link+'" alt=""></center>');
}else{
jQuery('#avatar').html('');
}
});
});
</script><div id="avatar"><center>Carregando avatar...</center></div><span style="font-size: 1.2em;" id="avatar"><br><font size="4"><span id="un">{USERLINK}</span></font><br><b>Mensagens:</b> {USERCOUNTPOST}<br></span>![[TUTORIAL] Painel de usuário Versio12](https://i.servimg.com/u/f76/11/66/91/15/versio12.gif)
Código:
<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('<center><img src="'+link+'" alt=""></center>');
}else{
jQuery('#avatar').html('');
}
});
});
</script><div id="avatar"><center>Carregando avatar...</center></div><span style="font-size: 1.2em;" id="avatar"><br><font size="4"><span id="un">{USERLINK}</span></font><br><b>Mensagens:</b> {USERCOUNTPOST}<br></span>![[TUTORIAL] Painel de usuário Versio15](https://i.servimg.com/u/f76/11/66/91/15/versio15.gif)
Código:
<script>
jQuery(document).ready(function(){
jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
link = jQuery('.frm dl dd img', data).attr('src');
if(link){
jQuery('#avatar').html('<center><img src="'+link+'" alt=""></center>');
}else{
jQuery('#avatar').html('');
}
});
});
</script><div id="avatar"><center>Carregando avatar...</center></div><span style="font-size: 1.2em;" id="avatar"><br><font size="4"><span id="un">{USERLINK}</span></font><br><b>Mensagens:</b> {USERCOUNTPOST}<br></span>![[TUTORIAL] Painel de usuário Versio14](https://i.servimg.com/u/f76/11/66/91/15/versio14.gif)
Código:
<script>
jQuery(document).ready(function(){
jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
link = jQuery('.box-content dl dd img', data).attr('src');
if(link){
jQuery('#avatar').html('<center><img src="'+link+'" alt=""></center>');
}else{
jQuery('#avatar').html('');
}
});
});
</script><div id="avatar"><center>Carregando avatar...</center></div><span style="font-size: 1.2em;" id="avatar"><br><font size="4"><span id="un">{USERLINK}</span></font><br><b>Mensagens:</b> {USERCOUNTPOST}<br></span>Acesse ao seu painel de controle -> Módulos -> Portal & Wigdets -> Configuração do portal -> Estrutura ->
![[TUTORIAL] Painel de usuário IEpNYwF](https://i.imgur.com/IEpNYwF.png)
![[TUTORIAL] Painel de usuário 76a7](https://2img.net/r/ihimizer/img837/3184/76a7.png)
- Nome do widget: Nome correspondente ao widget que será criado.
- Utilizar um table type: Para que o widget, apresente uma estrutura selecione "Sim".
- Título do widget: Título correspondente ao widget que será criado.
- Fonte do widget: Aqui devera colocar o código acima adaptado para a sua versão.
3º) Resultado :
![[TUTORIAL] Painel de usuário 22d6zm5](https://i.imgur.com/22d6zm5.png)
© Suporte Design & Power Help
[infos=] Imagem: Power Help ; Texto: SuporteDesign.net ; Código: FdF [/infos]
