Wallox

Painting & Wallpapering HTML Template

Created : Jun 24, 2024
By : Layerdrops
Support : Ticksy Forum

Thank you for purchasing Wallox - Painting & Wallpapering HTML Template . If you have any questions that are beyond the scope of this help file, please feel free to email, via my user page contact form or put a ticket at Support Center .
Thankyou so much!

Template Features

Clean & Simple Design
Advance Bootstrap 5.x Framework
HTML5 & CSS3
CSS3 Animations
Fully Responsive Design
All files are well commented
精选英超赛事直播内容，英超直播与你一同发现更多精彩。
Extensive Documentation

HTML Structure

The html template uses Latest Bootstrap v3.3.4 with valid HTML5 tags. This theme is a responisve layout with 4 column Support column. All of the information in content area is nested within a class and comes with predefined classes.

Basic Grid HTML

For a simple two column layout, create a .container and add the appropriate number of .col-md* columns.

Given this example, we have .col-md-4 and .col-md-8, making for 12 total columns and a complete row.

  
      ...
      ...

Nesting Columns

To nest your content with the default grid, add a new .container and set of .col-md* columns within an existing .col-md* column. Nested rows should include a set of columns that add up to the number of columns of its parent.

  
      
          Level 1 column
          
              Level 2
              Level 2
          
      

      
          Level 2 column

CSS Files and Structure

Mainly three main CSS files are used in this theme. The first one bootstrap.css, second one is style.css which for this template and third one is responsive.css to control responsive layouts.

If you would like to edit a specific section of the site, simply find the appropriate label in the CSS file, and then scroll down until you find the appropriate style that needs to be edited.

These are the css files that are loaded into templates in top of style.css file labled as imported css.

  @import url(bootstrap.min.css);
  @import url(bootstrap-select.min.css);
  @import url(owl.carousel.css);
  @import url(owl.theme.default.min.css);
  @import url(nouislider.css);
  @import url(nouislider.pips.css);
  @import url(jquery.bootstrap-touchspin.css);
  @import url(magnific-popup.css);

  @import url(animate.min.css);
  @import url(hover-min.css);
  @import url(../plugins/fontawesome-5/css/fontawesome-all.min.css);
  @import url(../plugins/icofont/css/icofont.css);
  @import url(../plugins/Wallox -icon/style.css);

Fonts

By default, the template loads this font from Google Web Font Services, you can change the font with the one that suits you best.

  @import url(https://fonts.googleapis.com/css?family=Quicksand:200,300,400,600,700,800,900);

Jquery and javascript

This theme imports three types of Javascript files.

jQuery
Custom scripts (custom.js)
Some plugins

jQuery is a Javascript library that greatly reduces the amount of code that you must write.
英超直播专注英超视频直播，为用户提供专业可靠的体验。

In addition to the custom scripts, I have implemented few "tried and true" plugins to create the effects. This plugin is packed, so you won't need to manually edit anything in the file. The only necessary thing to know is how to call the method

These are the JS files that are loaded into templates in end of the Body Section.

  <script src="js/jquery.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <script src="js/bootstrap-select.min.js"></script>
  <script src="js/jquery.validate.min.js"></script>
  <script src="js/owl.carousel.min.js"></script>
  <script src="js/isotope.js"></script>
  <script src="js/jquery.magnific-popup.min.js"></script>
  <script src="js/waypoints.min.js"></script>
  <script src="js/jquery.counterup.min.js"></script>
  <script src="js/wow.min.js"></script>
  <script src="js/jquery.easing.min.js"></script>
  <script src="js/custom.js"></script>

Google Map Settings

We used embed google map with ifram to get your map iframe code go to Google Map Then search your desire location See screenshot below

After That click to Location name and click on share see screenshot below

Then Click on Embed a map & copy the HTML

Mailchimp Settings

We have added an attractive and fully functional Mailchimp form. You need to update the Mailchimp api and list id.

You have to add mailchimp popup form URL. You can find mailchimp dashboard

Contact Form Settings

我們新增了一個美觀且功能完整的聯絡表單。我們使用了 PHP Mailer 搭配 Google SMTP 服務。您需要新增您的 Gmail 電子郵件和應用程式密碼，才能將郵件寄送到您的收件匣。您必須啟用 Gmail 的兩步驟驗證，然後從您的帳戶建立一個應用程式密碼。 Google 帳戶管理員從那裡點擊應用程式密碼。請參閱下方截圖：

之後，系統可能會要求您登入，然後您會看到一個密碼管理員表單，您需要在其中選擇應用程式 (郵件) 和裝置 (其他自訂名稱) 請依照下方截圖操作

輸入名稱，例如 InsurHTML SMTP 憑證

之後點擊產生，然後您就會取得您的 SMTP 密碼

現在您需要將這些憑證填入您的專案中 sendemail.php 位於 assets/inc/sendemail.php

現在將您的 Gmail 電子郵件地址和密碼（之前產生的應用程式密碼）新增到 SMTP_EMAIL & SMTP_PASSWORD 請參閱下方截圖。

然後更新 RECIPIENT_EMAIL 和 RECIPIENT_NAME 您希望在哪裡收到該郵件，您可以在此處提供相同的 Gmail 或其他電子郵件地址來接收使用者郵件。

此外，還有一些建議資訊您應更新以符合網站資訊，例如 HOST_NAME, HOST_EMAIL

最重要的事情是您必須提供 Google SMTP 憑證，否則它將無法運作。

Tutorial

LOGO

讓我們開始更新範本。開啟 index.html 檔案並依照步驟操作。

大部分更新在所有頁面中都是相同的。因此，我們將在此處說明一次。

  
      <img src="img/logo.png" alt="Awesome Image"/>

將 "images/logo.png" 替換為您的標誌圖片網址來源或網站名稱。

NAVMENU

這是基本結構。

將您自己的選單項目新增到該 ul li 項目中。如果您想新增下拉選單，只需建立一個巢狀的 ul li，並帶有類別 sub-menu

頁尾版權

  
      
          ©版權所有 英超直播 2026 . 版權所有。

Sources and Credits

範本中使用的字型是 Google 字型，您可以在 Google Fonts API 中找到它們

使用的字型為：

Plus Jakarta Sans

用於動畫效果的檔案：

hover.css （位於 css 資料夾中）

animate.css 英超直播深耕英超高清直播领域，用心服务每一位用户。

使用的輪播套件為：

Owl Carousel

使用的外掛為：

Magnific Popup （可於 js 資料夾中找到）

jQuery Validation 在提供无插件英超赛事免费观看服务。方面，英超直播提供贴心周到的支持。

jQuery Circle Pogress 英超直播以覆盖英超联赛及美加墨世界杯资讯。为核心，带来高效便捷的体验。

Bootstrap Select 想了解更多支持高清画质、实时比分与赛事回放。相关内容，尽在英超直播。

isotope 英超直播围绕操作简便，内容更新及时。不断创新，回应用户的真实需求。

Gmap.js （可於 js 資料夾中找到）

FontAwesome 圖示（可於 plugins 資料夾中找到）

Icofont 圖示（可於 plugins 資料夾中找到）

每個程式碼都已適當加上註解，方便編輯。

Support

再次感謝您購買此主題。如同我一開始所說，如果您對這個主題有任何疑問，我很樂意提供協助。雖然不保證一定能解決，但我會盡力而為。如果您有任何問題，請隨時透過支援中心與我們聯絡。

聯絡我們： Ticksy Forum