Phpcms:文章內(nèi)容頁模板

導(dǎo)航: 上一級(jí) | PHPCMS | 首頁 | DedeCMS | 帝國CMS | Drupal | PHP168 | Xoops | Joomla | PowerEasy | SupeSite

• 字體大小控制：

  <script type="text/javascript">
  function fontZoom(size)
  {
  $('content').style.fontSize=size+'px';
  }
  </script>
  
  文字大小：【<a href="javascript:fontZoom(16)">大</a>】【<a href="javascript:fontZoom(14)">中</a>】【<a href="javascript:
  fontZoom(12)">小</a>】
  
  <div class="content_text" id="content">{$content}</div>
  
  通過id="content" 傳遞參數(shù)。所以需要指定唯一的id值。

• 瀏覽次數(shù)顯示：

  {if $MOD['show_hits']}瀏覽次數(shù)：<span id="hits">{$hits}</span> {/if}
  
  注意：內(nèi)容頁面必須加入下面代碼，否則無法統(tǒng)計(jì)和顯示瀏覽次數(shù)
  
  {if $MOD['show_hits'] || $MOD['show_pre_and_next']}
  <script type="text/javascript" src="{$channelurl}show_js.php?itemid={$itemid}"></script>
  {/if}
  

• 防止撐破表格代碼：

  <script type="text/javascript">
  function ImgZoom(Id)//重新設(shè)置圖片大小 防止撐破表格
  {
  var w = $(Id).width;
  var m = {$img_maxwidth};
  if(w < m)
  {
  return;
  }
  else
  {
  var h = $(Id).height;
  $(Id).height = parseInt(h*m/w);
  $(Id).width = m;
  }
  }
  window.onload = function()
  {
  var Imgs = $("content").getElementsByTagName("img");
  var i=0;
  for(;i<Imgs.length;i++)
  {
  ImgZoom(Imgs[i]);
  }
  }
  </script>
  
  將上面代碼放置到<div class="content_text" id="content">{$content}</div>后面。
  
  id="content"必須一致。
  
  將所有的內(nèi)容里面的圖像進(jìn)行等比縮放。放置表格撐破。

• 自定義字段的調(diào)用：

  <!--自定義字段//-->
  <table width="100%" align="center" cellspacing="0" cellpadding="0">
  {loop $fields $v}
  <tr>
  <td>{$v[title]}：{$v[value]}</td>
  </tr>
  {/loop}
  </table>
  <!--自定義字段\\-->將下面代碼放置到內(nèi)容頁面模版中即可。
  

• 評(píng)論的調(diào)用：

  <script type="text/javascript" src="{$MODULE['comment']['linkurl']}list_js.php?keyid={$channelid}&itemid={$articleid}
  &commentnum=10&ordertype=1&title={$urlencode($title)}"></script>
  
  通過改變紅色字體部分可以任意的調(diào)用評(píng)論的結(jié)果。
  
  {$channelid}為可復(fù)制頻道內(nèi)，自動(dòng)獲取頻道id?？筛臑椋浩渌魏纹渌?。如：vote
  
  {$articleid} 為當(dāng)前文章的id 如調(diào)用某個(gè)投票的評(píng)論，可以寫為voteid（投票模版有此變量）
  
  commentnum=10  顯示條數(shù)
  
  ordertype=1  降序排列  0 或?yàn)槠渌麨樯蚺帕?
  技巧：
  
  我們同樣可以使用css來控制圖片的顯示大小
  
  看下面代碼
  
  <style type="text/css">
  img,a img{
  border:0; 
  margin:0; 
  padding:0;
  max-width:480px;
  width:expression(this.width>450?"480px":this.width);
  max-height:480px;
  height:expression(this.height>320?"360px":this.height);
  }
  </style>