Staffer Group BR™

Fórum interativo totalmente gratuito!

/* Widget *//* Resposta rápida bloqueada */
Cadastre-se
→ Crie a sua conta

 VisualizaçõesPermissão deste fórum:
Você não pode responder aos tópicos neste fórum


CurtirDiretório deste fórum:
Fóruns » Principal »  » Tutoriais » Tutoriais sobre programação

#1
 D'Leandro™

avatar
Fundador
Avatar no widget últimos assuntos em PhpBB3Com este código você poderá #visualizar o avatar do usuário no Widget de últimos #assuntos.
Versões de funcionamento: PhpBB3.

1º Passo - Código JavaScript
Para começar vamos postar o código JavaScript, para fazer isto aceda ao painel de controle, logo depois selecione a aba módulos, então selecione o menu Gestão dos códigos JavaScript.
Agora clique em "+ Criar um novo JavaScript"
Título * : Avatar no widget últimos assuntos SGBR™
Investimento : Em todas as páginas
Código JavaScript * : Cole o código correto disponibilizado abaixo.
Se você usa widgets no lado direito do fórum.
Código:
var CopyrightNotice = 'Copyright D World © 2012 - 2013. All right reserved. Addons to add avatar user in last topics widget for forumotion by InFeRn0. Only works on phpBB3';
$(function () {
  /* TUTORIAL = http://staffergroupbr.stuning.net/t1680- */
  var x = $('#left')[0]; // Left widget;
  var y = $('#right')[0]; // Right widget;
  $(y).find('.module .inner a[href^="/t"]').each(function () {
    var link = $(this).next().next().attr('href');
    var title = $(this).next().next().text();
    $(this).prepend('<a href="' + link + '" title="' + title + '"></a>');
    $(this).children('a').load(link + '#profile-advanced-right .module:eq(0) img:eq(0)', function () {
      $(this).children('img').attr('class', 'tlistAv');
    });
    $(this).find('a[href^="/u"]').insertBefore($(this));
  });
});
Agora clique em confirmar.

Se você usa widgets no lado esquerdo do fórum.
Código:
var CopyrightNotice = 'Copyright D World © 2012 - 2013. All right reserved. Addons to add avatar user in last topics widget for forumotion by InFeRn0. Only works on phpBB3';
$(function () {
  /* TUTORIAL = http://staffergroupbr.stuning.net/t1680- */
  var x = $('#left')[0]; // Left widget;
  var y = $('#right')[0]; // Right widget;
  $(x).find('.module .inner a[href^="/t"]').each(function () {
    var link = $(this).next().next().attr('href');
    var title = $(this).next().next().text();
    $(this).prepend('<a href="' + link + '" title="' + title + '"></a>');
    $(this).children('a').load(link + '#profile-advanced-right .module:eq(0) img:eq(0)', function () {
      $(this).children('img').attr('class', 'tlistAv');
    });
    $(this).find('a[href^="/u"]').insertBefore($(this));
  });
});
Agora clique em confirmar.

2º Passo - Instalando o código CSS
Agora que já temos o .js devemos adicionar o CSS, para fazer isto aceda ao painel de controle, logo depois selecione a aba visualização, então selecione o menú cores. Vá na aba "Folha de estilo CSS"
Agora adicione o código a baixo em cima de todos os outros já existentes.

Código:
/* Avatar no widget últimos assuntos em PhpBB3 */
.tlistAv {
    border: medium none;
    width: 40px;
    float: right;
    height: 40px;
    border-radius: 100px 100px 100px 100px;
    box-shadow: 1px 1px 3px rgb(0, 0, 0);
    margin-top: 7px;
}
/* TUTORIAL = http://staffergroupbr.stuning.net/t1680- */

Agora clique em validar e veja o resultado *-*




© Staffer Group BR™
PRECISA DE SUPORTE?

Criador: InFeRn0
Site: http://staffergroupbr.stuning.net/t1680-avatar-no-widget-ultimos-assuntos-em-phpbb3
Ver perfil do usuário

#2
 ®'Martins

avatar
Membro
Status: Aceito.
Motivo: Conteúdo único e funcional. .
Movido para: Local correspondente.
Ver perfil do usuário

#3
 Publigos

avatar
Membro
Vou testar. Obrigado
Ver perfil do usuário

#4
 MURALHA5

avatar
Novato
Vou testar :D
Ver perfil do usuário

#5
 Soulviling

avatar
Novato
Muito legal cara, eu adoro os tutoriais desse fórum.
Ver perfil do usuário

#6
 Master Publicitario

avatar
Membro
Vou testar, parabéns!
Ver perfil do usuário

#7
 Wakamaru

avatar
Novato
Não consigo ver o código?
Ver perfil do usuário

#8
 Mr.GamingPT

avatar
Membro
oi
Ver perfil do usuário

#9
 DaViD-DaViD

avatar
Membro
Obrigado Por Compartilhar!
Ver perfil do usuário

#10
 JQuery

avatar
Membro
uyjhgtfrd
Ver perfil do usuário

#11
 Conteúdo patrocinado