手把手教你帝国cms仿UC导航网模板制作过程

- 编辑:爱思60度微信公众号(wangxi2004324235) -

什么是导航网站:

网址导航(Directindustry Web Guide)就是一个集合较多网址,并按照一定条件进行分类的一种网址站。网址导航可谓是互联网最早的网站形式之一。

hao123网址导航是其中的一个案例,著名的hao123,2345,YAHOO,360网址之家等;都是从网址导航起家,迄今YAHOO的页面还可以看到网址导航的身影。

blob.png

第一:栏目制作:

栏目包括:访问、 综合影视、 影视、 游戏、 小游戏、 热门游戏、 网页游戏、 单机游戏、 网络游戏、 家用机/掌机、 手机游戏、 小说、 小说阅读、 电子书、 购物、 知名企业、 军事、 军事网站、 体育、 体育分类、 汽车、 财经、 手机、 手机综合、 资源下载、 果粉乐园、 安卓、 二手手机、 手机配件、 房产、 新闻、 商城、 旅游、 团购、 生活、 交友、 邮箱、 音乐、 娱乐、 银行、 招聘、 教育、 电脑、 快递、 论坛。

第二:列表页模板代码:

<!DOCTYPE html>
<!-- saved from url=(0030)http://www.uc123.com/game.html -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8">
<title>游戏_900游戏_最懂你的游戏导航</title>
<meta name="description" content="900导航——小游戏大全,热门单机,火爆页游,还有PC、手机、家用机、掌机,你想要的一切游戏都在UC123。">
<meta name="keywords" content="网址导航,网址大全,上网导航,900导航,UC游戏,游戏二级页,900300, 900300网址导航,900网址大全,LOL大全">
<link charset="UTF-8" rel="stylesheet" href="http://g.tbcdn.cn//browser/uc123_no/0.0.65/game/dest/css/uc.gm.pkg.min.css">
<link charset="UTF-8" rel="shortcut icon" href="http://g.tbcdn.cn//browser/uc123_no/0.0.65/game/dest/img/favicon_uc123.png">
<link charset="UTF-8" rel="icon" href="http://g.tbcdn.cn//browser/uc123_no/0.0.65/game/dest/img/favicon_uc123.png" sizes="16x16">
<!--<base target="_blank">--><base href="." target="_blank">
<script>
    var staticConfig = {
      url: "//g.tbcdn.cn//browser/uc123_no/0.0.65/",
      fullUrl: "//g.tbcdn.cn//browser/uc123_no/0.0.65/game/dest/"
    } 
</script>
<style type="text/css">
.hotbanner,.container > .hotwords,.tbSale,.hotGame,.tbFeat {display:none!important;display:none}</style>
</head>
<body>
<div id="header" class="header-bar-gray">
  <div class="header-inner clearfix">
        <div class="logo">
      <a href="http://www.900300.cn/index.html"><img src="./900300/uc_logo_v1.png" width="190" height="60"><span class="logo-name">游戏</span></a>
    </div>
    <form class="form-search" action="http://www.baidu.com/" method="get" autocomplete="false">
      <input id="search_keyword" class="form-input" name="q" type="text" autocomplete="off" value="">
      <input class="form-submit" type="submit" value="搜索">
      
      <input type="hidden" name="pid" value="10000001000_pt">
    </form>
  </div>
</div>

<!-- add to check html:can not be delete start -->
<div id="uc123-check-mid" style="display:none"></div>
<!-- add to check html:can not be delete end -->

<div id="main-container">
  <div id="masthead">当前位置: <a href="http://www.900300.cn/index.html">900导航</a> - 游戏</div>
    <div class="main-content-row gameH">
    <div class="category mod game-category float-L" style="z-index:1;">
      <a class="game-pic-L" data-track="true" data-ck="{&quot;id&quot;:&quot;130399&quot;,&quot;ck_name&quot;:&quot;焦点图&quot;,&quot;ck_po&quot;:&quot;1-1&quot;,&quot;pg&quot;:&quot;二级独立页-游戏-英雄联盟&quot;,&quot;ck_rg&quot;:&quot;&quot;}" href="http://www.uc123.com/lol123.html">
        <img src="./900300/TB1wkwdHXXXXXXxaVXXwu0bFXXX.png" title="焦点图" alt="焦点图" width="159" height="88">
      </a>
      <div class="game-content-L">
                <div class="credits-layer">
          <h5>战斗力查询</h5>
          <div class="q-char">
            <div class="area-group">
              <div class="area-show">
                <div class="area-show-item" data-area="全部大区" data-val="0">全部大区</div>
                <div class="area-show-icon"></div>
              </div>
            </div>
            <div class="area-list" style="display: none;">
              <div class="area-menu">
                <ul class="area-options"><li data-area="全部大区" data-val="0" class="area-option area-option-selected">全部大区</li><li data-area="艾欧尼亚" data-val="1" class="area-option">艾欧尼亚</li><li data-area="祖安" data-val="3" class="area-op

99%的人还阅读了:

帝国CMS制作自适应网站模板教程分享

帝国CMS判断文章的发布时间是星期几

帝国CMS 调用当前栏目的链接地址

公众号搜索“爱思60度”,领取大礼包

微信二维码

来源:,欢迎分享本文,转载请保留出处!(微信公众号:wangxi2004324235)