|
a . 使用方法: 把编辑好的模板,通过控制面版--栏目管理-添加栏目进添加(栏目分页模板),如果是修改的话,直接点栏目修改即可.在模板制作过程中,除了主体调用的部分,还配合了辅助JS调用功能.在下图中最右边的两个版块就是自定义文件调用的效果.具体用法见代码:只要把自定义文件里的生成代码复制过来放到HTML中就行了.js的效果可以参见 标签调用示例效果 .
b . 效果:

c . 具体代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>渐飞网络_http://www.jfcms.net</title> <style type="text/css"> <!-- body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; margin: 0px; } .box { border: 1px solid #3F768D; } .font9 { font-size: 9px; color: #999999; } .fontred { color: #FF0000; } a:link { font-size: 12px; color: #000099; text-decoration: none; } a:visited { color: #000099; text-decoration: none; } a:hover { color: #FF0000; text-decoration: underline; } a:active { color: #990000; text-decoration: underline; } --> </style> </head> <body> <table width="760" border="0" align="center" cellpadding="0" cellspacing="0" class="box"> <tr> <td align="center" valign="top"><div id="content_lefts"> <table width="98%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="25" align="left" valign="middle" bgcolor="#eeeeee" class="nan"> ◆ 你现在的位置是:[JF:Navigation]</td> </tr> <tr> <td height="1" bgcolor="#3F768D"> </td> </tr> </table> <table width="98%" border="0" cellspacing="0" cellpadding="5"> [JF:loop JF:NewsCount=1] <tr> <td height="26" align="left" valign="middle" class="ti"><strong>[JF:CategoryName]</strong></td> <td width="60" align="center" valign="middle" class="ti"> </td> </tr> [/JF:loop] </table> <table width="98%" border="0" cellspacing="0" cellpadding="5"> <tr> <td align="center" valign="top" class="news_table_l"> <table width="100%" border="0" cellspacing="0" cellpadding="15"> <tr> <td align="center" valign="middle"> </td> </tr> </table>
<table width="100%" border="0" cellspacing="0" cellpadding="0"> [JF:loop JF:CatNews=true] <tr> <td width="12" height="20" align="center" valign="middle"><font color="#000000">·</font></td> <td align="left" valign="middle">[<a href="[JF:CategoryPath]">[JF:CategoryName]</a>] <a href=[JF:NewsPath]>[JF:Title]</a> <span class="font9">(01-22 ) </span></td> </tr> [/JF:loop] </table> <table width="100%" border="0" cellspacing="0" cellpadding="15"> <tr> <td align="center" valign="middle"> </td> </tr> </table> </td> </tr> </table> <table width="98%" border="0" cellspacing="0" cellpadding="5"> <tr> <td align="center" valign="middle" bgcolor="#eeeeee">总<span class="fontred">[JF:PageCount]</span>页 第<span class="fontred">[JF:CurrentPage]</span>页 <span class="date">[JF:PageSize]</span>/页 <a href="[JF:FirstPage]">首页</a> <a href="[JF:PrevPage]"> 上一页</a> [JF:ListPage] <a href="[JF:NextPage]">下一页</a> <a href="[JF:LastPage]">尾页</a> 共<span class="fontred">[JF:RecordCount]</span>条 [JF:DropDownList]</td> </tr> </table> </div></td> <td width="200" align="center" valign="top" bgcolor="#DDEBF0"> <div id="content_right"> <table class="news_table" width="98%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="3"> <tr> <td height="20" align="left" valign="middle" bgcolor="#3F768D" class="bai"><strong>常见问题</strong></td> </tr> <tr> <td align="left" valign="middle"><script src='http://www.jfcms.net/v4/js/Privatejs_20061810095813.js'></script></td> </tr> </table></td> </tr> </table> <br><!--这里的用JS调用--> <table class="news_table" width="98%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="3"> <tr> <td height="20" align="left" valign="middle" bgcolor="#3F768D" class="bai"><strong>热门点击</strong></td> </tr> <tr> <td align="left" valign="middle"><script src='http://www.jfcms.net/v4/js/Privatejs_20062610160511.js'></script></td> </tr> </table></td> </tr> </table> <table width="168" height="200" border="0" cellpadding="6" cellspacing="2"> <tr> <td align="center" valign="middle"><!--这里的是JS调用设置--> </td> </tr> </table> </div> </td> </tr> </table> </body> </html>
|