[TUTORIAL] Avatar do membro no Widget

Ir para baixo

[TUTORIAL] Avatar do membro no Widget Empty [TUTORIAL] Avatar do membro no Widget

Mensagem por ddik 26.09.10 23:04

Avatar do membro no Widget
Através deste tutorial, você aprenderá como colocar o avatar do respectivo usuário em um widget, entretanto pode funcionar em qualquer parte que aceite códigos HTML, salientando que o presente código funciona em todas versões disponíveis pela plataforma Forumeiros.

Avatar do membro no Widget

Tutoriais, dicas e astúcias

Código HTML

Painel de controle (Modo avançado) >> Módulos >> Portal & Widgets >> Gestão dos widgets (fórum/portal) >> Novo widget personalizado
[TUTORIAL] Avatar do membro no Widget Criar10
[TUTORIAL] Avatar do membro no Widget Wf310

[TUTORIAL] Avatar do membro no Widget 110111SetaNome do widget: - Será o nome dado ao widget para localização e controle deste pelo Painel de Controle.
[TUTORIAL] Avatar do membro no Widget 110210Seta Utilizar um table type: - Nesta opção, deverá ser marcado o "Não".
[TUTORIAL] Avatar do membro no Widget 110310Seta Título do widget: - Nesta opção, não será necessário preenchimento, resultado da marcação do "Não" anteriormente.
[TUTORIAL] Avatar do membro no Widget 110410Seta Fonte do widget: - Neste campo, Devemos inserir o seguinte código:
Código:
<!--
 * Application: Widget with member avatar and infos
 * Description: This application can displays the member avatar and show other infos!
 * Version: 1.08032014-jq1.9.1 - Avatāra (Sânscrito -> Aval)
 * Made and Optimizations by JScript - 2014/03/08
 * View more in: http://ajuda.forumeiros.com
 * Copyright (c) 2013 JScript <jscriptbrasil at live dot com>
 * This work is free. You can redistribute it and/or modify it
 * under the terms of the WTFPL, Version 2
 -->
<span  id="avatar"></span>
<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>
<h3 style="border-color: #1675BC;"></h3>
 
<script type="text/javascript">
//<![CDATA[
    jQuery(function () {
        jQuery('#avatar').html('<center>' + _userdata.avatar + '</center>');
    });
//]]>
</script>
[TUTORIAL] Avatar do membro no Widget 110510Seta Salvar: - Para que o widget apareça corretamente, este box deve ser acionado, após as devidas modificações.

Feito isso, basta que o Widget seja arrastado para uma coluna no módulo correspondente para que o efeito seja aplicado.

Resultado

[TUTORIAL] Avatar do membro no Widget Exfdf10
ddik
ddik
Super Membro

Membro desde : 02/08/2009
Mensagens : 1787
Pontos : 2560

http://vilasims.com/

Ir para o topo Ir para baixo

Ir para o topo


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