close

如何使用填充圖案變成部落格的背景 ?



分類:BLOG教學區

2007/08/17 17:36


續前篇PhotoCAP圖樣258款可愛花紋填充圖案[jpg]  分享一堆填充圖案, tina也把最近改變部落格背景的做法, 做個小小示範供需要朋友參考 !

 

很簡單喔...沒有一大堆有看沒有懂的語法喔 !

 

 

 

1. 用photocap 新編你要的填充圖案: 如下所示

 

最好是設成 1280x800大小, 解析度 72DPI,可適用所有人螢幕瀏覽大小...


2. 影像/ 填滿  


3.出現填滿小視窗, 請改選 圖樣, 再按資料夾小圖


4.可按顯示資料夾或在預設裡挑選你要的小圖案


5.選好再進入填滿視窗, 由於底色不宜過深, 我把保留透明區域打勾, 把效果調到 55 %


下面還有選項可以依你需要再調整, 調到自己滿意為止.....調整的過程都可以預覽或重設 !


6.接下來就可以存檔囉.. (當然你也可以跳過以上6個步驟, 直接放自己要的桌布的圖案等等.... )


7.進入你的奇摩部落格/管理部落格/面板設定/進階樣式/背景設定


如下把背景圖案打勾, 可從我的電腦中挑選上傳 ......


8.在標題設定中, 把標題底圖打勾, 在這裡你可以放自己要的標題圖案(BANNER),


我呢 ? 因為不喜愛放太多東西,我根本沒挑選,不過透明度調到 0%  , 這樣上面就不會出現區塊變成透明了 !



 


9.至於欄位設定義, 我也是通通調到 0%   , 通通變成透明了 ! 內文我保留到 50%...


當然以上是自己想要方式, 你們可以自行調整想要程度, 本篇也只做最簡單說明而已...




10.因為不想太傷腦筋, 顏色部份我挑了奇摩部落格的組合樣式.....



11.最後進入自訂樣式, 是最重要的步驟就是最好設背景為固定不動, 以免下方出現白色不太好看 !!



如上所示, 找出 /*Background image for whole page*/


在最後加上以下語法, 你們可以複製貼上法


;background-attachment: fixed


以下放TINA自定樣法語法供你們參考, 網址部份是我要放的背景, 要記得改成自己要的囉 !!


最下方加入隱藏部落格相簿(因為我都是放教學相簿實在不適合用觀賞, 若想要朋友可以加上去)


/*Background image for whole page*/ body {
    background-image: url(http://tw.blog.yahoo.com/photo/photo.php?id=QCAFGtWGGRnbwgIuSurJW8HzXTQ-&
    photo=20070816120835428.jpg);
     background-repeat: no-repeat;background-attachment: fixed}


/*Blog album module隱藏部落格相簿*/
#ymodalbum{display:none;}
 


 


PhotoCap 4.01完整版下載 (7.4MB,共3個不同伺服器的下載點,請挑一個下載即可)























正體中文版



下載點1



下載點2



下載點3


進入
PC Home 下載

簡體中文版



下載點1



下載點2



下載點3


進入
PC Home 下載

English Version



下載點1



下載點2



下載點3


進入
PC Home 下載

PhotoCap4.01大小約7.4MB,相較於3.20版的6.2MB整整多了1.2MB,這是因為增加了新功能所需的素材與模板導致的,程式部份只有增加0.12MB而已喔,整個PhotoCap主程式只有小小的1.44MB,相當於一塊磁碟片的大小而已。


PhotoCap 4.01升級版下載 (1.4MB,妳需要安裝過4.0版才能安裝升級版,請挑一個下載即可)

















正體中文版



下載點1



下載點2



簡體中文版



下載點1



下載點2



English Version



下載點1



下載點2




 


arrow
arrow
    全站熱搜

    甜蜜 發表在 痞客邦 留言(0) 人氣()