線上書籍
Home
[972]CSS打造XOOPS佈景
1. 玩玩CSS前的熱身
2. 文字的CSS外觀排版(上)
3. 文字的CSS外觀排版(下)
4. CSS的圖片設計
4-1 demo.html 原始碼
5. 用CSS改造連結
6. 不同瀏覽器用不同CSS
7. 用CSS改變表格外觀
8. 用CSS設計版面布局
9. XOOPS佈景結構
10. 製作佈景基本影像檔
11. 把圖片製成網頁
12. 將網頁變成佈景
13. 設定區塊外觀
14. 整合登入及使用者選單
15. XOOPS的CSS設定
16. 設計模組畫面樣板
17. 修改區塊外觀
一、先規劃好版面配置區塊(要切分成幾個顯示區域?)
1.我們可用<div>,配合 id 屬性來把畫面分為幾個部份。
二、設定各區的CSS(若想看見框線,請自行加上 border:1px設定)
三、製作標題底圖(讓圖片上也可以隨意放置文字及圖片)
四、在標題中放置圖形連結(讓DIV的圖片往下對齊,圖下還要有文字)
1.先把圖片往<div>裡面塞,然後將圖片加上連結,接著,再去設定樣式即可。
五、頁尾CSS設定(外加上去)
7. 用CSS改變表格外觀
9. XOOPS佈景結構