:::
所有書籍
「[972]CSS打造XOOPS佈景」目錄
MarkDown
9. 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. 修改區塊外觀
11. 把圖片製成網頁
\[972\]CSS打造XOOPS佈景 =================== [](http://120.115.2.76/tad/tad_book3/file/bluefish/10.zip) ### 一、製作底圖 1.底圖原則：可以無限往下延伸！ 2.淡出：把原圖的某一部份變淡（通常用來將圖逐漸變成單一顏色，可和底色融合） (1) 「編輯→淡出」：由上往下↓淡出，左黑右白（越黑越透明） (2) 最後會有個選取區，我們可在選取區中填色。 3.填色：「編輯→填充」選擇白色（或想要的底色） 4.擴大底框：在原圖不變的狀況下，擴大圖形，底色可選剛剛填充之顏色。 (1) 「調整→擴大底框」：先把底圖的高度擴大到1100左右（下方加個300左右）。 ### 二、製作主要畫面區（圓角矩形） 1.製作一個寬度約760的圓角矩形（高度不限），可加上四周陰影。 ### 三、製作斜紋標題圖片 1.開啟一個5x5，底色為黑色的新檔案。顯示模式可調大到1200 2.選擇畫筆，將筆頭大小設為1，柔邊為0，顏色為白色，拉條斜線，並存成xx.png。 3.開啟要當標題的圖片，並裁成一個寬約720的圖片。我們準備加入斜紋。 4.「編輯→填充→影像」選擇xx.png，「合併」選「重疊」，「透明度」設70左右。 5.在上面打上標題文字。 ### 四、製作區塊外觀 1.開啟「百寶箱→資料庫→影像→大自然」，將喜歡的圖拉到左邊編輯區。 2.點選該圖，「調整→調整大小」，「套用到」選「選取的物件」，設寬約50。 
:::
搜尋
search
進階搜尋
QR Code 區塊
快速登入
所有討論區
「PHP全端開發」線上課程討論區
XOOPS使用討論區
一般研習學員
社大學員專用
路過哈啦區
XOOPS佈景設計
XOOPS模組開發
Tad書籍區
即時留言簿
書籍目錄
展開
|
闔起
線上使用者
72
人線上 (
7
人在瀏覽
線上書籍
)
會員: 0
訪客: 72
更多…
:::
主選單
NTPC OpenID
活動報名
模組控制台
進階區塊管理
站長工具箱（急救版）
網站地圖
Tad Tools 工具包
站長工具箱
行事曆
討論留言
嵌入區塊模組
快速登入
網站計數器
好站連結
最新消息
檔案下載
線上書籍
電子相簿
影音播放
常見問題
萬用表單
友站消息
社大學員
新聞
下載
教材
影音
討論
其他選單
好站連結
行事曆
電子相簿
常見問題
萬用表單
即時留言簿
友站消息
社大學員
登入
登入
帳號
密碼
登入
9. XOOPS佈景結構
