April 21,2005

版面更換法 ( 單圖 )


首先,我先介紹一下樂多大致上有兩種版面
1、只有top 有圖,下半部的地方是以顏色來設定
2、版型共有兩種圖:top 和 bg


我個人是覺得第2種的版型不容易更換啦 ^^"
當然我也有看到有人只換top 圖,只要能上下合的起來,也是很好看滴

若是想把第2種 ( 雙圖 ) 型換成第1種 ( 單圖 ) 也是可行的

這篇文章先教『單圖』的換置方法

還記得我在CSS 語法〝小〞解析 ( 下 )的最後有提到改圖的重要部份有其二嗎?!

1、進入〝CSS 個人化設定〞


2、從〝CSS〞裡面找出下面這三個重要置圖區:
BODY、#container、#banner {WIDTH: 740px; HEIGHT: 320px;}
這三個CSS 裡面有可能都是置圖的地方,如何分別咧?
有出現下列的語法即是↓
background-image: url(http://blog.roodo.com/happy121230/90f0b00a.bmp);
若是想知道每一個圖檔是哪一塊圖區的圖
就複製網址在搜尋列,就會看到圖長啥樣子了
接著就把想修改的圖下載下來

這篇文章是在講『單圖』的部份
所以BODY、#container、#banner {WIDTH: 740px; HEIGHT: 320px;}這三個地方,應該只有一個地方有圖檔網址

『單圖』是最好改的了

一般來講,我改圖習慣用以下兩種軟體:
PhotoImpact 小畫家

每個人使用的軟體不同
我除了會用這兩個以外 ( 我家也只有這兩個啦 ^^" )
其他的我都不會用,所以別問我其他的軟體用法唷

3、圖片下載下來先使用PhotoImpact 查看長與寬 ( ex:740*500 )
打開PhotoImpact→打開圖檔
圖檔上方會出現那個圖檔的長與寬
這個時候,你再按〝開新檔案
長與寬設定的跟下載下來的圖檔一樣
弄好以後,儲存在你要儲存的地方

有些人找到的圖大小差不多,直接覆蓋上去即可
我教的方法是自己把無法放大卻又有很喜歡的小圖的製作方法

4、開啟小畫家,把你從網上抓下來的圖,剪剪貼貼吧
下面有一張小畫家解說圖
或許有人很會用小畫家,不過我相信有人應該不太會吧 ^^"
因為我當初也是那個不太會用的人 @+@


若是你的背景想要用有顏色的
可是有些圖一剪下貼上就會有框框的痕跡
把小畫家的〝不透明處理〞的勾選取消就行了
如圖:


不過功效普普 ^^"
若是你的底色是很深的顏色,還是會有一點白白的
如圖:


改版面可以很簡單,也可以很難
重點在於有耐心,多嘗試、多修改

5、把改好的圖上傳到Blog
請使用Blog管理頁面

6、把上傳好的圖片網址複製到CSS 圖檔位置貼上
貼上之後,除了按儲存之外,記得一定要到 選擇〝全部頁面
如圖:


因為只有這樣,每一個頁面的首頁圖才會換上
其實最好是每次更改CSS 語法都這麼做會比較好
反正都是要更新,那就全部更新吧
一勞永逸有啥不好咧 ^^"

記得,不論是找來的圖片也好
還是像我一樣,用〝開新檔案〞的方法也好
總之圖檔大小最好要跟原本的大小一樣
除非你已經是高手了,上下都能配合
否則最好還是先用原始一點的方法 ^_^

我也是屬於原始一族 ^^"
大家一起來原始吧

p.s.

建議大家
最好把每一個在小畫家修改好的圖檔用另存新檔存不同檔名
以防萬一做的不好看,到時候要重頭來過,這樣可是會抓狂的唷
( 因為我抓狂了 n 次了 )

再來,儲存的時候
在〝存檔類型〞這部份最好選〝24位元點陣圖 (*.bmp;*.dib)

因為bmp 圖檔的色彩比較漂亮,版面當然要美美的丫 ^_^
如果不信,你可以一張存jpg,一張存bmp 來比較看看丫

祝‧改圖愉快唷

附註Jertsai的說明

還有〝純色類型〞啦 ^^"
就是都沒有圖,只有色彩而已
如:simpleline4就是〝純色類型

Posted by happy1211230 at 樂多Roodo! │00:30 │回應(1)Miss. 分享
樂多分類:日記/一般 工具:編輯本文
Ads by Roodo! 
回應文章
嗚~我家是第二型ㄝ,看不出來喔= ="
改天我在找其他版面,漆成我家顏色..哈哈~

補充一下..如果圖片的修改屬於純色類型..
就是沒有很多圖案,像我家的那樣!= =a
我建議檔案類型存為GIF,這樣檔案比較小,顏色較為銳利!
而背景很複雜用色很多的,除非JPG也可以達到你的要求,否則盡量以BMP.PNG為主,雖然JPG圖檔較小,但會失真!


回覆:

沒錯!!
我先前就是用JPG ^^"

現在是用BMP,真的差粉多 >"<
謝謝你的提醒咧~
寫Blog 教學文章會讓人頭暈
忽然有一種怎麼好像忘光光的感覺 ^^"

剛好
順便利用你的版版打廣告 ^0^
Posted by Jertsai at April 21,2005 01:09