看球通NBA直播-英超直播-看球通體育官網

感謝您選用看球通！若使用上有任何疑問，歡迎隨時透過客服管道與我們聯繫，我們會盡快回覆。

這份指南會一步步帶您安裝並啟用看球通體育直播平台，讓您快速開始觀賽。

看球通涵蓋海內外熱門賽事，以清晰畫質與穩定串流，帶給您身歷其境的觀戰體驗。

現在建立您的專業網站變得非常簡單。Owkey 模板為您完成所有工作，提供 19 個不同頁面，可依您的需求自訂整合。設計為扁平化、響應式且對 SEO 友善。模板包含 2 個專業部落格版面頁面，提供列表與網格佈局。以 SEO 為導向的設計與專業版面提供 4 種首頁選項。透過 Revolution Slider 整合圖片、投影片等，快速展示您的業務或敘述您的商業故事。設計使用 Google 字型，對瀏覽器友善，並由 Twitter Bootstrap v3 驅動。設計相容於外掛程式，為您帶來極大優勢。

看球通平台不需繁複設定，只要將 ./看球通資料夾內的所有檔案上傳到您的伺服器，即可開始使用。

上傳模板檔案

您可透過以下兩種方式上傳看球通平台檔案：

透過 FTP 將看球通檔案上傳至伺服器的 ./看球通資料夾。解壓縮您下載的模板 .zip 檔案（看球通_ThemeForest*.zip）。將 /看球通資料夾上傳到您的伺服器。

看球通平台內含多個目錄與檔案，以邏輯分層的方式整理通用資源，方便您日後查找與修改。

在下載的 .zip 壓縮檔中，您會看到 2 個主要資料夾。

裡面包含平台的核心檔案與一份完整文件，所有內容都已為您準備妥當。

文件說明

內含四個不同功能的程式碼資料夾，以及一個 index.html 檔案。直接用瀏覽器開啟 index.html 即可查閱詳細說明。

JavaScript

所有 JavaScript 檔案都放在 assets/ 目錄下。

js/jquery-3.1.1.min.js - jQuery [版本 3.1.1] 一個旨在簡化客戶端腳本的 JavaScript 函式庫。
JS/jquery.unveilEffects.js - 動畫外掛，為您的頁面增添動感效果。
js/jquery.mCustomScrollbar.concat.min.js - 自訂捲軸外掛，最佳化使用者瀏覽體驗。
js/jquery.themepunch.tools.min.js - Revolution Slider 外掛的輔助工具庫。
js/jquery.themepunch.revolution.min.js -

Revolution 滑塊的核心外掛。
js/slick.min.js - Slick Carousel [版本: 1.5.0]

Slick 輪播外掛，適合展示多張圖片。
js/classie.js - bonzo [版本: 1.5.0]

一個輕量且可擴充的 DOM 操作函式庫。
js/bootstrap.min.js - Bootstrap [版本: v3.3.7]

您可以單獨引入 Bootstrap 的 JS 檔案，或一次載入所有功能（使用 bootstrap.js 或壓縮版的 bootstrap.min.js）。
js/modernizr.custom.js - Modernizr [版本: 2.8.3]

自動偵測使用者瀏覽器對新一代 Web 技術的支援程度。
js/pathLoader.js - PathLoader [版本: v1.0.0]

此載入器在瀏覽器中預設啟用。

CSS

以下列出看球通平台主要的 CSS 檔案，方便您快速參考。

css/style.css - 看球通專屬樣式

看球通官網的視覺核心，奠定流暢觀賽基調。
css/slick.css - Slick 專屬樣式

Slick 輪播元件的樣式表。
css/setting.css - Revolution Slider 5.0

Slick 滑塊的螢幕樣式表。
css/mCustomScrollbar.css

自訂捲軸的樣式表。
css/bootstrap.min.css - Bootstrap v3.3.7

用於開發響應式版面的樣式表。
assets/styles/dist/portfolio-with-images.css - 看球通專屬樣式

Portfolio-with-images 頁面的樣式表。
css/animate.css

特殊動畫效果的樣式表。

Less

以下列出看球通平台主要的 Less 檔案，它們位於 css/ 目錄下。

css/style.less - Bootstrap 專屬樣式

這份樣式表掌控全站排版，讓賽事畫面更清晰。

我們在此列出建構看球通平台所使用的所有外部程式碼（框架、函式庫、外掛、模板等）。

框架

Twitter Bootstrap v3.3.7	最受歡迎的前端框架。	http://getbootstrap.com/
jQuery v3.1.1	快速、小巧且功能豐富的 JavaScript 函式庫，旨在簡化客戶端腳本處理。	http://jquery.com/

外掛程式 (JavaScript)

Slick Carousel	用於相關新聞輪播	http://kenwheeler.github.io/slick/
Slider Revolution	美觀且出色的滑桿。	https://www.themepunch.com/revsliderjquery-doc/
jQuery Easing Plugin	來自 GSGD 的 jQuery 外掛，提供進階緩動選項。	http://gsgd.co.uk/sandbox/jquery/easing/
ImagesLoaded	JavaScript 就像在問「你的圖片載入好了沒？」	http://imagesloaded.desandro.com/
Isotope	篩選與排序的魔法佈局	http://isotope.metafizzy.co/

字型

Open Sans	Google 字型	https://fonts.google.com/specimen/Open+Sans
Montserrat	Google 字型	https://fonts.google.com/specimen/Montserrat
Work Sans	Google 字型	https://fonts.google.com/specimen/Work+Sans
Raleway	Google 字型	https://fonts.google.com/specimen/Raleway

請前往 js/main.js 檔案，進行平台設定：

必備屬性說明

infinite : true/false
speed : default(300) / 投影片/淡入淡出動畫速度
slidesToShow : default(1) / 顯示的投影片數量
slidesToScroll : default(1) / 滾動的投影片數量
autoplay : true/false
autoplaySpeed : default(3000) / 自動播放速度（毫秒）

範例文字如下：


    $('.mils-slider').slick({
        infinite: false,
        speed: 300,
        slidesToShow: 6,
        slidesToScroll: 1,
        autoplay: true,
        autoplaySpeed: 2000,
        responsive: [
        {
            breakpoint: 1024,
            settings: {
                slidesToShow: 3,
                slidesToScroll: 3,
                infinite: true,
                dots: true
            }
        },
        {
            breakpoint: 600,
            settings: {
                slidesToShow: 2,
                slidesToScroll: 2
            }
        },
        {
            breakpoint: 480,
            settings: {
                slidesToShow: 1,
                slidesToScroll: 1
            }
        }
      ]
    });

如需進一步協助，請造訪我們的 Envato 頁面或官方網站。

我們會盡力協助您解決與平台設定直接相關的問題。但請理解，主題支援是作者自願提供的服務，我們這樣做是為了感謝客戶的支持。因此在聯絡我們之前，建議先嘗試從下列資源中尋找解答：

文件中的相關章節
Google 搜尋一般問題

別忘了在 ThemeForest 上為我們的作品評分。

Owkey

簡介

關於模板

安裝