top.html 6.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
  1. <!DOCTYPE html>
  2. <html >
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>爱生活博客 - 一个简约的博客网站</title>
  6. <meta name="keywords" content="一个简约的博客网站,爱生活博客" />
  7. <meta name="description" content="爱生活博客是一个分享生活,旅游,趣图的一个博客网站!" />
  8. <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui">
  9. <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE;chrome=1">
  10. <meta name="generator" content="Dedecms" />
  11. <link rel="icon" href="/static/admin/images/favicon.png" type="image/x-icon">
  12. <link rel='stylesheet' id='carousel-css' href='/static/index/css/owl.carousel.css' type='text/css' media='all' />
  13. <link rel='stylesheet' id='mcustomscrollbar-css' href='/static/index/css/jquery.mcustomscrollbar.min.css' type='text/css' media='all' />
  14. <link rel='stylesheet' id='animate-css' href='/static/index/css/animate.css' type='text/css' media='all' />
  15. <link rel='stylesheet' id='fontello-css' href='/static/index/css/fontello.css' type='text/css' media='all' />
  16. <link rel='stylesheet' id='bootstrap-css' href='/static/index/css/bootstrap.min.css' type='text/css' media='all' />
  17. <link rel='stylesheet' id='Grace-style-css' href='/static/index/css/style.css' type='text/css' media='all' />
  18. <!--Prefetch是DNS预获取。设置DNS预获取(dns-prefetch)有两个作用:1、减少DNS的请求次数,2、进行DNS预先获取。-->
  19. <script src="/static/index/js/jquery.js"></script>
  20. <!--[if lt IE 9]>
  21. <script type='text/javascript' src='/static/index/js/html5shiv.js'></script>
  22. <![endif]-->
  23. <!--[if lt IE 9]>
  24. <script type='text/javascript' src='/static/index/js/respond.min.js'></script>
  25. <![endif]-->
  26. <style>
  27. #page-content{
  28. background-image: url("/static/index/images/timg.jpg");/*背景图片*/
  29. }
  30. #header{
  31. background-color:#f9fcff;
  32. }
  33. </style>
  34. </head>
  35. <body class="home blog off-canvas-nav-left">
  36. <div id="header" class=" navbar-fixed-top">
  37. <div class="container">
  38. <h1 class="logo" style="font-size: 30px; padding-top: 23px;">爱生活博客</h1>
  39. <div role="navigation" class="site-nav primary-menu">
  40. <div class="menu-fix-box" >
  41. <ul id="menu-navigation" class="menu">
  42. <li class="menu-item-has-children"><a href="/" title='爱生活博客' alt='爱生活博客'>首页</a></li>
  43. {volist name="column" id="vo"}
  44. <li class="menu-item-has-children">
  45. <a href="{:url('index/articlelb',['column_id'=>$vo.id])}">{$vo.catename}</a>
  46. </li>
  47. {/volist}
  48. </ul>
  49. </div>
  50. </div>
  51. <div class="right-nav" >
  52. <div class="js-toggle-message">
  53. <button id="sitemessage" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="icon-megaphone" title="最新公告"></i> </button>
  54. <div class="dropdown-menu" role="menu" aria-labelledby="sitemessage" >
  55. <ul>
  56. <li><span class="time">05-06</span><a target="_blank" href="/">暂时没有!</a></li>
  57. <!--<li><span class="time">05-06</span><a target="_blank" href="/">还没更新好!</a></li>-->
  58. <!--<li><span class="time">05-05</span><a target="_blank" href="/">还没更新好!</a></li>-->
  59. <!--<li><span class="time">05-05</span><a target="_blank" href="/">还没更新好!</a></li>-->
  60. <!--<li><span class="time">05-05</span><a target="_blank" href="/">还没更新好!</a></li>-->
  61. </ul>
  62. <div class="more-messages"><a target="_blank" href="{:url('index/index')}">更多</a></div>
  63. </div>
  64. </div>
  65. <button class="js-toggle-search"><i class=" icon-search" title="搜索关键词"></i></button>
  66. </div>
  67. </div>
  68. </div>
  69. <div class="search-form"><!--搜索-->
  70. <form name="formsearch" action="{:url('base/searchtop')}" method="post">
  71. <div class="search-form-inner">
  72. <div class="search-form-box">
  73. <input class="form-search" type="text" name="keywords" id='q' placeholder="请输入关键词">
  74. <button type="submit" id="btn-search"><i class="icon-search" ></i> </button>
  75. </div>
  76. </div>
  77. </form>
  78. <div class="close-search"> <span class="close-top"></span> <span class="close-bottom"></span> </div>
  79. </div>
  80. <style>
  81. .search-commend a{
  82. text-transform: uppercase;
  83. -webkit-transition: all .3s ease;
  84. -o-transition: all .3s ease;
  85. transition: all .3s ease;
  86. display: inline-block;
  87. vertical-align: top;
  88. font-size: 13px;
  89. line-height: 20px;
  90. padding: 4px 15px;
  91. margin: 0 8px 8px 0;
  92. border: 1px solid #e0e0e0;
  93. border-radius: 2px;
  94. color: rgba(0,0,0,.44);
  95. background-color: rgba(255,255,255,.97);
  96. }
  97. </style>
  98. <script type='text/javascript' src='/static/index/js/jquery.sticky-kit.min.js'></script>
  99. <script type='text/javascript' src='/static/index/js/bootstrap.min.js'></script>
  100. <script type='text/javascript' src='/static/index/js/jquery.mcustomscrollbar.concat.min.js'></script>
  101. <script type='text/javascript'>
  102. /* <![CDATA[ */
  103. var suxingme_url = {"roll":"1","headfixed":"1","slidestyle":"index_slide_sytle_4","wow":"1"};
  104. /* ]]> */
  105. </script>
  106. <script type='text/javascript' src='/static/index/js/suxingme.js'></script>
  107. <script type='text/javascript' src='/static/index/js/jquery.bootstrap-autohidingnavbar.min.js'></script>
  108. <script type='text/javascript' src='/static/index/js/owl.carousel.min.js'></script>
  109. <script type='text/javascript' src='/static/index/js/wow.min.js'></script>
  110. <script>
  111. (function(){
  112. var bp = document.createElement('script');
  113. var curProtocol = window.location.protocol.split(':')[0];
  114. if (curProtocol === 'https') {
  115. bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
  116. }
  117. else {
  118. bp.src = 'http://push.zhanzhang.baidu.com/push.js';
  119. }
  120. var s = document.getElementsByTagName("script")[0];
  121. s.parentNode.insertBefore(bp, s);
  122. })();
  123. </script>
  124. </body>
  125. </html>