Can Admin Make a tutorial for the bottom of the forums

New messages Members Forum rules Search RSS

Page 1 of 1
1

Can Admin Make a tutorial for the bottom of the forums (Pictures included)

Zangman

Date: Thursday, 14.07.2011, 22:40 | Message # 1

Group: Users

Posts: 7

Awards: 0

Status: Offline

I love this part of the website and I am curious to how you guys did it?

http://img853.imageshack.us/img853/8735/unled1bnt.png

Its at the bottom of this thread, There are 3 sections popular topics, last comments, top users..

Message edited by Zangman - Friday, 15.07.2011, 21:47

SirDarknight(Tonmoy)

Date: Friday, 15.07.2011, 14:52 | Message # 2

Group: Verified

Posts: 167

Awards: 6

Status: Offline

Re-upload the image

Please Give Me A Reputation or Award If My Post Helps You

Mugen_Boy

Date: Saturday, 16.07.2011, 17:52 | Message # 3

Group: Verified

Posts: 51

Awards: 0

Status: Offline

Quote (SirDarknight(Tonmoy))

Re-upload the image

Why? I am able to see it

admin

Date: Monday, 18.07.2011, 17:04 | Message # 4

Group: Verified

Posts: 187

Awards: 8

Status: Offline

I can do it for you happy

admin

Date: Monday, 18.07.2011, 17:41 | Message # 5

Group: Verified

Posts: 187

Awards: 8

Status: Offline

Step 1: Go to CP -> Design management (templates) -> General appearance of forum pages
Step 2: Add before $GLOBAL_BFOOTER$

Code

<div>
  <div><span class="forumh3"><h3>Popular Topics</h3></span>$MYINF_1$</div>
  <div><span class="forumh3"><h3>Last Comments</h3></span>$MYINF_2$</div>
  <div><span class="forumh3"><h3>Top Users</h3></span>$MYINF_3$</div>
  </div>

Step 3: Create new informers
[ Comments · Entries · Entry date D · Entries: 5 · Columns: 1 · Title length: 130 ]
for examples:

Code

<table>
<tr>
<td class="top-users">
<?if($USER_AVATAR_URL$)?>
<img alt="avatar" title="$NAME$" src="$USER_AVATAR_URL$" width="50" height="50">
<?else?>
<img width="50" height="50" src="http://ucoztemplates.com/images/noavatar1.gif">
<?endif?></td>
<td style="vertical-align:top;">
<div style="color:white;padding-top: 5px;"><span class="inf-title"><a href="$PROFILE_URL$"><b>$USERNAME$</b></a> </span>to template <a href="$ENTRY_URL$"><b>$ENTRY_TITLE$</b></a></div>
<div class="inf-message">$MESSAGE$</div>
<div class="clear"></div>
</td>
</tr>
</table>

The main difficulty will be the visual identity of the sections.

interout

Date: Friday, 23.09.2011, 03:26 | Message # 6