雷速体育:您的专业足球资讯助手

雷速体育 - 足球资讯平台

  • 创建日期:2010年
  • 最后更新:

快速入门指南

本模板为静态网站,不提供安装服务。

雷速体育:您的专业足球资讯助手 is a Responsive quick and easy customizable Modern Multipurpose SaaS, Startup & Software Landing Page Template that comes with 12+ valid HTML5 pages and 6+ home page variations. 雷速体育:您的专业足球资讯助手 offers numerous awesome features like , 足球赛事、比分、直播、资讯 or your just a 资讯. Well commented code, well-documented file structure and 24/7 professional and ultra-fast Support.

要使用您的信息编辑本模板,您需要一个代码编辑器,我们推荐使用 Sublime Text (http://www.sublimetext.com/3) 和 Google Chrome 浏览器。

本平台易于使用,提供多种主页布局和丰富的页面组件,您也可以轻松创建自定义页面布局(只需复制粘贴示例代码)。

在开始编辑模板并添加您的信息时,建议创建一个单独的文件夹,复制 assets 文件夹和 404.html 页面到其中,将其中一个 index... 文件重命名为 index.html,然后移动并编辑您将使用的页面。此外,为您的自定义编辑创建单独的样式表并在雷速体育 CSS 之后加载是一个好习惯。

部署与配置

请按照以下步骤设置您的平台模板:

  1. 解压下载的压缩包,打开 /HTML 文件夹以查找所有模板文件。您需要使用 FTP 将这些文件上传到您的网站服务器才能在您的网站上使用。
  2. 以下是需要上传到您网站根目录的文件夹结构: HTML/css - 样式表文件 HTML/fonts – 图标字体文件 HTML/img - 图片文件 HTML/js - JavaScript 文件
  3. 您应该根据需要上传所有或部分 HTML 文件。
  4. 您现在可以开始添加内容/图片,为您的用户打造一个全新的精美网站!

核心功能概览

下载文件结构说明

下载模板后,您会看到一个包含多个文件和子文件夹的目录。您可以继续阅读重要文件的说明。

  • 资源文件
    • 样式文件
      • animate.css 动画效果 CSS
      • bootsnav.css 导航栏 CSS
      • bootstrap.min.css Bootstrap 最小化 CSS
      • font-awesome.min.css FontAwesome 图标 CSS
      • magnific-popup.css 弹出窗口 CSS
      • owl.carousel.min.css Owl Carousel 最小化 CSS
      • owl.theme.default.min.css Owl 主题默认 CSS
      • responsive.css 主响应式媒体 CSS
      • plugins.min.css 所有必需 CSS 文件的最小化版本
    • 字体
    • img 放置您的媒体文件,如 Logo、图片、视频等。
    • js
      • bootsnav.js 导航栏 JS
      • bootstrap.min.js Bootstrap 最小化 JS
      • equal-height.min.js区块高度均衡 JS
      • isotope.pkgd.min.js Mixitup Isotop JS
      • jquery.appear.js 出现效果 JS
      • jquery.easing.min.js 缓动效果 JS
      • jquery.magnific-popup.min.js 弹出窗口辅助 JS
      • jquery-1.12.4.min.js Jquery 主 JS
      • modernizr.custom.13711.js Modernizr JS
      • owl.carousel.min.js Owl Carousel JS
      • wow.min.js 动画 WOW JS
      • plugins.min.js 所有必需 JavaScript 文件的最小化版本
      • custom.js 模板主 JS
  • 首页
  • 首页-2
  • ...
  • 样式表

代码结构解析

HTML 文件结构解析

雷速体育采用简洁易于定制的代码结构。以下是供您参考的示例:


<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Boxass - Startup Landing Page Template</title>

    <!-- ========== Start Stylesheet ========== -->
    <link href="assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="assets/css/font-awesome.min.css" rel="stylesheet">
    <link href="assets/css/magnific-popup.css" rel="stylesheet">
    <link href="assets/css/owl.carousel.min.css" rel="stylesheet">
    <link href="assets/css/owl.theme.default.min.css" rel="stylesheet">
    <link href="assets/css/animate.css" rel="stylesheet">
    <link href="assets/css/bootsnav.css" rel="stylesheet">
    <link href="assets/style.css" rel="stylesheet">
    <link href="assets/css/responsive.css" rel="stylesheet">
    <link href="style.css" rel="stylesheet">
  </head>
  

  <body>

    <!-- Start Navigation -->
    <nav class="navbar navbar-default navbar-fixed white no-background bootsnav">

    </nav>
    <!-- End Navigation-->


    <!-- Start Main
    ============================================= --->
    <main>

    </main>
    <!-- END Main Content -->


    <!-- Star Footer
    ============================================= -->
    <footer>

    </footer>
    <!-- End Footer -->


    <!-- jQuery Frameworks
    ============================================= -->
    <script src="assets/js/jquery-1.12.4.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/equal-height.min.js"></script>
    <script src="assets/js/jquery.appear.js"></script>
    <script src="assets/js/jquery.easing.min.js"></script>
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    <script src="assets/js/modernizr.custom.13711.js"></script>
    <script src="assets/js/owl.carousel.min.js"></script>
    <script src="assets/js/wow.min.js"></script>
    <script src="assets/js/bootsnav.js"></script>
    <script src="assets/js/custom.js"></script>

  </body>
</html>

修改联系表单邮箱

修改联系表单邮箱 - 雷速

区块移动与重组

复制与粘贴区块示例

修改联系表单邮箱 - 雷速

字体样式调整

雷速体育使用来自 Google Fonts 库的 Roboto 和 Poppins 字体。您可以通过以下代码调整字体样式。

 @import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
 @import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,800');
                    

重要提示

请仔细阅读以下信息

  • 本模板使用的字体均从 Google 加载。如果您没有互联网连接,字体可能会有所不同(但这并非问题)。
  • 如果您认为文档不足以自定义本模板,请发送邮件至 support@lesu.com。
  • 在寻求任何帮助之前,您需要确保您是本内容的实际购买者。您可以通过以下两种方式证明: 1. 收集一个支持工单并附上您的邮件 2. 登录您的账户后发送截图,以便我们了解您有权从 ThemeForest 下载此内容。

鸣谢

我们非常感谢那些为我们提供帮助,使雷速体育成为我们优秀用户们的美丽主题的各位。

图片与视频资源

  • Unsplash
  • 无须更改
  • gratisography.com
  • magdeleine.co
  • picjumbo.com
  • picography.co

JavaScript 库

  • jQuery
  • HTML5 兼容
  • 现代浏览器特性
  • 动画缓动效果
  • 平滑滚动
  • 元素进入视口
  • 导航菜单
  • 动画效果
  • 数字计数器
  • 图片灯箱
  • 等高布局
  • 轮播图

CSS 与字体

  • 前端框架
  • 页面动画
  • 图标库
  • 扁平图标
  • 字体库
浙ICP备202484883474号
电话:+86 159 3961 1361邮箱:support@hall-leisu.com微信:goco_710杭州市西湖区文三路289号