首 页 网站运营 网络编程 网页制作 图象媒体 数据库 建站资源 网管专区 下载专区 最新资讯
IT学堂|红色黑客联盟
设为首页
加入收藏
联系站长
您所在的位置:首页>网页制作>HTML/CSS>文章内容
栏目分页模板
来源: 作者: 发布时间:2007-04-12

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">&nbsp;◆ 你现在的位置是:[JF:Navigation]</td>
      </tr>
      <tr>


        <td height="1" bgcolor="#3F768D">&nbsp;</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">&nbsp;</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>&nbsp;<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>

 

 




[推荐] [返回顶部] [打印本页] [关闭窗口]
热点文章
·有效控制新闻内容的图片的尺寸
·现提供增加<目录生成规则>的方法!
·风讯里面上下篇标签DIV模式下浮动的解
·风讯目录路径自由选择的实现方法
·新闻列表读取内容时去掉html代码
·添加文字广告的解决方案!
·发些滚动的代码
·标题下的分隔线在4.0中如何设置,还有
·随时更换模版、广告等,无须重新生成
·3.1-下载自动套用栏目设定模板的修改
相关文章
·栏目首页模板
·资讯模板
·首页模板
·新闻页评论模板
·渐飞网站管理系统模板智能调用标签 快
·评论分页模板
·系统在Win XP Pro下安装
·搜索框模板
·系统在win2K Server下安装
·首页用户登陆模板
文章检索
Google
相关文章
·栏目首页模板
·资讯模板
·首页模板
·新闻页评论模板
·渐飞网站管理系统模板智
·评论分页模板
·系统在Win XP Pro下安装
·搜索框模板
·系统在win2K Server下安
·首页用户登陆模板
·系统在win2003下安装
·HTML文件也能格式化硬盘
·Win2K服务器配置说明
·Win2003服务器配置说明
·HTTP错误404文件错误