Sign Of The Week Ter 19 Mar 2013 - 17:11
Autor: Daemon
Funcionalidade: PhpBB3/PunBB
Categoria: Recursos BestSkins
Neste tutorial estarei ensinando a você que te um fórum de designer e faz eventos de "SOTW", como mostrar o vencedor da semana/mês no índice do fórum.
1º - Aplicando o código
Crie um novo Javascript:
Painel de controle Módulos HTML & JAVASCRIPT Gestão dos códigos JavaScript Criar um novo Javascript
Título*: coloque um título que te lembre de qual código se trata.
Investimento: no índice.
Código JavaScript*:
PunBB
- Código:
$(function() {
var sotw = {
imagem: 'ADICIONE AQUI O LINK DA IMAGEM DO VENCEDOR',
tema: 'NOME DO TEMA DA SOTW AQUI',
vencedor: 'NOME DO VENCEDOR AQUI'
};
$('div.main-box.clearfix').before(
'<div class="main">' +
'<div class="main-head">' +
' <div class="page-title">' +
' <h2>Sign Of The Week</h2>' +
' </div>' +
'</div>' +
'<div class="main-content">' +
'<table cellspacing="0" class="table">' +
' <thead>' +
' <tr>' +
' <th class="tcd"><strong>Tema:</strong> ' + sotw.tema + '</th>' +
' <th class="tcd"><strong>Vencedor:</strong> ' + sotw.vencedor + '</th>' +
' </tr>' +
' </thead>' +
' <tbody class="statused">' +
' <tr>' +
' <td class="row2" style="text-align: center;" colspan="2">' +
' <img src="' + sotw.imagem + '" />' +
' </td>' +
' </tr>' +
' </tbody>' +
'</table>' +
'</div>' +
'</div>'
);
});
- Código:
$(function() {
var sotw = {
imagem: 'ADICIONE AQUI O LINK DA IMAGEM DO VENCEDOR',
tema: 'NOME DO TEMA DA SOTW AQUI',
vencedor: 'NOME DO VENCEDOR AQUI'
};
$('.forabg + .linklist').before(
'<div class="forabg">' +
' <div class="inner">' +
' <span class="corners-top">' +
' <span></span>' +
' </span>' +
' <ul class="topiclist">' +
' <li class="header">' +
' <dl class="icon">' +
' <dd class="dterm">' +
' <div class="table-title"><h2>Sign of the week</h2></div>' +
' </dd>' +
' <dd class="topics" style="width: 15%"><strong>Tema:</strong> ' + sotw.tema + '</dd>' +
' <dd class="posts" style="width: 15%"><strong>Vencedor:</strong> ' + sotw.vencedor + '</dd>' +
' </dl>' +
' </li>' +
' </ul>' +
' <ul class="topiclist forums">' +
' <li class="row">' +
' <center>' +
' <img src="' + sotw.imagem + '" />' +
' </center>' +
' </li>' +
' </ul>' +
' <span class="corners-bottom">' +
' <span></span>' +
' </span>' +
' </div>' +
' </div>'
);
});
Qualquer dúvida em relação a este tutorial, crie um tópico de mesmo nome.