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"
Se você usa widgets no lado direito do fórum.Título * : Avatar no widget últimos assuntos SGBR™
Investimento : Em todas as páginas
Código JavaScript * : Cole o código correto disponibilizado abaixo.
- 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));
});
});
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));
});
});
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 *-*
PRECISA DE SUPORTE?
Criador: InFeRn0 Site: http://staffergroupbr.stuning.net/t1680-avatar-no-widget-ultimos-assuntos-em-phpbb3 |