KesionShopV300新手提高教程(六)

八、文章内容页的制作
1、拷贝文章中心首页模板内容到“文章内容页”模板中

2、在</head>上方插入以下代码：

<s cript language=Javas cript type=text/Javas cript>
//改变图片大小
function resizepic(o)
{
var maxwidth=550;   //定义最大宽度
var maxheight=800;  //定义最大高度
var a=new Image();
a.src=o.src
if(a.width > maxwidth)
{
  o.style.width=maxwidth;
}
if (a.height> maxheight)
{
  o.style.height=maxheight;
 }
}
//无级缩放图片大小
function bbimg(o)
{
  var zoom=parseInt(o.style.zoom, 10)||100;
  zoom+=event.wheelDelta/12;
  if (zoom>0) o.style.zoom=zoom+'%';
  return false;
}
</s cript>

3、删除循环栏目列表标签。文章内容涉及到的标签较多，比如“文章标题”、“作者”、“文章来源”等等，一般是根据内容的表现样式设计好相应的表格(可以用DW等软件直观编辑这样的表格)，设计好后拷贝到模板中。分别在各自的单位元格中从[选择更多标签]/[文章内容页标签]中插入“文章正标题”、“文章作者”等标签。下面的表格和标签仅作参考：
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
  <TBODY>
    <TR class=arttitle align=middle>
      <TD style="FONT-SIZE: 20px" colSpan=13 height=30><FONT color=#ff0000><strong>KesionShopV300新手提高教程(六)(不断更新中)</strong></FONT></TD>
    </TR>
    <TR bgcolor="#eeeeee">
      <TD width=60> </TD>
      <TD width=40>作者:</TD>
      <TD width=100>佚名</TD>
      <TD width=80>文章来源:</TD>
      <TD width=120>科汛网络</TD>
      <TD width=80>责任编辑:</TD>
      <TD width=100>科汛网络</TD>
      <TD width=60>点击数:</TD>
      <TD width=60> 327</TD>
      <TD width=80>更新日期:</TD>
      <TD width=180>2007年01月21日</TD>
      <TD width=30></TD>
    </TR>
    <TR>
      <TD colSpan=13 class="artzw">{$GetArticleContent}</TD>
    </TR>
    <TR align="right">
      <TD colSpan=13 bgcolor="#eeeeee">{$GetArticleSize}【发表评论】【告诉好友】【打印此文】【收藏此文】【关闭窗口】</TD>
    </TR>
    <TR>
      <TD colSpan=13>·上一篇:XXX<BR>
        ·下一篇:XXX</TD>
    </TR>
    <TR>
      <TD colSpan=13 bgcolor="#eeeeee"><STRONG>网友评论：</STRONG><SPAN style="COLOR: #ff0000">（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）</SPAN></TD>
    </TR>
    <TR>
      <TD colSpan=13> </TD>
    </TR>
    <TR>
      <TD colSpan=13>

文章内容页效果如下图：