:::
所有書籍
「XOOPS佈景製作」目錄
MarkDown
2. 用網頁編輯器製作佈景基本網頁
1. 快速安裝XOOPS
1-1 XOOPS的外觀組成
2. 用網頁編輯器製作佈景基本網頁
3. 將樣板製作成XOOPS佈景樣板
4. 製作區塊樣板
4-1 xotpl/block.html
4-2 xotpl/block_center.html
4-3 css/blocks.css
4-4 css/style.css
4-5 theme.html
4-6 xotpl/block_right.html
5. 強化區塊樣板
6. 整合登入畫面及使用者選單至佈景中
6-1 theme.html
7. 修改轉頁畫面
8. 設定語系
9. 加入ajax或flash
10. 網站小圖
11. [補充] CSS基本概念
12. [補充]常用CSS語法
13. [下載]佈景範例
4. 製作區塊樣板
XOOPS佈景製作 ========= [](http://120.115.2.76/tad/tad_book3/file/theme/03(1).zip) [<span style="font-size: x-large;">CSS中文參考手冊</span>](http://w3school.com.cn/css/css_reference.asp) 1\. 加入XOOPS佈景檔頭 (1) 請開啟教材中的「檔頭.txt」，並將裡頭所有內容複製起來。 (2) 用文字編輯器開啟theme.html，貼上並覆蓋<table>之前的所有HTML語法。 2\. 加入XOOPS佈景語法（樣板標籤） (1) 請開啟教材中的「樣板碼.txt」，並將裡頭所有內容依序複製起來。 (2) 將複製起來的語法複製到theme.html中，並覆蓋原先標示的中文。 3\. 修改圖檔路徑： (1) 圖檔路徑：把「img/圖檔」都改成<span style="color: rgb(0, 0, 255);"><span style="font-size: large;">**<{xoImgUrl img/圖檔}>**</span></span>，「xoImgUrl」代表完整佈景路徑。 (2) 其他不在佈景目錄中的檔案，用<span style="color: rgb(128, 0, 0);"><span style="font-size: large;">**<{xoAppUrl 檔案}>**</span></span>來連結之，「xoAppUrl」代表XOOPS路徑。 4\. 複製必要的XOOPS樣式： (1) 把xoops.css複製到您的佈景目錄/css中即可。
:::
搜尋
search
進階搜尋
QR Code 區塊
快速登入
所有討論區
「PHP全端開發」線上課程討論區
XOOPS使用討論區
一般研習學員
社大學員專用
路過哈啦區
XOOPS佈景設計
XOOPS模組開發
Tad書籍區
即時留言簿
書籍目錄
展開
|
闔起
線上使用者
573
人線上 (
217
人在瀏覽
線上書籍
)
會員: 0
訪客: 573
更多…
:::
主選單
NTPC OpenID
活動報名
模組控制台
進階區塊管理
站長工具箱（急救版）
網站地圖
Tad Tools 工具包
站長工具箱
行事曆
討論留言
嵌入區塊模組
快速登入
網站計數器
好站連結
最新消息
檔案下載
線上書籍
電子相簿
影音播放
常見問題
萬用表單
友站消息
社大學員
新聞
下載
教材
影音
討論
其他選單
好站連結
行事曆
電子相簿
常見問題
萬用表單
即時留言簿
友站消息
社大學員
登入
登入
帳號
密碼
登入
2. 用網頁編輯器製作佈景基本網頁
