編輯“Phpcms:文章內容頁模板”

<span style="text-align:center; border:1px solid #000; float:right; padding:6px; margin-bottom:10px;"><strong>導航:</strong> [[Phpcms:模板制作|上一級]] | [[PHPCMS]] | {{Template:Phpcms導航}}</span>
<div style="clear:both;"></div>
<ul>
<li>字體大小控制：
<pre style="border:1px solid white; width:888px; background:white;">
<script type="text/javascript">
function fontZoom(size)
{
$('content').style.fontSize=size+'px';
}
</script>

文字大?。骸?lt;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" 傳遞參數。所以需要指定唯一的id值。</pre>

<li>瀏覽次數顯示：
<pre style="border:1px solid white; width:888px; background:white;">
{if $MOD['show_hits']}瀏覽次數：<span id="hits">{$hits}</span> {/if}

注意：內容頁面必須加入下面代碼，否則無法統(tǒng)計和顯示瀏覽次數

{if $MOD['show_hits'] || $MOD['show_pre_and_next']}
<script type="text/javascript" src="{$channelurl}show_js.php?itemid={$itemid}"></script>
{/if}
</pre>

<li>防止撐破表格代碼：
<pre style="border:1px solid white; width:888px; background:white;">
<script type="text/javascript">
function ImgZoom(Id)//重新設置圖片大小 防止撐破表格
{
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"必須一致。

將所有的內容里面的圖像進行等比縮放。放置表格撐破。</pre>

<li>自定義字段的調用：
<pre style="border:1px solid white; width:888px; background:white;">
<!--自定義字段//-->
<table width="100%" align="center" cellspacing="0" cellpadding="0">
{loop $fields $v}
<tr>
<td>{$v[title]}：{$v[value]}</td>
</tr>
{/loop}
</table>
<!--自定義字段\\-->將下面代碼放置到內容頁面模版中即可。
</pre>

<li>評論的調用：
<pre style="border:1px solid white; width:888px; background:white;">
<script type="text/javascript" src="{$MODULE['comment']['linkurl']}list_js.php?keyid={$channelid}&itemid={$articleid}
&commentnum=10&ordertype=1&title={$urlencode($title)}"></script>

通過改變紅色字體部分可以任意的調用評論的結果。

{$channelid}為可復制頻道內，自動獲取頻道id?？筛臑椋浩渌魏纹渌?。如：vote

{$articleid} 為當前文章的id 如調用某個投票的評論，可以寫為voteid（投票模版有此變量）

commentnum=10  顯示條數

ordertype=1  降序排列  0 或為其他為升序排列

技巧：

我們同樣可以使用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> 
</pre></ul>

[[Category:CMS使用]]
[[Category:PHPCMS內容管理系統(tǒng)]]