2013-11-13, 12:12
Tutorial: Sign 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 |
--> Tutorials, tips and tricks <--
Sign Of The Week
Sign Of The Week
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>
');
});
- 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>');
});
© PunBB Design
If you have any questions related to this topic create a topic with the following title: Sign Of The Week |