jfh-skinning-default-templates [Jcink.com Wiki]

Jcink Forum Hosting Default HTML Templates

The default HTML Templates for Jcink can be set for your skin by selecting “System Default” from the “Manage Skin Sets” → Edit dropdown menu in the AdminCP. To go back to a default template for any individual template, simply leave it completely blank and save it. This tells the system to use the default template for only that section.

For example purposes, we have provided the default templates for most of the options. You can use these as a base for designing and tweaking your own.

Category List Header

<div class="tableborder category" id="cat-<!-- |cat_id| -->">
  <div class='maintitle<!-- |collapsed_class| -->' align='left'>
<span style='float:right;'><a href='#' onclick='catcollapse("<!-- |cat_id| -->");return false;' id='main_<!-- |cat_id| -->'><!-- |collapse_img| --></a>&nbsp;&nbsp;</span>
<{CAT_IMG}><a href="index.php?c=<!-- |cat_id| -->"><!-- |cat_name| --></a></div>
<div id='cat_<!-- |cat_id| -->' style="<!-- |collapsed_style| -->">
      <table width="100%" border="0" cellspacing="1" cellpadding="4">
        <tr class='forum-subheader'>
          <th align="center" width="2%" class='titlemedium'></th>
          <th align="left" width="59%" class='titlemedium'>Forum</th>
          <th align="center" width="7%" class='titlemedium'>Topics</th>
          <th align="center" width="7%" class='titlemedium'>Replies</th>
          <th align="left" width="25%" class='titlemedium'>Last Post Info</th>
        </tr>
	<% FORUM_ROWS %>
	<tr> 
          <td class='darkrow2' colspan="5">&nbsp;</td>
        </tr>
      </table>
</div>
</div>
<br class='cat-lb' />

Subforum List Header

<div class="tableborder" id="subforum-list">
  <table border="0" cellpadding="4" cellspacing="1" width="100%">
  <tbody><tr class="forum-subheader"> 
	<td class="titlemedium" align="center"><img src="style_images/1/spacer.gif" alt="" height="1" width="28"></td>
	<th class="titlemedium" align="left" width="59%">Forum</th>
	<th class="titlemedium" align="center" width="7%">Topics</th>
	<th class="titlemedium" align="center" width="7%">Replies</th>
	<th class="titlemedium" align="left" width="27%">Last Post Info</th>
  </tr>       

	<% FORUM_ROWS %>

	  <td class="darkrow2" colspan="5">&nbsp;</td>
	</tr>
  </tbody></table>
</div>
<br /><br />

Forum Row

<tr class='forum-row'> 
	<td class="row4" align="center">
		<!-- |img_new_post| -->
	</td>
	<td class="row4">
		<b><a class="tooltip" tooltip="<!-- |description_clean| -->" href="?showforum=<!-- |forum_id| -->" alt="<!-- |name| -->"><!-- |name_text| --></a></b>
		<br />
		<span class='desc'><span class='forum-desc'><!-- |description| --></span>
		<!-- |subforums| -->
		<br />
		<span class='forum-led-by'><!-- |moderators| --></span>
		</span>
	</td>
	<td class="row2" align="center">
		<!-- |topics| -->
	</td>
	<td class="row2" align="center">
		<!-- |replies| -->
	</td>
	<td class="row2" nowrap="nowrap">
		<!-- |last_post| --><br />
		In:&nbsp;<!-- |last_unread| --><!-- |last_topic| --><br />
		By: <!-- |last_poster| -->
	</td>
</tr>

Redirect Row

<tr class='forum-row'> 
	<td class="row4" align="center">
		<{BR_REDIRECT}>
	</td>
	<td class="row4">
		<b><a class="tooltip" tooltip="<!-- |description_clean| -->" href="?showforum=<!-- |forum_id| -->" alt="<!-- |name| -->"><!-- |name| --></a></b>
		<br />
		<span class='desc'><span class='forum-desc'><!-- |description| --></span>
		<!-- |subforums| -->
		<br />
		<span class='forum-led-by'><!-- |moderators| --></span>
		</span>
	</td>
	<td class="row2" align="center">
		-
	</td>
	<td class="row2" align="center">
		-
	</td>
	<td class="row2" nowrap="nowrap">
		Redirected Hits: <!-- |redirect_hits| -->
	</td>
</tr>

Topic Row

  <!-- Begin Topic Entry <!-- |tid| --> -->
   <tr class='topic-row'>
  <td align='center' class='row4'><!-- |macro_img| --></td>
     <td align='center' class='row2'><!-- |posticon| --></td>
     <td class='row4' title=''>
      <!-- |go_new_post| --><!-- |prefix| --> <!-- |topic| -->  <!-- |pages| -->
       <br /><span class='desc'><!-- |topic_desc| --></span></td>
     <td align='center' class='row2'><!-- |starter| --></td>
     <td align='center' class='row4'><!-- |replies| --></td>
     <td align='center' class='row2'><!-- |views| --></td>
     <td class='row2'><span class='desc'> <!-- |last_post| --><br />
     <a href='<!-- |last_post_url| -->'>Last Post By:</a> <b><!-- |last_poster| --></b>
      </span>
     </td>
 <td align='center' class='row4'><!-- |mod_checkbox| --></td>
   </tr>
   <!-- End Topic Entry <!-- |tid| --> -->

Topic List Header

<div class="tableborder" id="topic-list">
	<div class='maintitle'><{CAT_IMG}>&nbsp;<!-- |forum_name| --></div>
		
	<table width='100%' border='0' cellspacing='1' cellpadding='4'>
	  <tr class='topic-subheader'> 
		<td align='center' class='titlemedium'><img src='style_images/1/spacer.gif' alt='' width='20' height='1' /></td>
		<td align='center' class='titlemedium'><img src='style_images/1/spacer.gif' alt='' width='20' height='1' /></td>
		<th width='45%' align='left' nowrap="nowrap" class='titlemedium'>Topic Title</th>
		<th width='14%' align='center' nowrap="nowrap" class='titlemedium'>Topic Starter</th>
		<th width='7%' align='center' nowrap="nowrap" class='titlemedium'>Replies</th>
		<th width='7%' align='center' nowrap="nowrap" class='titlemedium'>Views</th>
		<th width='27%' align='left' nowrap="nowrap" class='titlemedium'>Last Action</th>
		<th width='1%' align='left' nowrap="nowrap" class='titlemedium'></th>
	  </tr>
	  
		<% ANNOUNCEMENTS %>
		<% TOPIC_ROWS %>
		
	</table>
	<!-- |mod_form_end| -->
	<!-- |forum_active| -->
	<!-- |sort_options| -->
</div>

Board Statistics

<div id='quick-login'>
		<!-- |quick_login| -->
	</div>
    <br />
	<!-- |toplinks| -->
    <br />
	<div class="tableborder" id="boardstats">
		<div class="maintitle"><span class='bstats-text'>Board Statistics</span></div>
		<table cellpadding='4' cellspacing='1' border='0' width='100%'>        <tr>
           <td class='pformstrip' colspan='2'> <!-- |total_users| --> user(s) active in the past 60 minutes</td>
    	</tr>
    	<tr>
          <td width="5%" class='row2'><{F_ACTIVE}></td>
          <td class='row4' width='95%'>
			<span id='activeusers-stats'><b><!-- |total_guests| --></b> guests, <b><!-- |total_mems| --></b> members, <b><!-- |total_anons| --></b> anonymous members</span>
	    <div class='thin'> <!-- |online_list| --></div>
            <span id='activeusers-links'>Show detailed by: <a href='index.php?act=Online&amp;CODE=listall&amp;sort_key=click'>Last Click</a>, <a href='index.php?act=Online&amp;CODE=listall&amp;sort_key=name&amp;sort_order=asc&amp;show_mem=reg'>Member Name</a></span>
          </td>
        </tr>
          <tr>
           <td class='pformstrip' colspan='2'>Today's Birthdays</td>
    	</tr>
    	<tr>
          <td class='row2' width='5%' valign='middle'><{F_ACTIVE}></div></td>
          <td class='row4' width='95%'><b> <!-- |birthdays| --></b> members are celebrating their birthday today<br /> <!-- |birthdays_list| --></td>
        </tr>		   <tr>
		     <td class='pformstrip' colspan='2'>Board Statistics</td>
		   </tr>
		   <tr>
			 <td class='row2' width='5%' valign='middle'><{F_STATS}></td>
			 <td class='row4' width="95%" align='left'>Our members have made a total of <b><script>document.write(<!-- |total_posts| -->-forum_posts[4]);</script></b> posts<br />We have <b><!-- |total_mem_reg| --></b> registered members<br />The newest member is <b><!-- |newest_member| --></b><br />Most users ever online was <b> <!-- |most_online| --></b> on <b> <!-- |most_online_date| --></b></td>
		   </tr>	<tr>
		<td class='pformstrip' colspan='2'>Members Online Today:  <!-- |online_today| --> <span id='mot_explink' style='display:none'>[<a href='javascript:expand_mot()'>Expand</a>]</span><span id='mot_collink' style='display:inline'>[<a href='javascript:collapse_mot()'>Collapse</a>]</span></td>
	</tr>
	<tr id='mot' style='display:inline-compact'>
		<td class='row2' width='5%' valign='middle'><{F_STATS}></td>
		<td class='row4' width='95%'><span id='activeusers-mostevertxt'>Most members ever online in one day was <b><!-- |most_online_oneday| --></b>, last accomplished on <b><!-- |most_online_oneday_date| --></b></span><br /><br /><span id='activeusers-followingtxt'>The following members have visited today:</span><br />
 <!-- |online_today_list| --> 
</td>
	</tr>         </table>
	 </div>

Mini Profile

<div class="postbit">
	<div align='center'>
	<!-- |avatar| --><br />
	<!-- |title| --><br />
	</div>
</div>
<div class="postbit">
	<img src='http://files.b1.jcink.com/themes/default/users.png'> Group: <!-- |member_group| --> 
</div>
<div class="postbit">
	<img src='http://files.b1.jcink.com/themes/default/posts.png'> Posts: <!-- |posts| -->
</div>
<div class="postbit">
	<img src='http://files.b1.jcink.com/themes/default/joined.png'> Joined: <!-- |member_joined| -->
</div>

<div class="postbit">
	Age: <!-- |age| --><br />
	Location: <!-- |location| --><br />
	Status: <!-- |status| --><br />
</div>
<br />
<div style="margin-left: 14px;">
	<!-- |warn_text| --> <!-- |warn_minus| --><!-- |warn_img| --><!-- |warn_add| -->
</div>
<br />

Post Row

	<!--Begin Msg Number <!-- |pid| -->-->
	<span class='<!-- |post_class| --> group<!-- |g_id| -->-<!-- |post_class| -->'>
    <table width='100%' border='0' cellspacing='1' cellpadding='3'>
    <tr>
      <td valign='middle' class='row4' width="1%"><a name='entry<!-- |pid| -->'></a><!-- |name_prefix| --><span class='<!-- |name_css| -->'><!-- |name| --></span><!-- |name_suffix| --></td>
        <td class='row4' valign='top' width="99%">
        
        <!-- POSTED DATE DIV -->
        
        <div align='left' class='row4' style='float:left;padding-top:4px;padding-bottom:4px'>
        <!-- |post_icon| --> &nbsp;<span class='postdetails'><b><a title="" href="#" onclick="link_to_post(<!-- |pid| -->); return false;" style="text-decoration:underline">Posted on:</a></b> <!-- |post_date| --></span>
        </div>
        
        <!-- REPORT / DELETE / EDIT / QUOTE DIV -->
        
        <div align='right' class='post-buttons-top'>
        <!-- |report_link| --><!-- |delete_button| --><!-- |edit_button| --><!-- |quote_button| -->
      </div>
      
	<!-- |mod_checkbox| -->
	
      </td>
    </tr>
    <tr>
      <td valign='top' class='<!-- |post_css| --> miniprofile'>
        <span class='postdetails'>
	<!-- |mini_profile| -->	
	</span><br />
        <img src='style_images/1/spacer.gif' alt='' width='160' height='1' /><br /> 
      </td>
      <td width='100%' valign='top' class='<!-- |post_css| -->' colspan='2' id='pid_<!-- |pid| -->'>
      <!-- THE POST <!-- |pid| --> --><div class='postcolor'><!-- |post| --> <!-- |attachment| --></div><!-- |signature| --><!-- THE POST -->
      </td>
    </tr>
    <tr>
      <td class='darkrow3' align='left'><span class='ip_address'><b><!-- |ip_address| --></b></span></td>
      <td class='darkrow3' nowrap="nowrap" align='left' colspan='2'>
      
        <!-- PM / EMAIL / WWW / MSGR -->
      
        <div align='left' class='darkrow3 post-buttons-bottom' style='float:left;width:auto'>
        <!-- |pm| --><!-- |email| --><!-- |website| --><!-- |gtalk| --><!-- |aim| --><!-- |yahoo| --><!-- |msn| -->
        </div>
        
        <!-- REPORT / UP -->

        <div align='right'>
         <a href='javascript:scroll(0,0);'><{P_UP}></a>
        </div>
      </td>
    </tr>
    </table>
    <div class='darkrow1' style='height:5px'><!-- --></div>
    </span>

Main Profile

The main profile HTML Template default is not available.

XML Template Set

Download the complete set of templates above by clicking here; you can then unzip the file, and import it via the Admin CP in the HTML Templates section.

 
jfh-skinning-default-templates.txt · Last modified: 2017/05/15 20:54 by jcink