線上書籍

Home

[972]CSS打造XOOPS佈景

一、製作底圖

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。