接教程(五)http://bbs.kesion.com/dispbbs.asp?boardID=2&ID=13761&page=3往后讲文章内容页的制作。
八、文章内容页的制作
1、拷贝文章中心首页模板内容到“文章内容页”模板中
2、在</head>上方插入以下代码:
<SCRIPT language=JavaScript type=text/JavaScript>
//改变图片大小
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;
}
</SCRIPT>
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>{$GetArticleTitle}</strong></FONT></TD>
</TR>
<TR bgcolor="#eeeeee">
<TD width=60> </TD>
<TD width=40>作者:</TD>
<TD width=100>{$GetArticleAuthor}</TD>
<TD width=80>文章来源:</TD>
<TD width=120>{$GetArticleOrigin}</TD>
<TD width=80>责任编辑:</TD>
<TD width=100>{$GetArticleEditor}</TD>
<TD width=60>点击数:</TD>
<TD width=60>{$GetArticleHits}</TD>
<TD width=80>更新日期:</TD>
<TD width=180>{$GetArticleDate}</TD>
<TD width=30></TD>
</TR>
<TR>
<TD colSpan=13 class="artzw">{$GetArticleContent}</TD>
</TR>
<TR align="right">
<TD colSpan=13 bgcolor="#eeeeee">{$GetArticleSize}{$GetArticleAction}</TD>
</TR>
<TR>
<TD colSpan=13>·上一篇:{$GetPrevArticle}<BR>
·下一篇:{$GetNextArticle}</TD>
</TR>
<TR>
<TD colSpan=13 bgcolor="#eeeeee"><STRONG>网友评论:</STRONG><SPAN style="COLOR: #ff0000">(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)</SPAN></TD>
</TR>
<TR>
<TD colSpan=13>{$GetShowComment}</TD>
</TR>
<TR>
<TD colSpan=13>{$GetWriteComment}</TD>
</TR>
</TBODY>
</TABLE>
文章内容页效果如下图:
此主题相关图片如下:
[此贴子已经被作者于2006-11-21 15:33:57编辑过]