海星体育 - 帮助文档

内容概览

下载后您将看到的文件列表

  • Unsplash
  • NothingToChance
  • gratisography.com

平台简介

Note: This is not a WordPress theme, and it wont install like a WordPress theme, this is a HTML5 template (static website).

Softar is a Responsive Software Landing Page HTML5 Template that comes with 10+ pages and 5 home page variations. Softar is a graphically polished, interactive, easily customizable, highly modern, fast loading, search engine optimized, efficiently coded, well documented, vibrant and fully responsive HTML5 and CSS3 Software Landing Page template specifically for , software , start-ups and mobile apps, Automotive site or your just a Blog

要编辑此模板并添加您的信息，您需要一个代码编辑器（推荐Sublime Text）和一个浏览器（推荐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. 一切就绪！开始添加您的内容/图片，为您的用户打造一个全新的精美网站。

页面结构

查看HTML文件结构

下载模板后，您会看到一个包含多个文件和子文件夹的压缩包。您可以继续阅读下文了解重要文件的说明。

  • assets
    • css
      • animate.css 动画效果CSS
      • bootsnav.css 导航栏CSS
      • bootstrap.min.css Bootstrap最小化CSS
      • font-awesome.min.css FontAwesome图标CSS
      • themify-icons.css Themify图标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 导航栏JavaScript
      • bootstrap.min.js Bootstrap最小化JavaScript
      • equal-height.min.js 区域高度等分JavaScript
      • isotope.pkgd.min.js Mixitup Isotope JavaScript
      • jquery.appear.js Appear JavaScript
      • jquery.easing.min.js Easing JavaScript
      • jquery.magnific-popup.min.js 弹出窗口辅助JavaScript
      • jquery-1.12.4.min.js jQuery主JavaScript
      • modernizr.custom.13711.js Modernizr JavaScript
      • owl.carousel.min.js Owl Carousel JavaScript
      • wow.min.js WOW动画JavaScript
      • progress-bar.min.js Progressbar JavaScript
      • isotope.pkgd.min.js Isotope JavaScript
      • imagesloaded.pkgd.min.js Isotope Popup JavaScript
      • count-to.js Count to JavaScript
      • plugins.min.js 所有必需JavaScript文件的最小化版本
      • custom.js 模板主JavaScript
  • 首页
  • 首页-2
  • ...
  • style.css

个性化设置

请仔细阅读以下信息

海星体育平台遵循简洁易于定制的代码结构。以下是示例供您参考：


<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Softar - Software 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/themify-icons.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/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/progress-bar.min.js"></script>
    <script src="assets/js/isotope.pkgd.min.js"></script>
    <script src="assets/js/imagesloaded.pkgd.min.js"></script>
    <script src="assets/js/count-to.js"></script>
    <script src="assets/js/bootsnav.js"></script>
    <script src="assets/js/custom.js"></script>

  </body>
</html>

字体调整

如何更换Logo

Thumb

如何更换Favicon

Thumb

如何修改页面标题

Thumb

如何修改Banner文字与背景

Banner区域一

Thumb

Banner区域二

Thumb

如何修改团队介绍板块

Thumb

如何修改用户评价板块

Thumb

如何修改面包屑导航

Thumb

如何添加/移除页脚

Thumb

如何修改联系表单邮箱

Thumb

如何调整趣味性元素

Thumb

如何控制轮播图效果

Thumb

如何控制页面加载动画

Thumb

如何添加/移除CSS样式

Thumb

如何添加/移除JavaScript

Thumb

重要提示

海星体育使用了两种字体：Manrope和Roboto，均来自Google Fonts库。您可以通过以下代码进行修改。

 @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400&display=swap');

鸣谢

Read The following information Carefully

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

credits

我们非常感谢那些为海星体育平台贡献了宝贵资源的开发者，使我们的用户能够拥有一个出色的平台。

图片与视频资源

JavaScript库

  • jQuery
  • HTML5 Shiv
  • Modernizr
  • jQuery Easing
  • 平滑滚动
  • jQuery Appear
  • Bootsnav
  • WOW
  • jQuery countTo 插件
  • Magnific Popup
  • 等高线
  • Owl Carousel

CSS与字体

  • Bootstrap
  • 动画
  • Font-Awesome (图标字体)
  • Flaticons
  • Google Fonts