Informações:
Autor:Sliw
Funcionalidade: PunBB/PhpBB3

---

Neste tutorial estarei ensinando a você que tem um fórum de designer e faz eventos de "SOTW", como mostrar o vencedor da semana/mês no índice do fórum.

Acesse:

Painel de Controle ☛ Modulos ☛ Html e Javascript ☛ Gestão dos codigos Javascript

E crie um novo Javascript com investimento no indice com esse codigo:

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>Caixa para sorteio</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>'
);
});

PhpBB3:

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>Caixa para sorteio</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>'
);
});

Resultado: