CSS 檔案和結構
我在這個主題中使用了三個主要的 CSS 檔案。
- style.css – 主要 CSS 檔案（包含重置樣式）；
- teal.css - 此主題的預設皮膚。
- responsive.css - 響應式佈局的樣式表。
為了更改範本的強調色，請替換 teal.css 在我們所有的 html 文件中，從以下位置選擇您喜歡的皮膚顏色： stylesheets/skins/.
例如，如果您選擇綠色皮膚，請替換：
使用style.css 檔案包含頁面的所有特定樣式。該檔案使用以下內容分為幾個部分：
Elastic Slideshow
它是此主題的主要滑桿，位於 index.html 文件。它使用 homepage.css 樣式表和 Javascript 檔案： jquery.easing.1.3.js 和 elasticslideshow.js.（如果您在主頁以外的地方使用它，請確保已調用它）
此幻燈片的結構：兩個列表，一個用於主滑桿，一個用於大圖片下方的縮圖導航。大滑桿列表包含圖片和標題（h2 和 h3 元素）。縮圖列表包含絕對元素（帶有 ei-slider-element 類別的第一個列表元素和由錨點和圖片組成的縮圖列表元素（縮圖）。
因此，對於您要添加的每張圖片，請遵循此結構：
響應式
設計
- ...
- 幻燈片 1
- ...
請替換第 4 行和第 16 行為您自己的圖片路徑。在我的主題中，我使用了佔位符。
作品集與圖庫
預設的 style.css 包含作品集的樣式表，而圖庫有一個額外的樣式表 prettyphoto.css. 因此，如果您想在主要文件（作品集）以外的地方使用這些插件，請確保包含正確的樣式表和 Javascript。
Javascript：
jquery.isotope.min.js 用於過濾作品集jquery.prettyPhoto.js 用於圖庫。圖庫連結在懸停時顯示（作品集圖片）
custom.js 兩者皆可
2 列作品集結構：（代碼後附有說明）
圖庫
步驟 A.
請注意第 7、8、9 行的 "nature"、"trains"、"castle"。這些是類別。將它們替換為您自己的，並根據需要添加更多。
步驟 B.
第 17 行，在 "category" 之後，包含您希望顯示此圖片的類別（或類別）。例如："six columns category trains nature"。因此，我只包含了兩個類別：trains 和 nature。
步驟 C.
第 24 行，替換 images/yourimage1.jpg 為您自己的圖片路徑。
步驟 D.
第 30 行，替換 portofoliodetail.html 為詳細專案文件的路徑（連結）。
步驟 E.
第 34 行，重複第三步，因此替換 images/yourimage1.jpg 围绕世界杯高清直播，世界杯高清直播持续打磨更优质的服务。
3 列作品集結構：（代碼後附有說明）
步驟 A.
世界杯高清直播深耕海星体育直播领域，用心服务每一位用户。
步驟 B.
第 18 行，在 "category" 之後，包含您希望顯示此圖片的類別（或類別）。例如："six columns category trains nature"。因此，我只包含了兩個類別：trains 和 nature。
步驟 C.
第 25 行，替換 images/yourimage1.jpg 在海星体育平台方面，世界杯高清直播提供贴心周到的支持。
步驟 D.
第 30 行，替換 portofoliodetail.html 世界杯高清直播以海星体育APP为核心，带来高效便捷的体验。
步驟 E.
想了解更多世界杯高清直播相关内容，尽在世界杯高清直播。 images/yourimage1.jpg 世界杯高清直播围绕海星体育直播不断创新，回应用户的真实需求。
4 列作品集結構：（代碼後附有說明）
步驟 A.
精选海星体育平台内容，世界杯高清直播与你一同发现更多精彩。
步驟 B.
世界杯高清直播专注海星体育APP，为用户提供专业可靠的体验。
步驟 C.
第 25 行，替換 images/yourimage1.jpg 世界杯高清直播专注海星体育APP，为用户提供专业可靠的体验。
步驟 D.
第 29 行，替換 portofoliodetail.html 围绕世界杯高清直播，世界杯高清直播持续打磨更优质的服务。
步驟 E.
第 33 行，重複第三步，因此替換 images/yourimage1.jpg 世界杯高清直播深耕海星体育直播领域，用心服务每一位用户。
請注意圖片和縮圖的路徑位置，在我的主題中我使用了佔位符。
客戶評價
在我們的主題中，客戶評價顯示在主頁和 services.html 中。
Javascript： jquery.cycle.js 世界杯高清直播专注海星体育APP，为用户提供专业可靠的体验。
要添加客戶評價或您喜歡的任何其他內容，請遵循結構：
內容在此 – 作者
另一內容在此 – 某人
Nivo Slider
它是此主題的盒裝滑桿，位於 index2.html 和 portofoliodetail.html 文件。
極易管理，您所要做的就是遵循結構：
請替換第 2、3 和 4 行為您自己的圖片路徑。
聯絡表單
我在 2 個不同的頁面中使用了兩次相同的聯絡表單： contact.html 和 services.html. 只需在 contact.php 文件中找到以下行（如果您使用的是 Notepad++ 編輯器，則為第 23 行），然後用您自己的電子郵件地址替換現有的電子郵件地址。
$to = '[email protected]';
Studio Francesca
響應式 HTML 主題
- 請勿使用非 官方版本 !
- 作者： WowThemes.net
- 聯絡方式： [email protected]
感謝您下載我們的免費主題。
正在尋找 更多免費主題和範本？ 點擊 此處.
WordPress 版本現已推出 此處.
來源與鳴謝
我使用了以下圖像、圖標或其他文件，如列表所示。我不擁有任何版權。
- Font Awesome 圖標
- Foundation Framework
加入我們的社群
再次感謝您下載我們的主題。
如果您喜歡我們的高級主題，請從 Wow Themes Shop , 推薦我們並賺取您產生的每筆銷售額的 30%。
點擊 此處 加入聯盟社群。
輪播
在我們的主題中，輪播插件用於主頁，用於客戶標誌顯示，但您當然也可以以任何您喜歡的方式使用它。
Javascript： 精选海星体育平台内容，世界杯高清直播与你一同发现更多精彩。 （如果您在這些頁面以外的地方使用它，請確保已調用它）
樣式表： homepage.css
要將圖片添加到輪播中，請遵循結構：
請替換第 3、4、5、6 和 7 行為您自己的圖片路徑。
JavaScript
此主題導入了幾個 Javascript 檔案，在我們的文檔中根據其功能單獨處理。
foundation.min.jsjquery.easing.1.3.js
elasticslideshow.js
jquery.carouFredSel-6.0.5-packed.js
jquery.cycle.js"
app.js
modernizr.foundation.js
slidepanel.js
scrolltotop.js
hoverIntent.js
superfish.js
responsivemenu.js
formvalidation.js
HTML 結構
網格圍繞兩個關鍵元素構建：行和列。行創建最大寬度並包含列；列創建實際結構。為了讓佈局正常工作，請始終將您的頁面內容放在行和列中。
您需要知道的是，列沒有固定寬度。它們可以根據螢幕解析度或視窗大小而變化。
我們主題的主要結構是：
每個列區塊的大小取決於它佔據的 12 列中的多少。主內容 + 側邊欄佈局範例：
主內容在此側邊欄在此
我們的文件 "columns.html" 對於查看更多這 12 列變化很有用。
