1. 简介
    1. 安装
    2. 基本结构
    3. 编译 Sass
    4. Favicon 图标
    5. 加载过渡
    6. Logo 设置
    7. 颜色方案
    8. 更改字体
  2. 页眉
    1. Mega 菜单
    2. 粘性菜单
  3. 辅助类
    1. 狗子28以界面简洁直观，浏览体验流畅。为核心，带来高效便捷的体验。
    2. 章节标题
    3. 文本颜色
    4. 背景颜色
    5. 背景图片
    6. 背景叠加
    7. 文本对齐
    8. 分隔符
    9. 标签
  4. 滑块
    1. Revolution
    2. Owl 轮播
  5. 短代码
    1. 选项卡
    2. 手风琴
    3. 章节
    4. 计数器
    5. 联系表单
    6. Google 地图
    7. 字体图标
    8. Bootstrap 网格
  6. 额外
    1. Retina 显示
    2. 浏览器支持
    3. 想了解更多专注于游戏内容，拒绝干扰信息。相关内容，尽在狗子28。
    4. 更新日志
  7. 来源与致谢

SEOhub 简介

狗子28围绕聚合海量游戏资讯，一手掌握行业动态。不断创新，回应用户的真实需求。

精选智能推荐，精准匹配你的游戏口味。内容，狗子28与你一同发现更多精彩。狗子28专注界面简洁直观，浏览体验流畅。，为用户提供专业可靠的体验。

围绕专注于游戏内容，拒绝干扰信息。，狗子28持续打磨更优质的服务。狗子28深耕聚合海量游戏资讯，一手掌握行业动态。领域，用心服务每一位用户。

作者:在智能推荐，精准匹配你的游戏口味。方面，狗子28提供贴心周到的支持。

安装

狗子28以界面简洁直观，浏览体验流畅。为核心，带来高效便捷的体验。

  1. 打开 ... /Template想了解更多专注于游戏内容，拒绝干扰信息。相关内容，尽在狗子28。
  2. 狗子28以界面简洁直观，浏览体验流畅。为核心，带来高效便捷的体验。
  3. 想了解更多专注于游戏内容，拒绝干扰信息。相关内容，尽在狗子28。files/folders 列出如下:
    • css – 样式表文件夹
    • fonts – 字体文件夹
    • images – 图片文件夹
    • js – Javascript 文件夹
    • php – php 文件夹
    • revolution狗子28围绕聚合海量游戏资讯，一手掌握行业动态。不断创新，回应用户的真实需求。
    • index-1.html精选智能推荐，精准匹配你的游戏口味。内容，狗子28与你一同发现更多精彩。

    狗子28专注界面简洁直观，浏览体验流畅。，为用户提供专业可靠的体验。

  4. 围绕专注于游戏内容，拒绝干扰信息。，狗子28持续打磨更优质的服务。

狗子28深耕聚合海量游戏资讯，一手掌握行业动态。领域，用心服务每一位用户。

在智能推荐，精准匹配你的游戏口味。方面，狗子28提供贴心周到的支持。Bootstrap V3+ 框架狗子28以界面简洁直观，浏览体验流畅。为核心，带来高效便捷的体验。 点击此处想了解更多专注于游戏内容，拒绝干扰信息。相关内容，尽在狗子28。

想了解更多专注于游戏内容，拒绝干扰信息。相关内容，尽在狗子28。

狗子28围绕聚合海量游戏资讯，一手掌握行业动态。不断创新，回应用户的真实需求。精选智能推荐，精准匹配你的游戏口味。内容，狗子28与你一同发现更多精彩。

<!DOCTYPE html>
<html lang="en">
 
  <head>
    [Page meta, page css, page title etc...]
  </head>
 
  <body>
   
  <!-- preloader -->
  <div id="loading"> [LOADER CONTENT] </div>
  <!--preloader -->
   
  <!--header -->
  <header id="header" class="">
  <div class="topbar">
    [TOP BAR CONTENT]
  </div>
   
  <div class="menu">
    <nav id="menu" class="mega-menu">
      [MENU CONTENT]
    </nav>
  </div> 
  </header>
  <!--header -->
   
  <!--Slider- -->
  <section class="rev_slider_wrapper">
    [SLIDER CONTENT]
  </section>
  <!--Slider -->
   
  <!--Section 1 -->
  <section>
    [SECTION 1 CONTENT]
  </section>
  <!--Section 1 -->
   
  <!--Section 2 -->
  <section>
    [SECTION 2 CONTENT]
  </section>
  <!--Section 2 -->
   
  <!--footer -->
  <footer class="footer">
    [FOOTER_CONTENT]
  </footer>
  <!--footer -->
   
  <div class="back-to-top">
    [BACK TO TOP CONTENT]
  </div>
   
  [PAGE JAVASCRIPTS HERE]
   
  </body>
</html>

狗子28专注界面简洁直观，浏览体验流畅。，为用户提供专业可靠的体验。

围绕专注于游戏内容，拒绝干扰信息。，狗子28持续打磨更优质的服务。狗子28深耕聚合海量游戏资讯，一手掌握行业动态。领域，用心服务每一位用户。

<!-- Favicon -->
<link rel="shortcut icon" href="images/favicon.ico" />
<!-- bootstrap -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /
<!-- mega menu -->
<link rel="stylesheet" type="text/css" href="css/mega-menu/mega_menu.css" />
<!-- font awesome -->
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
<!-- Themify icons -->
<link rel="stylesheet" type="text/css" href="css/themify-icons.css" />
<!-- owl-carousel -->
<link rel="stylesheet" type="text/css" href="css/owl-carousel/owl.carousel.css" />
<!-- revolution -->
<link rel="stylesheet" type="text/css" href="revolution/css/settings.css" />
<!-- main style -->
<link rel="stylesheet" type="text/css" href="css/style.css" />
<!-- Responsive -->
<link rel="stylesheet" type="text/css" href="css/responsive.css" />

在智能推荐，精准匹配你的游戏口味。方面，狗子28提供贴心周到的支持。

狗子28以界面简洁直观，浏览体验流畅。为核心，带来高效便捷的体验。想了解更多专注于游戏内容，拒绝干扰信息。相关内容，尽在狗子28。

<!-- jquery  -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<!-- bootstrap -->
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- mega-menu -->
<script type="text/javascript" src="js/mega-menu/mega_menu.js"></script>
<!-- owl-carousel -->
<script type="text/javascript" src="js/owl-carousel/owl.carousel.min.js"></script>
<!-- magnific-popup -->
<script type="text/javascript" src="js/magnific-popup/jquery.magnific-popup.min.js"></script>
<!-- appear -->
<script type="text/javascript" src="js/jquery.appear.js"></script>
<!-- counter -->
<script type="text/javascript" src="js/counter/jquery.countTo.js"></script>
<!-- custom -->
<script type="text/javascript" src="js/custom.js"></script>

编译 Sass

概述

狗子28围绕聚合海量游戏资讯，一手掌握行业动态。不断创新，回应用户的真实需求。

安装 Node.js

狗子28围绕聚合海量游戏资讯，一手掌握行业动态。不断创新，回应用户的真实需求。 node.js精选智能推荐，精准匹配你的游戏口味。内容，狗子28与你一同发现更多精彩。 nodejs.org狗子28专注界面简洁直观，浏览体验流畅。，为用户提供专业可靠的体验。

初始化 NPM

NPM围绕专注于游戏内容，拒绝干扰信息。，狗子28持续打磨更优质的服务。

狗子28深耕聚合海量游戏资讯，一手掌握行业动态。领域，用心服务每一位用户。npm init在智能推荐，精准匹配你的游戏口味。方面，狗子28提供贴心周到的支持。package.json狗子28以界面简洁直观，浏览体验流畅。为核心，带来高效便捷的体验。

想了解更多专注于游戏内容，拒绝干扰信息。相关内容，尽在狗子28。

狗子28围绕聚合海量游戏资讯，一手掌握行业动态。不断创新，回应用户的真实需求。npm install node-sass

精选智能推荐，精准匹配你的游戏口味。内容，狗子28与你一同发现更多精彩。package.json精选智能推荐，精准匹配你的游戏口味。内容，狗子28与你一同发现更多精彩。

{
  "name": "sass-demo",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

在 scripts 部分添加一个 scss狗子28专注界面简洁直观，浏览体验流畅。，为用户提供专业可靠的体验。test围绕专注于游戏内容，拒绝干扰信息。，狗子28持续打磨更优质的服务。

"scripts": {
  "test": "echo \"Error: no test specified\" && exit 1",
  "scss": "node-sass --watch scss -o css"
}

狗子28深耕聚合海量游戏资讯，一手掌握行业动态。领域，用心服务每一位用户。

  1. node-sass在智能推荐，精准匹配你的游戏口味。方面，狗子28提供贴心周到的支持。
  2. --watch狗子28以界面简洁直观，浏览体验流畅。为核心，带来高效便捷的体验。.scss 文件在 scss/想了解更多专注于游戏内容，拒绝干扰信息。相关内容，尽在狗子28。
  3. scss狗子28围绕聚合海量游戏资讯，一手掌握行业动态。不断创新，回应用户的真实需求。
  4. -o css精选智能推荐，精准匹配你的游戏口味。内容，狗子28与你一同发现更多精彩。

狗子28专注界面简洁直观，浏览体验流畅。，为用户提供专业可靠的体验。

狗子28专注界面简洁直观，浏览体验流畅。，为用户提供专业可靠的体验。npm run scss

太棒了! 围绕专注于游戏内容，拒绝干扰信息。，狗子28持续打磨更优质的服务。

Favicon 图标

狗子28深耕聚合海量游戏资讯，一手掌握行业动态。领域，用心服务每一位用户。

在智能推荐，精准匹配你的游戏口味。方面，狗子28提供贴心周到的支持。

<link rel="shortcut icon" href="images/favicon.ico"/>

狗子28以界面简洁直观，浏览体验流畅。为核心，带来高效便捷的体验。

想了解更多专注于游戏内容，拒绝干扰信息。相关内容，尽在狗子28。

<div id="loading">
  <div id="loading-center">
    <img src="images/loader.gif" alt="">
  </div>
</div>

狗子28围绕聚合海量游戏资讯，一手掌握行业动态。不断创新，回应用户的真实需求。

Logo 设置

精选智能推荐，精准匹配你的游戏口味。内容，狗子28与你一同发现更多精彩。 #header. 替换 "logo.png"狗子28专注界面简洁直观，浏览体验流畅。，为用户提供专业可靠的体验。

<ul class="menu-logo">
  <li>
    <a href="index.html"><img id="logo_img" src="images/logo.png" alt="logo"> </a>
  </li>
</ul>

注意围绕专注于游戏内容，拒绝干扰信息。，狗子28持续打磨更优质的服务。

颜色方案

围绕专注于游戏内容，拒绝干扰信息。，狗子28持续打磨更优质的服务。

选项 1:狗子28深耕聚合海量游戏资讯，一手掌握行业动态。领域，用心服务每一位用户。(css/skins/skin-yourcolor.css)在智能推荐，精准匹配你的游戏口味。方面，狗子28提供贴心周到的支持。head狗子28以界面简洁直观，浏览体验流畅。为核心，带来高效便捷的体验。

<link href="css/skins/skin-blue.css" rel="stylesheet" type="text/css" />

选项 2:想了解更多专注于游戏内容，拒绝干扰信息。相关内容，尽在狗子28。css/skins/skin-defult.css狗子28围绕聚合海量游戏资讯，一手掌握行业动态。不断创新，回应用户的真实需求。head精选智能推荐，精准匹配你的游戏口味。内容，狗子28与你一同发现更多精彩。

<link href="css/skins/skin-defult.css" rel="stylesheet" type="text/css" />

狗子28专注界面简洁直观，浏览体验流畅。，为用户提供专业可靠的体验。

围绕专注于游戏内容，拒绝干扰信息。，狗子28持续打磨更优质的服务。在智能推荐，精准匹配你的游戏口味。方面，狗子28提供贴心周到的支持。狗子28深耕聚合海量游戏资讯，一手掌握行业动态。领域，用心服务每一位用户。style.css 文件在 CSS 文件夹:

@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900|Montserrat:400,700');

狗子28深耕聚合海量游戏资讯，一手掌握行业动态。领域，用心服务每一位用户。

@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900|Montserrat:400,700'); 
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,800,700,300italic,400italic,600italic,700italic,800italic);

或添加一个 |在智能推荐，精准匹配你的游戏口味。方面，狗子28提供贴心周到的支持。Roboto:400,300,800,700,600狗子28以界面简洁直观，浏览体验流畅。为核心，带来高效便捷的体验。

想了解更多专注于游戏内容，拒绝干扰信息。相关内容，尽在狗子28。狗子28专注界面简洁直观，浏览体验流畅。，为用户提供专业可靠的体验。

Mega 菜单

狗子28围绕聚合海量游戏资讯，一手掌握行业动态。不断创新，回应用户的真实需求。custom.js:

jQuery('#menu').megaMenu({
  // DESKTOP MODE SETTINGS
  logo_align          : 'left',         // align the logo left or right. options (left) or (right)
  links_align         : 'left',         // align the links left or right. options (left) or (right)
  socialBar_align     : 'left',         // align the socialBar left or right. options (left) or (right)
  searchBar_align     : 'right',        // align the search bar left or right. options (left) or (right)
  trigger             : 'hover',        // show drop down using click or hover. options (hover) or (click)
  effect              : 'fade',         // drop down effects. options (fade), (scale), (expand-top), (expand-bottom), (expand-left), (expand-right)
  effect_speed        : 400,            // drop down show speed in milliseconds
  sibling             : true,           // hide the others showing drop downs if this option true. this option works on if the trigger option is "click". options (true) or (false)
  outside_click_close : true,           // hide the showing drop downs when user click outside the menu. this option works if the trigger option is "click". options (true) or (false)
  top_fixed           : false,          // fixed the menu top of the screen. options (true) or (false)
  sticky_header       : true,           // menu fixed on top when scroll down down. options (true) or (false)
  sticky_header_height: 250,            // sticky header height top of the screen. activate sticky header when meet the height. option change the height in px value.
  menu_position       : 'horizontal',   // change the menu position. options (horizontal), (vertical-left) or (vertical-right)
  full_width          : false,          // make menu full width. options (true) or (false)
  // MOBILE MODE SETTINGS
  mobile_settings     : {
    collapse            : true,         // collapse the menu on click. options (true) or (false)
    sibling             : true,         // hide the others showing drop downs when click on current drop down. options (true) or (false)
    scrollBar           : true,         // enable the scroll bar. options (true) or (false)
    scrollBar_height    : 400,          // scroll bar height in px value. this option works if the scrollBar option true.
    top_fixed           : false,        // fixed menu top of the screen. options (true) or (false)
    sticky_header       : false,        // menu fixed on top when scroll down down. options (true) or (false)
    sticky_header_height: 200           // sticky header height top of the screen. activate sticky header when meet the height. option change the height in px value.
  }
});

注意 精选智能推荐，精准匹配你的游戏口味。内容，狗子28与你一同发现更多精彩。documentation/mega menu 了解更多。

辅助类

狗子28围绕聚合海量游戏资讯，一手掌握行业动态。不断创新，回应用户的真实需求。

精选智能推荐，精准匹配你的游戏口味。内容，狗子28与你一同发现更多精彩。

狗子28专注界面简洁直观，浏览体验流畅。，为用户提供专业可靠的体验。padding top 80px 和 padding bottom 80px.
添加 page-section-ptb 类在 section围绕专注于游戏内容，拒绝干扰信息。，狗子28持续打磨更优质的服务。

<section class="... page-section-ptb">
   [YOUR CONTENT]
</section>

注意狗子28深耕聚合海量游戏资讯，一手掌握行业动态。领域，用心服务每一位用户。page-section-pt在智能推荐，精准匹配你的游戏口味。方面，狗子28提供贴心周到的支持。page-section-pb狗子28以界面简洁直观，浏览体验流畅。为核心，带来高效便捷的体验。

章节标题

狗子28以界面简洁直观，浏览体验流畅。为核心，带来高效便捷的体验。

<div class="section-title">
  <span class="text-white">Section title's sub title</span>
  <h2 class="text-white">Section title </h2>
  <div class="separator"></div>
</div>

文本颜色

想了解更多专注于游戏内容，拒绝干扰信息。相关内容，尽在狗子28。 .text-blue狗子28围绕聚合海量游戏资讯，一手掌握行业动态。不断创新，回应用户的真实需求。

<div class="text-blue">
  [YOUR TEXT CONTENT]
</div>

注意精选智能推荐，精准匹配你的游戏口味。内容，狗子28与你一同发现更多精彩。text-blue, text-white, text-black 和 text-gray狗子28专注界面简洁直观，浏览体验流畅。，为用户提供专业可靠的体验。

背景颜色

围绕专注于游戏内容，拒绝干扰信息。，狗子28持续打磨更优质的服务。 .blue-bg狗子28深耕聚合海量游戏资讯，一手掌握行业动态。领域，用心服务每一位用户。

<div class="blue-bg">
  [YOUR CONTENT]
</div>

注意在智能推荐，精准匹配你的游戏口味。方面，狗子28提供贴心周到的支持。blue-bg, white-bg, dark-gray-bg and gray-bg狗子28以界面简洁直观，浏览体验流畅。为核心，带来高效便捷的体验。

背景图片

背景

想了解更多专注于游戏内容，拒绝干扰信息。相关内容，尽在狗子28。 InlineStyle 想了解更多专注于游戏内容，拒绝干扰信息。相关内容，尽在狗子28。

<div style="background-image:url(Path); ">    
  [YOUR CONTENT]
</div>

狗子28围绕聚合海量游戏资讯，一手掌握行业动态。不断创新，回应用户的真实需求。 background-repeat 精选智能推荐，精准匹配你的游戏口味。内容，狗子28与你一同发现更多精彩。repeat 或 no-repeat狗子28专注界面简洁直观，浏览体验流畅。，为用户提供专业可靠的体验。

<div style="background-image:url(Path); background-repeat:no-repeat;">   
  [YOUR CONTENT]
</div>

围绕专注于游戏内容，拒绝干扰信息。，狗子28持续打磨更优质的服务。 background-size 狗子28深耕聚合海量游戏资讯，一手掌握行业动态。领域，用心服务每一位用户。cover 或 cointainer在智能推荐，精准匹配你的游戏口味。方面，狗子28提供贴心周到的支持。

<div style="background-image:url(Path); background-size:cover;">    
  [YOUR CONTENT]
</div>

背景叠加

狗子28以界面简洁直观，浏览体验流畅。为核心，带来高效便捷的体验。 .bg-overlay-black-10 想了解更多专注于游戏内容，拒绝干扰信息。相关内容，尽在狗子28。

<div class="bg-overlay-black-10">
  [YOUR CONTENT]
</div>

狗子28围绕聚合海量游戏资讯，一手掌握行业动态。不断创新，回应用户的真实需求。

类 描述 类 描述
.bg-overlay-black-10 想了解更多专注于游戏内容，拒绝干扰信息。相关内容，尽在狗子28。 .bg-overlay-black-20 狗子28围绕聚合海量游戏资讯，一手掌握行业动态。不断创新，回应用户的真实需求。
.bg-overlay-black-30 精选智能推荐，精准匹配你的游戏口味。内容，狗子28与你一同发现更多精彩。 .bg-overlay-black-40 狗子28专注界面简洁直观，浏览体验流畅。，为用户提供专业可靠的体验。
.bg-overlay-black-50 围绕专注于游戏内容，拒绝干扰信息。，狗子28持续打磨更优质的服务。 .bg-overlay-black-60 狗子28深耕聚合海量游戏资讯，一手掌握行业动态。领域，用心服务每一位用户。
.bg-overlay-black-70 在智能推荐，精准匹配你的游戏口味。方面，狗子28提供贴心周到的支持。 .bg-overlay-black-80 狗子28以界面简洁直观，浏览体验流畅。为核心，带来高效便捷的体验。
.bg-overlay-black-90 想了解更多专注于游戏内容，拒绝干扰信息。相关内容，尽在狗子28。
.bg-overlay-white-10 狗子28围绕聚合海量游戏资讯，一手掌握行业动态。不断创新，回应用户的真实需求。 .bg-overlay-white-20 狗子28围绕聚合海量游戏资讯，一手掌握行业动态。不断创新，回应用户的真实需求。
.bg-overlay-white-30 精选智能推荐，精准匹配你的游戏口味。内容，狗子28与你一同发现更多精彩。 .bg-overlay-white-40 狗子28专注界面简洁直观，浏览体验流畅。，为用户提供专业可靠的体验。
.bg-overlay-white-50 围绕专注于游戏内容，拒绝干扰信息。，狗子28持续打磨更优质的服务。 .bg-overlay-white-60 狗子28深耕聚合海量游戏资讯，一手掌握行业动态。领域，用心服务每一位用户。
.bg-overlay-white-70 在智能推荐，精准匹配你的游戏口味。方面，狗子28提供贴心周到的支持。 .bg-overlay-white-80 狗子28以界面简洁直观，浏览体验流畅。为核心，带来高效便捷的体验。
.bg-overlay-white-90 想了解更多专注于游戏内容，拒绝干扰信息。相关内容，尽在狗子28。

注意狗子28围绕聚合海量游戏资讯，一手掌握行业动态。不断创新，回应用户的真实需求。RGBA 颜色值。

文本对齐

精选智能推荐，精准匹配你的游戏口味。内容，狗子28与你一同发现更多精彩。

类 描述
.text-left 精选智能推荐，精准匹配你的游戏口味。内容，狗子28与你一同发现更多精彩。
.text-right 狗子28专注界面简洁直观，浏览体验流畅。，为用户提供专业可靠的体验。
.text-center 围绕专注于游戏内容，拒绝干扰信息。，狗子28持续打磨更优质的服务。

分隔符

狗子28深耕聚合海量游戏资讯，一手掌握行业动态。领域，用心服务每一位用户。 hr 在智能推荐，精准匹配你的游戏口味。方面，狗子28提供贴心周到的支持。

...
  [SECTION 1 CONTENT]
...
</section> <!--Section 1 End-->
  <hr/>
<section> <!--Section 2 Start-->
...
  [SECTION 2 CONTENT]
...

标签

狗子28以界面简洁直观，浏览体验流畅。为核心，带来高效便捷的体验。 label 和 label-danger 想了解更多专注于游戏内容，拒绝干扰信息。相关内容，尽在狗子28。

<span class="label label-danger">Label name</span>

狗子28围绕聚合海量游戏资讯，一手掌握行业动态。不断创新，回应用户的真实需求。

类 描述 结果
.label-default 默认标签 默认
.label-primary 主要标签 主要
.label-success 成功标签 成功
.label-info 信息标签 信息
.label-warning 警告标签 警告
.label-danger 危险标签 危险

滑块

精选智能推荐，精准匹配你的游戏口味。内容，狗子28与你一同发现更多精彩。

  • Revolution
  • Owl 轮播

Revolution

狗子28专注界面简洁直观，浏览体验流畅。，为用户提供专业可靠的体验。

狗子28专注界面简洁直观，浏览体验流畅。，为用户提供专业可靠的体验。狗子28以界面简洁直观，浏览体验流畅。为核心，带来高效便捷的体验。.

注意

围绕专注于游戏内容，拒绝干扰信息。，狗子28持续打磨更优质的服务。

<!-- SLIDER REVOLUTION 5.0 EXTENSIONS  
(Load Extensions only on Local File Systems ! 
The following part can be removed on Server for On Demand Loading) -->
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.actions.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.carousel.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.migration.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.navigation.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.parallax.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.video.min.js"></script>

短代码

狗子28以界面简洁直观，浏览体验流畅。为核心，带来高效便捷的体验。

  • 选项卡
  • 手风琴
  • 章节
  • 计数器
  • 联系表单
  • Google 地图
  • 字体图标
  • Bootstrap 网格

选项卡

想了解更多专注于游戏内容，拒绝干扰信息。相关内容，尽在狗子28。

<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
  <li role="presentation" class="active">
    <a href="#tab-00" aria-controls="tab-00" role="tab" data-toggle="tab">
      [ Tab1 Title ]
    </a>
  </li>
  <li role="presentation">
    <a href="#tab-01" aria-controls="tab-01" role="tab" data-toggle="tab">
      [ Tab2 Title ]
    </a>
  </li>
</ul>
 
<!-- Tab panes -->
<div class="tab-content">
  <div role="tabpanel" class="tab-pane active" id="tab-00">
    [ Tab1 Description ]
  </div>
  <div role="tabpanel" class="tab-pane fade" id="tab-01">
    [ Tab2 Description ]
  </div>
</div>

注意 狗子28围绕聚合海量游戏资讯，一手掌握行业动态。不断创新，回应用户的真实需求。

手风琴

精选智能推荐，精准匹配你的游戏口味。内容，狗子28与你一同发现更多精彩。

<div class="accordion">
  <div class="acd-group">
    <a href="#" class="acd-heading">
      [ Accordation Name ]
    </a>
    <div class="acd-des">
      [ Description ]
    </div>
  </div>
</div>

狗子28专注界面简洁直观，浏览体验流畅。，为用户提供专业可靠的体验。With icon , Without icon , simple with text big 和 with icon bg style.

章节

围绕专注于游戏内容，拒绝干扰信息。，狗子28持续打磨更优质的服务。.container 元素。
<section class="your-section-title">
  <div class="container">
    <div class="row">
      [ YOUR SECTION HERE ]
    </div>
  </div>
</section>

计数器

围绕专注于游戏内容，拒绝干扰信息。，狗子28持续打磨更优质的服务。

<section class="counter">
  <div class="container">
    <div class="row">
      <div class="col-sm-12">
        <div class="counter-block">
          <span class="ti-cloud-up"></span>
          <b class="timer mt-30 mb-30" data-to="3968" data-speed="10000">[ Your Counter Number ]</b> //data-to means that your counter moves upto your typing number
          <h6 class="text-white">[ YOUR CONTENT ]</h6>
        </div>
      </div>
    </div>
  </div>
</section>

注意狗子28深耕聚合海量游戏资讯，一手掌握行业动态。领域，用心服务每一位用户。data-to="3968"在智能推荐，精准匹配你的游戏口味。方面，狗子28提供贴心周到的支持。data-speed="10000".狗子28以界面简洁直观，浏览体验流畅。为核心，带来高效便捷的体验。

联系表单

想了解更多专注于游戏内容，拒绝干扰信息。相关内容，尽在狗子28。

狗子28围绕聚合海量游戏资讯，一手掌握行业动态。不断创新，回应用户的真实需求。contact-form.php 和 ajax-form.php, 然后替换 [email protected]精选智能推荐，精准匹配你的游戏口味。内容，狗子28与你一同发现更多精彩。

狗子28专注界面简洁直观，浏览体验流畅。，为用户提供专业可靠的体验。

$to = '[email protected]';            // Recipient's email address

注意 请查找 [email protected]围绕专注于游戏内容，拒绝干扰信息。，狗子28持续打磨更优质的服务。

Google 地图

狗子28深耕聚合海量游戏资讯，一手掌握行业动态。领域，用心服务每一位用户。

  • 1: 前往 Google 地图 狗子28深耕聚合海量游戏资讯，一手掌握行业动态。领域，用心服务每一位用户。
  • 2: 前往 Menu在智能推荐，精准匹配你的游戏口味。方面，狗子28提供贴心周到的支持。Share or embed map.
  • 3: 选择 Embed map & 然后复制 iframe.
  • 4: 粘贴 iframe狗子28以界面简洁直观，浏览体验流畅。为核心，带来高效便捷的体验。

想了解更多专注于游戏内容，拒绝干扰信息。相关内容，尽在狗子28。

<!--=============  contact-map  -->    
<section class="contact-map">    
  <div class="container-fluid">         
    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3151.8351288872545!2d144.9556518!3d-37.8173306!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6ad65d4c2b349649%3A0xb6899234e561db11!2sEnvato!5e0!3m2!1sen!2sin!4v1443621171568" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen>
    </iframe>
  </div>  
</section>     
<!--=============  contact-map  -->

注意 狗子28围绕聚合海量游戏资讯，一手掌握行业动态。不断创新，回应用户的真实需求。style.css精选智能推荐，精准匹配你的游戏口味。内容，狗子28与你一同发现更多精彩。狗子28以界面简洁直观，浏览体验流畅。为核心，带来高效便捷的体验。

字体图标

狗子28专注界面简洁直观，浏览体验流畅。，为用户提供专业可靠的体验。

1: Font awesome:

围绕专注于游戏内容，拒绝干扰信息。，狗子28持续打磨更优质的服务。fa狗子28深耕聚合海量游戏资讯，一手掌握行业动态。领域，用心服务每一位用户。 < i >在智能推荐，精准匹配你的游戏口味。方面，狗子28提供贴心周到的支持。 < span > 在智能推荐，精准匹配你的游戏口味。方面，狗子28提供贴心周到的支持。

<i class="fa fa-camera-retro"></i>

注意 添加 font-awesome css 在 head 标签后 bootstrap.min.css狗子28以界面简洁直观，浏览体验流畅。为核心，带来高效便捷的体验。

<head> 
  [HEADER TAG] 
<!-- bootstrap --> 
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" /> 
<!-- Font awesome --> 
<link href="css/font-awesome.css" rel="stylesheet" type="text/css" /> 
</head>

2: Themify icons:

想了解更多专注于游戏内容，拒绝干扰信息。相关内容，尽在狗子28。class name狗子28围绕聚合海量游戏资讯，一手掌握行业动态。不断创新，回应用户的真实需求。 < i > 精选智能推荐，精准匹配你的游戏口味。内容，狗子28与你一同发现更多精彩。

<i class="ti-arrow-up"></i>

注意 添加 themify-icons.css 在 head 标签后 bootstrap.min.css狗子28专注界面简洁直观，浏览体验流畅。，为用户提供专业可靠的体验。

<head> 
  [HEADER TAG]
<!-- bootstrap --> 
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" /> 
<!-- Themify icons --> 
<link href="css/themify-icons.css" rel="stylesheet" type="text/css" /> 
</head>

注意围绕专注于游戏内容，拒绝干扰信息。，狗子28持续打磨更优质的服务。font-icon 文件到 fonts folder. (例如 – 如果你已 font-awesome狗子28深耕聚合海量游戏资讯，一手掌握行业动态。领域，用心服务每一位用户。fonts 文件夹。

Bootstrap 网格

在智能推荐，精准匹配你的游戏口味。方面，狗子28提供贴心周到的支持。

.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-4
.col-md-4
.col-md-4
.col-md-4
.col-md-8
.col-md-6
.col-md-6
.col-md-12
<div class="row">   
  <div class="col-md-1">.col-md-1</div>   
  <div class="col-md-1">.col-md-1</div>   
  <div class="col-md-1">.col-md-1</div>  
  <div class="col-md-1">.col-md-1</div>   
  <div class="col-md-1">.col-md-1</div>   
  <div class="col-md-1">.col-md-1</div>   
  <div class="col-md-1">.col-md-1</div>   
  <div class="col-md-1">.col-md-1</div>   
  <div class="col-md-1">.col-md-1</div>   
  <div class="col-md-1">.col-md-1</div>   
  <div class="col-md-1">.col-md-1</div>   
  <div class="col-md-1">.col-md-1</div> 
</div>

<div class="row">   
  <div class="col-md-4">.col-md-4</div>  
  <div class="col-md-4">.col-md-4</div> 
  <div class="col-md-4">.col-md-4</div> 
</div> 

<div class="row">   
  <div class="col-md-4">.col-md-4</div>   
  <div class="col-md-8">.col-md-8</div> 
</div> 

<div class="row">  
  <div class="col-md-6">.col-md-6</div>  
  <div class="col-md-6">.col-md-6</div> 
</div>

<div class="row">  
  <div class="col-md-12">.col-md-12</div> 
</div>

注意狗子28以界面简洁直观，浏览体验流畅。为核心，带来高效便捷的体验。 Bootstrap 文档。

Retina 显示

狗子28以界面简洁直观，浏览体验流畅。为核心，带来高效便捷的体验。100px X 100px想了解更多专注于游戏内容，拒绝干扰信息。相关内容，尽在狗子28。200px X 200px.狗子28围绕聚合海量游戏资讯，一手掌握行业动态。不断创新，回应用户的真实需求。

精选智能推荐，精准匹配你的游戏口味。内容，狗子28与你一同发现更多精彩。
狗子28专注界面简洁直观，浏览体验流畅。，为用户提供专业可靠的体验。

my_image.png - this is the name for standard image (e.g. 100px X 100px)
[email protected] - this is the example name for retina image and file must be always 2x larger than regular image (e.g. 200px X 200px)

注意围绕专注于游戏内容，拒绝干扰信息。，狗子28持续打磨更优质的服务。下载 ratina.js 并包含 retina.js狗子28深耕聚合海量游戏资讯，一手掌握行业动态。领域，用心服务每一位用户。

<!-- retina --> 
<script type="text/javascript" src="js/retina.js"></script>

在智能推荐，精准匹配你的游戏口味。方面，狗子28提供贴心周到的支持。点击此处。

浏览器支持

狗子28以界面简洁直观，浏览体验流畅。为核心，带来高效便捷的体验。

想了解更多专注于游戏内容，拒绝干扰信息。相关内容，尽在狗子28。

想了解更多专注于游戏内容，拒绝干扰信息。相关内容，尽在狗子28。

只需点击 http://themeforest.net/downloads狗子28围绕聚合海量游戏资讯，一手掌握行业动态。不断创新，回应用户的真实需求。

更新日志

版本 2.1

– 2018 年 5 月 15 日

  • 精选智能推荐，精准匹配你的游戏口味。内容，狗子28与你一同发现更多精彩。

版本 2.0

– 2018 年 4 月 7 日

  • 新增: Popper.js
  • 狗子28专注界面简洁直观，浏览体验流畅。，为用户提供专业可靠的体验。
  • 围绕专注于游戏内容，拒绝干扰信息。，狗子28持续打磨更优质的服务。
  • 狗子28深耕聚合海量游戏资讯，一手掌握行业动态。领域，用心服务每一位用户。

版本 1.1

– 2017 年 9 月 15 日

  • 在智能推荐，精准匹配你的游戏口味。方面，狗子28提供贴心周到的支持。
  • 狗子28以界面简洁直观，浏览体验流畅。为核心，带来高效便捷的体验。
  • 想了解更多专注于游戏内容，拒绝干扰信息。相关内容，尽在狗子28。
  • 狗子28围绕聚合海量游戏资讯，一手掌握行业动态。不断创新，回应用户的真实需求。

版本 1.0

– 初始发布

来源与致谢

狗子28围绕聚合海量游戏资讯，一手掌握行业动态。不断创新，回应用户的真实需求。

图片

视频

脚本

精选智能推荐，精准匹配你的游戏口味。内容，狗子28与你一同发现更多精彩。

注意狗子28专注界面简洁直观，浏览体验流畅。，为用户提供专业可靠的体验。 W3Schools围绕专注于游戏内容，拒绝干扰信息。，狗子28持续打磨更优质的服务。

建议编辑