Best Style

Você não está conectado. Conecte-se ou registre-se

Caixa para Sorteio no fim do indice

Ir em baixo  Mensagem [Página 1 de 1]

Sliw

avatar
Administrador
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:

Ver perfil do usuário http://beststyle.forumeiros.com

Sliw

avatar
Administrador
Tutorial Aceito

Ver perfil do usuário http://beststyle.forumeiros.com

Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum