:::
所有書籍
「[972]CSS打造XOOPS佈景」目錄
MarkDown
7. 用CSS改變表格外觀
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. 修改區塊外觀
9. XOOPS佈景結構
\[972\]CSS打造XOOPS佈景 =================== [![](http://tad0616.net/uploads/dl.gif)](http://120.115.2.76/tad/tad_book3/file/crystal_project.zip) ### 一、先規劃好版面配置區塊(要切分成幾個顯示區域?) 1.我們可用<div>,配合 id 屬性來把畫面分為幾個部份。 ![](http://tad0616.net/uploads/tad_book3/image/08/81.PNG) ### 二、設定各區的CSS(若想看見框線,請自行加上 border:1px設定) ![](http://tad0616.net/uploads/tad_book3/image/08/82.PNG) ### 三、製作標題底圖(讓圖片上也可以隨意放置文字及圖片) ![](http://tad0616.net/uploads/tad_book3/image/08/83.PNG) ### 四、在標題中放置圖形連結(讓DIV的圖片往下對齊,圖下還要有文字) 1.先把圖片往<div>裡面塞,然後將圖片加上連結,接著,再去設定樣式即可。 ![](http://tad0616.net/uploads/tad_book3/image/08/84.PNG) ### 五、頁尾CSS設定(外加上去) ![](http://tad0616.net/uploads/tad_book3/image/08/85.PNG)
:::
搜尋
search
進階搜尋
QR Code 區塊
快速登入
所有討論區
「PHP全端開發」線上課程討論區
XOOPS使用討論區
一般研習學員
社大學員專用
路過哈啦區
XOOPS佈景設計
XOOPS模組開發
Tad書籍區
即時留言簿
書籍目錄
展開
|
闔起
線上使用者
107
人線上 (
35
人在瀏覽
線上書籍
)
會員: 0
訪客: 107
更多…
:::
主選單
NTPC OpenID
活動報名
模組控制台
進階區塊管理
站長工具箱(急救版)
網站地圖
Tad Tools 工具包
站長工具箱
行事曆
討論留言
嵌入區塊模組
快速登入
網站計數器
好站連結
最新消息
檔案下載
線上書籍
電子相簿
影音播放
常見問題
萬用表單
友站消息
社大學員
新聞
下載
教材
影音
討論
其他選單
好站連結
行事曆
電子相簿
常見問題
萬用表單
即時留言簿
友站消息
社大學員
登入
登入
帳號
密碼
登入