当前位置:PHPCMS首页 >> 模板制作 >> 文章内容页模版

文章内容页模版

2007-04-24 02:29:04  来源:http://www.phpcms.cn
 

字体大小控制:

<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=http://www.phpcms.cn//"{$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.on load = 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>

 

责任编辑:
0
顶一下
0
踩一下
【 加入收藏 】 【 本文链接 】 【 邮件推荐 】 【 打印本页 】
 >> Google提供的广告
 >> 图说天下
 >> 文字广告内容
1826网络直销平台 免费下载Firefox拒绝病毒的浏览器 四平风采影视 专业美工设计,网页模板定制,公司网站制作。

关注热点 >> 

• 菠萝教你做模板之二-制作准...

-- 菠萝教你做模板之二-制作准备及网站首页的制作好不容易抽点时间来...

• 模板的存放规则

-- 

• 如何让不同的文章频道使用不...

--