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