诗梦-原创自适应简单工具导航源码

2017年4月7日11:59:46 发表评论 36
摘要

诗梦自己制作的,现在只弄了一个首页,后期可能添加详情页,没有css代码,js代码外链了,如不放心可以本地化
诗梦-原创自适应简单工具导航源码
有点丑和有点乱不要在意,只是个人用来放自己喜欢的和用到的网站,源码你们创建个html文件放进去访问就可以了。

代码

  1. <html>
  2. <head>
  3. <meta charset="utf-8">
  4. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <title>诗梦-工具站</title>
  7. <meta name='keywords' content='诗梦,博客导航,工具导航,'>
  8. <meta name='description' content='诗梦导航站。'>
  9. <link rel="shortcut icon" href="//m.mom1.cn/favicon.ico" type="image/x-icon"/>
  10. <link rel="stylesheet" href="https://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css">
  11. <script type="text/javascript" src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
  12. <style>
  13. body{
  14.         margin: 0 auto;
  15.         text-align: center;
  16.     }
  17.     .container {
  18.       max-width: 580px;
  19.       padding: 12px;
  20.       margin: 0 auto;
  21.     }
  22. </style>
  23. <body>
  24. <body style="background-image: url(https://wx2.sinaimg.cn/mw690/8c534571ly1fdmdspgc5sj20sg0hs0wu.jpg);background-attachment: fixed;background-repeat: no-repeat;background-size: cover;-moz-background-size: cover;">
  25. <div class="container">
  26. <div class="header">
  27. <ul class="nav nav-pills pull-right" role="tablist">
  28. <li role="presentation" class="active"><a href="/">首页</a></li>
  29. <li role="presentation" class="active"><a href="https://www.mom1.cn/qq.html">收录</a></li>
  30. </ul>
  31. <h3 class="text-muted" align="left">工具导航</h3>
  32. </div>
  33. <hr>
  34. <div type="button" class="btn btn-primary btn-block" id="start">公告</div><br>
  35. <div class="alert alert-danger" role="alert" style="text-align:left;">
  36. <span class="glyphicon glyphicon-info-sign"></span><strong>申请收录</strong><br>
  37.                 有好玩的网站,请点击上面申请收录!
  38. </div>
  39. <a type="button" class="btn btn-primary btn-block">博客</a><br>
  40. <a href="http://z.mom1.cn/details/1.html" type="button" class="btn btn-info btn-info">诗 梦 博 客</a>
  41. <a href="http://www.hackv.cn" type="button" class="btn btn-info btn-info">古 韵 博 客</a>
  42. <a href="https://www.qcgzxw.cn/" type="button" class="btn btn-info btn-info">小 文 博 客</a>
  43. <a href="http://72wo.cn" type="button" class="btn btn-info btn-info">往 昔 执 念</a>
  44. <a href="http://z.mom1.cn/details/acgnw.html" type="button" class="btn btn-info">次 元 之 家</a>
  45. <a href="http://z.mom1.cn/details/aeink.html" type="button" class="btn btn-info">墨 渊 博 客</a>
  46. <a href="http://www.mosq.cn/" type="button" class="btn btn-info">森 七 博 客</a>
  47. <a href="http://www.binglinglin.cn/" type="button" class="btn btn-info">冰 凌 博 客</a>
  48. <a href="http://m.mom1.cn" type="button" class="btn btn-info">引 导 单 页</a>
  49. <a href="http://www.mom1.cn" type="button" class="btn btn-info">网 页 刷 新</a>
  50. <a href="http://www.mom1.cn" type="button" class="btn btn-info">诗 梦 音 乐</a>
  51. <hr>
  52. <a htef="http://www.mom1.cn" type="button" class="btn btn-primary btn-block">工具</a><br>
  53. <a href="http://m.mom1.cn" type="button" class="btn btn-info btn-info">等待添加</a>
  54. <a href="http://www.mom1.cn" type="button" class="btn btn-info btn-info"> 等待添加</a>
  55. <a href="http://www.mom1.cn" type="button" class="btn btn-info btn-info">等待添加</a>
  56. <a href="http://www.mom1.cn" type="button" class="btn btn-info btn-info">等待添加</a>
  57. <a href="http://www.mom1.cn" type="button" class="btn btn-info"> 等待添加</a>
  58. <a href="http://www.mom1.cn" type="button" class="btn btn-info"> 等待添加</a>
  59. <a href="http://www.mom1.cn" type="button" class="btn btn-info"> 等待添加</a>
  60. <a href="http://www.mom1.cn" type="button" class="btn btn-info"> 等待添加</a>
  61. <a href="http://www.mom1.cn" type="button" class="btn btn-info"> 等待添加</a>
  62. <hr>
  63. <a type="button" class="btn btn-primary btn-block">友链</a><br>
  64. <a href="http://www.mom1.cn" type="button" class="btn btn-info"> 诗梦博客</a>
  65. <a href="http://m.mom1.cn" type="button" class="btn btn-info"> 诗梦单页</a>
  66. <a href="http://zz.mom1.cn" type="button" class="btn btn-info"> 诗梦音乐</a>
  67. <hr>
  68. <a href="http://www.mom1.cn" class="btn btn-default btn-sm"><span class="glyphicon glyphicon-credit-card"></span> 诗梦</a>
  69. <a href="http://www.mom1.cn" class="btn btn-default btn-sm"><span class="glyphicon glyphicon-exclamation-sign"></span> 帮助</a>
  70. <a href="https://www.mom1.cn/qq.html" class="btn btn-default btn-sm"><span class="glyphicon glyphicon-pencil"></span> 收录</a>
  71. </div>
  72. <br>
  73.             &copy; Powered by <a href="http://www.mom1.cn">诗梦博客</a>
  74. </p>
  75. </div>
  76. </body>
  77. </html>

本文诗梦原创转载请留原文,谢谢!

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:0   其中:访客  9   博主  4

    • avatar 李明 2

      简单实用的导航源码

        • avatar 诗梦 Admin

          @李明 有点丑?

        • avatar 次元之家 1

          six six six哈哈哈

          • avatar 黑夜的眼睛 0

            详情页呢

              • avatar 诗梦 Admin

                @黑夜的眼睛 没有弄,希望你后期自己添加哦

              • avatar 半夏 1

                挺简洁的,支持一下

                • avatar 千域 0

                  贵站已添加
                  千域资源网 www.q-yu.cn