[JavaScript] Signature Of The Week

In this tutorial I will be teaching you that you a forum designer and makes events "SOTW" as show the winner of the week / month in the board index.

Credits: Deamon

1º - Javascript
Title: Place a title that reminds you of what code it is.
Investment: index
Javascript code :
PunBB

Code:

$(function(){
$('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">
 <shead>

 <tr>
<th class="tcd"><strong>Subject:</strong> Not defined</th>
<th class="tcd"><strong>Winner:</strong> Name</th>
 </tr>

 </shead>
 <tbody class="statused">
                             <tr>
 <td class="row2" style="text-align: center" colspan="2">
 
                                          <img src="http://images.ukcs.net/10511/sotw-banner-bort.jpg" />
 
                               </td>
      </tr>
 </tbody>
 </table>
 </div>
</div>
');
});

PhpBB3

Code:

$(function() {
$('.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>Subject</strong> Not defined</dd>
    <dd class="posts" style="width: 15%"><strong>Winner:</strong> Name</dd>
  </dl>
</li>
    </ul>
<ul class="topiclist forums">
<li class="row">
<center>
            
            <img src="http://images.ukcs.net/10511/sotw-banner-bort.jpg" />
            
</center>
</tr>
</li>
</ul>
<span class="corners-bottom">
<span></span></span>
  </div>
 </div>');
});

2º - Preview

---

If you have any questions related to this topic create a topic with the following title: Sign Of The Week

its not working on my forum

my forum version is punbb