首 页 网站运营 网络编程 网页制作 图象媒体 数据库 建站资源 网管专区 下载专区 最新资讯
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"><div class="bgbg">
  <div class="center"><div class="right">
    <div class="ccc_right">
<div class="right_c1">
<div class="ctitle">
  <div class="tt" align='left'>&nbsp;◆ 你现在的位置是:[JF:Navigation]</div>
</div>
<div class="ctitle">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td align="left" valign="top"></td>
  </tr>
</table>
<table width="100%" height="22" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#F7F7F7">
[JF:loop JF:NewsCount=1>
  <tr>
    <td width="8" align="left" valign="middle"></td>
    <td align="left" valign="middle"><div class="tt"><strong>
[JF:CategoryName]
    </strong></div></td>
    <td width="68" align="right" valign="middle"> <a href="[JF:more]">更多>></a></td>
  </tr>[/JF:loop]
</table>
<table width="98%"  border="0" cellspacing="0" cellpadding="0">
[JF:loop JF:NewsCount=20,JF:Order=Desc]
  <tr>
    <th height="20" scope="col">·<a href="[JF:NewsPath]" target="_blank">[JF:Title]</a></th>
    <th height="20" scope="col">2007-01-22</th>
  </tr>[/JF:loop]
</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下安装
·评论分页模板
·系统在win2003下安装
·搜索框模板
文章检索
Google
相关文章
·首页模板
·栏目分页模板
·渐飞网站管理系统模板智
·资讯模板
·系统在Win XP Pro下安装
·新闻页评论模板
·系统在win2K Server下安
·评论分页模板
·系统在win2003下安装
·搜索框模板
·Win2K服务器配置说明
·首页用户登陆模板
·Win2003服务器配置说明
·HTML文件也能格式化硬盘
·HTTP错误404文件错误