Phpcms:文章内容页模板

字体大小控制：

<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" 传递参数。所以需要指定唯一的id值。

浏览次数显示：

{if $MOD['show_hits']}浏览次数：<span id="hits">{$hits}</span> {/if}

注意：内容页面必须加入下面代码，否则无法统计和显示浏览次数

{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)//重新设置图片大小 防止撑破表格
{
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"必须一致。

将所有的内容里面的图像进行等比缩放。放置表格撑破。

自定义字段的调用：

<!--自定义字段//-->
<table width="100%" align="center" cellspacing="0" cellpadding="0">
{loop $fields $v}
<tr>
<td>{$v[title]}：{$v[value]}</td>
</tr>
{/loop}
</table>
<!--自定义字段\\-->将下面代码放置到内容页面模版中即可。

评论的调用：

<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>

WIKI使用导航

站长百科导航

站长专题

Phpcms:文章内容页模板