Toggle main menu visibility
新聞
下載
教材
影音
討論
其他選單
好站連結
行事曆
電子相簿
常見問題
萬用表單
即時留言簿
友站消息
社大學員
:::
登入
登入
帳號
密碼
登入
重整畫面
:::
所有書籍
「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書籍區
即時留言簿
書籍目錄
展開
|
闔起
線上使用者
110
人線上 (
71
人在瀏覽
線上書籍
)
會員: 0
訪客: 110
更多…
2. 用網頁編輯器製作佈景基本網頁
