參觀： WL-OliveGreen 佈景
| 安裝 | |||
|---|---|---|---|
| 1) 解壓縮：到此頁面點「佈景 - 解壓縮」 2) 將第五步驟的資料夾放到 themes 資料夾下，到後台偏好設定下選 WL-OliveGreen 即可。 | |||
| XOOPS 2.5.* 會遇到的問題 | |||
| 樣板管理下儲存檔案後變亂碼(2.5 系的第一版正常) http://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 碼是在該版本下測試。 | |||
| 更新內容： | |||
| Mytabs 模組之 WL-OliveGreen 樣式 | |||
| http://waterlily-lsl.com/modules/wfdo ... efile.php?cid=1&lid=2 | |||
| 自訂輪播或隨機圖片 | |||
| 無論隨機或輪播，圖片皆為兩模式共用；無論哪一版面寬度，所用圖片大小皆相同。故自訂圖片時請使用 1015 x 267 像素，每幅圖檔名稱請以 >> 前置1.格式、前置2.格式、前置3.格式 ... ... 命名，放於 wlslide 資料夾下，並在設定檔中設定前置名稱和圖檔格式。 | |||
| CSS 檔內容 | |||
|
‧為減少檔案大小，編輯內容時代碼請儘量連成一行排列。 ‧某些 CSS 3 屬性在目前的 W3C 中處於草稿階段，CSS 檔中前面帶有各瀏覽器私有前置的屬性，皆集中寫到 /*===prefixes===*/ 之後及 /* === modules=== */ 之前的範圍內。當若干時日所有瀏覽器皆開始支援不帶私有前置的屬性時，該範圍的 CSS 碼便可以全部移除，以縮減檔案大小。 | |||
| 設定檔與語言檔 | |||
| wlconfig 與 wllang 資料夾下，分含三種不同語言的檔案。使用者可保留網站當前所用語言及作預設用的英文語言而刪除其它非使用語言的檔案。 | |||
| 區塊位置 | |||
|
‧會員選單、主選單、訪客選單顯示於側欄的設定有二 一、區塊管理下的左邊位置 + 設定檔中關閉下拉選單 + 設定檔中設定左側或右側 二、區塊管理下的右邊位置 + 設定檔中設定左側或右側 ‧區塊左邊位置專指定給上述三區塊使用，其它要顯示左邊位置的區塊請調到右邊位置，再透過設定檔設定側邊欄為左邊。 | |||
| 更換 LOGO 圖 | |||
| wlstyle.css 第7行移除前面顏色部分
#wl_header h1 a,.wl_menu a.wlhassublink, ......
#wl_header h1 a{background:no-repeat 50% -75px; ..........
#wl_header h1 a{background:url(../wlimages/logo圖) no-repeat 50%; ....................‧ LOGO 圖顯示的寬高會是214px x 110px，超過此大小將會被切掉。 ‧ 由於多一個背景圖引用連結，會多一個 HTTP Requests。如果網站速度尚可，效能評測仍在A至B等範圍，則可以照用不需理會。否則速度不行的話，建議用 Data URL Scheme 嵌入內聯圖片，但因為會使檔案肥大，除非伺服器有啟用 GZIP Components，否則要適可而止，不宜濫用。 | |||
有關ｌｏｇｏ可以換嗎？
