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

[HTML] New style of index_box 2.1 (fixed)



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

1
Offline

  Zyon

avatar
Punbb Guru
Punbb Guru
Hi all!

Now I will show you how to get this style of your forum look:


First go in: Administration panel -> Display -> Templates -> General -> index_box.

delete your index_box and paste this code:
Code:
<div class="pun-crumbs">
 <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
 <!-- BEGIN tablehead -->
 <div class="main-head">
 <div class="page-title">{catrow.tablehead.L_FORUM}</div>
 </div>
 <div class="main-content">
 <table cellspacing="0" class="table">
 <thead>
 <tr>
 <th class="ti1">{L_FORUM}</th>
 <th class="ti2">{L_TOPICS}</th>
 <th class="ti3">{L_POSTS}</th>
 <th class="tir">{L_LASTPOST}</th>
 <th class="ti4">Moderators</th>                                        
</tr>
 </thead>
 <tbody class="statused">
 <!-- END tablehead -->

 <!-- BEGIN forumrow -->
 <tr>
 <td class="ti1" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
 <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
 <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
 </span>
 <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
 <br />
 {catrow.forumrow.FORUM_DESC}
 {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
 <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
 </td>
 <td class="ti2">{catrow.forumrow.TOPICS}</td>
 <td class="ti3">{catrow.forumrow.POSTS}</td>
 <td class="tir">
 <span>
 <!-- BEGIN switch_topic_title -->
 <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
 <!-- END switch_topic_title -->
 {catrow.forumrow.USER_LAST_POST}
 </span>
 </td>
                                           <td class="ti4"> <!-- BEGIN switch_moderators_links -->
 <br />
 {catrow.forumrow.switch_moderators_links.MODERATORS}
                                                                                                  <!-- END switch_moderators_links --></td>
 </tr>
 <!-- END forumrow -->

 <!-- BEGIN tablefoot -->
 </tbody>
 </table>
 </div>
 <!-- END tablefoot -->
<!-- END catrow -->
</div>
Then go in: Administration panel -> Display -> Colors -> CSS Stylesheet.

paste this code in CSS Stylesheet:
Code:
.ti1 {
  width: 50%;
}
.ti2 {
  width: 5%;
  text-align: center;
}
.ti3 {
  width: 5%;
  text-align: center;
}
.tir {
  width: 20%;
  padding: 5px;
}
.ti4 {
  width: 15%;
  text-align: center;
}
That's all, enjoy!
Regards,
Zyon

Tutorial maked by Zyon.

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

2
Offline

  Shadow

avatar
Administrator
Administrator
<div class ="solved">Tutorial accepted, 80 points added</div>

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

3
Offline

  Zyon

avatar
Punbb Guru
Punbb Guru
Thank you Smile

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

4
Offline

  Zyon

avatar
Punbb Guru
Punbb Guru
Now I'm see some bugs, so I will fix that when I will have time.

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

5
Offline

  Guest

avatar
Guest
Zyon are the bugs been fixed? The reason I'm asking this has not been updated since your last post on Sept 9th 2013

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

6
Offline

  Guest

avatar
Guest
Vortex wrote:Zyon are the bugs been fixed? The reason I'm asking this has not been updated since your last post on Sept 9th 2013
I don't think he will answer since he is retired Very Happy

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

7
Offline

  Ethen

avatar
Punbb Rookie
Punbb Rookie
Diengo wrote:
Vortex wrote:Zyon are the bugs been fixed? The reason I'm asking this has not been updated since your last post on Sept 9th 2013
I don't think he will answer since he is retired Very Happy

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

8
Offline

  Zyon

avatar
Punbb Guru
Punbb Guru
now I'm back, not yet, on my forum yes, but I'm not update this code, I will tomorrow.

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

9
Offline

  Zyon

avatar
Punbb Guru
Punbb Guru
Code fixed!

If you have questions or find bugs fill free to ask/say

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

10
Offline

  kite trojan

avatar
Punbb Rookie
Punbb Rookie
its time for round 3 Sad

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

11
Offline

  Zyon

avatar
Punbb Guru
Punbb Guru
Yes it is Very Happy lol!

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

12
Offline

  Wilmar mancol

avatar
Newbie
Newbie

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

13
Offline

  error404

avatar
Punbb Rookie
Punbb Rookie
nice

Powered by PunBB
Currently 0 users have thanked error404 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