Sign Of The Week

Daemon  • Ter 19 Mar 2013 - 17:11

Sign Of The Week Ter 19 Mar 2013 - 17:11

Reputação da mensagem: 100% (5 votos)

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Nome do Arquivo: Sign Of The Week
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>'
);
});

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

Salve!


Qualquer dúvida em relação a este tutorial, crie um tópico de mesmo nome.

Última edição por Daemon em Seg 17 Ago 2015 - 0:17, editado 7 vez(es)

Reputação da mensagem: 100% (5 votos)

[Dark]Doki-.  • Ter 19 Mar 2013 - 17:30

Daemon  • Qua 20 Mar 2013 - 12:36

Raiden  • Qui 28 Mar 2013 - 19:49

Daemon  • Qui 28 Mar 2013 - 21:28

Raiden  • Qui 28 Mar 2013 - 22:39

Daemon  • Qui 28 Mar 2013 - 23:16

Julinho  • Ter 28 maio 2013 - 18:02

Latysh  • Dom 23 Mar 2014 - 14:50

DeeW.  • Dom 23 Mar 2014 - 15:02

Daemon  • Dom 23 Mar 2014 - 15:04

DeeW.  • Dom 23 Mar 2014 - 15:14

Pedro Hiraga  • Dom 23 Mar 2014 - 15:35

arber  • Sáb 7 Nov 2015 - 0:46

xbctkun  • Qua 8 Jun 2016 - 14:52

Conteúdo patrocinado  •