WL-OliveGreen

點閱:1071 平均評分:10.00 (2票) 迴響:28
作者:睡蓮 來源:池水間

參觀: WL-OliveGreen 佈景

安裝
1) 解壓縮:到此頁面點「佈景 - 解壓縮」
2) 將第五步驟的資料夾放到 themes 資料夾下,到後台偏好設定下選 WL-OliveGreen 即可。

除此之外,下載佈景解壓第一層後會有名為TODO圖檔,可依步驟去做。
XOOPS 2.5.* 會遇到的問題
樣板管理下儲存檔案後變亂碼(2.5 系的第一版正常)
https://waterlily-lsl.com/modules/article/view.article.php/261/c11
讓 .conf 出現在樣板管理中
在 /modules/system/admin/tplsets/jquery.php 第136 和 72行

找到
$extensions = array('.html', '.htm', '.css');
新增如下
$extensions = array('.html', '.htm', '.css', '.conf');
調整模組外觀
佈景 - 模組樣式更新日期:20120430更新次數:1
附件:wlog_mod_css_20120430
‧附件只用於 WL-OliveGreen 佈景,若已下載 WL-OliveGreen 佈景且網站目前是有模組顯示於首頁,請先切換為無模組以取得鑰匙開啟附件。
‧請注意,複製 CSS 碼前請留意各模組名稱後面的版本號,表示 CSS 碼是在該版本下測試。

如何用:
  假設要調整外觀的模組為 Tadgallery ,版本為 2.0 RC 5,就從附檔中找出標題為 Tadgallery 2.0RC5 ,該標題右列是需要修改的檔案名稱,還有接著後面空標題的右列檔案,就是說 Tadgallery 2.0RC5 一共要修改的檔案有六個。先將附檔裡該標題的 wlstyle.css 下所有代碼複製起來,貼到 WL-OliveGreen 佈景裡 wlstyle.css 下的 /* === modules=== */ 註解後面,然後再複製下一個空標題的 wliemq.css 代碼到 WL-OliveGreen 佈景裡 wliemq.css 下的 /* === modules=== */ 註解後面,直至Tadgallery 2.0 RC 5 標題連空標題下所有檔案都複製完為止。
更新內容:---
Mytabs 模組之 WL-OliveGreen 樣式
https://waterlily-lsl.com/modules/wfdo ... inglefile.php?cid=1&lid=2
自訂輪播或隨機圖片
  無論隨機或輪播,圖片皆為兩模式共用;無論哪一版面寬度,所用圖片大小皆相同。故自訂圖片時請使用 1015 x 267 像素,每幅圖檔名稱請以 >> 前置1.格式、前置2.格式、前置3.格式 ... ... 命名,放於 wlslide 資料夾下,並在設定檔中設定前置名稱和圖檔格式。
CSS 檔內容
‧為減少檔案大小,編輯內容時代碼請儘量連成一行排列。
‧某些 CSS 3 屬性在目前的 W3C 中處於草稿階段,CSS 檔中前面帶有各瀏覽器私有前置的屬性,皆集中寫到 /*===prefixes===*/ 之後及 /* === modules=== */ 之前的範圍內。當若干時日所有瀏覽器皆開始支援不帶私有前置的屬性時,該範圍的 CSS 碼便可以全部移除,以縮減檔案大小。
設定檔與語言檔
  wlconfig 與 wllang 資料夾下,分含三種不同語言的檔案。使用者可保留網站當前所用語言及作預設用的英文語言而刪除其它非使用語言的檔案。
區塊位置
‧會員選單、主選單、訪客選單顯示於側欄的設定有二
 一、區塊管理下的左邊位置 + 設定檔中關閉下拉選單 + 設定檔中設定左側或右側
 二、區塊管理下的右邊位置 + 設定檔中設定左側或右側
‧區塊左邊位置專指定給上述三區塊使用,其它要顯示左邊位置的區塊請調到右邊位置,再透過設定檔設定側邊欄為左邊。

建議:
  如顯示在側邊欄的區塊數量不多,可利用佔 1/3 寬的區塊作側邊欄使用,這樣停用主要側邊欄後便能將中間各區塊的寬度擴大。
更換 LOGO 圖

wlstyle.css 第7行移除前面顏色部分
#wl_header h1 a,.wl_menu a.wlhassublink, ......
wlstyle.css 第55行
#wl_header h1 a{background:no-repeat 50% -75px; ..........
改為
#wl_header h1 a{background:url(../wlimages/logo圖) no-repeat 50%; ....................


‧ LOGO 圖最大寬高會是214px x 110px,超過此大小將會被切掉。

‧自訂LOGO圖若有背景色,高度宜 90px 或以下。

‧ 由於多一個背景圖引用連結,會多一個 HTTP Requests。如果網站速度尚可,效能評測仍在A至B等範圍,則可以照用不需理會。否則速度不行的話,建議用 Data URL Scheme 嵌入內聯圖片,但因為會使檔案肥大,除非伺服器有啟用 GZIP Components,否則要適可而止,不宜濫用。

改用文字 LOGO

於設定檔中的「網站 Logo 模式」設為 txt,然後在下一項設定中選擇文字樣式。