[Tutorial] Sign Of The Week

Informações:

Autor: Daemon
Versões: PunBB e Phpbb3
Introdução: Sign Of The Week

Painel de controle ->> Modulos ->> HTML & Javascripts ->> Gestão dos códigos Javascripts

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>'
);
});