Good art is a taste, good design is an opinion.


Come as guest, stay as family.
Board Index

Come as guest, stay as family.


You are not connected. Please login or register

Foto

[JavaScript] Signature Of The Week



View previous topic View next topic Go down Message [Page 1 of 1]

1
Offline

  weasel

avatar
Punbb Rookie
Punbb Rookie


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


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






© PunBB Design



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

Powered by PunBB
Currently 0 users have thanked weasel for this post:

2
Offline

  Zildjian

avatar
Punbb Junior
Punbb Junior
its not working on my forum

my forum version is punbb

Powered by PunBB
Currently 0 users have thanked Zildjian for this post:

3
Offline

  Shadow

avatar
Administrator
Administrator
Tutorial Accepted.

Powered by PunBB
Currently 0 users have thanked Shadow for this post:

View previous topic View next topic Back to top Message [Page 1 of 1]


Topic URL's

URL
BBcode
HTML

Permissions in this forum:
You cannot reply to topics in this forum