:: Mr. 戀上 Miss. ::

→

.blog
昨天我在那邊改東又改西的
雖然現在的版面我很滿意
可是由於是屬於大版面的，我則比較喜歡小版面
所以昨天一直在研究如何把文章以及回應內容縮小

如果大家也想跟我一樣，縮小內容的版版
就在〝.blog〞加入下列語法↓

.comments-head↓
background-color：#8B8B89
仔細找，每一篇日記結束後，會出現〝回應文章〞的字樣
有些版面的〝回應文章〞
字樣下面有底色橫條圈住，這個就是改橫條的顏色
若是沒有橫條的版版，只要在〝.comments-head〞
增加這個語法，就會出現橫條
如圖：


.comments-body↓
color：#333333
這裡是〝回應內容〞的字體顏色

background-color：#DFDDC6
有些版面有把別人的回應用背景顏色框起來
這裡就是在更改〝回應內容〞底下背景框的顏色
有些人的版版一開始就沒有這個框，同樣的
在〝.comments-body〞增加這個語法就會出現框了
如圖：


圖樣謫自Jertsai

除了回應的底色，我想一定有人會想問
那要如何把回應用框，框起來？！
很簡單，一樣在〝.comments-body〞加入以下的語法↓

如果你想像我一樣，把別人的回應框起來
為了避免出現問題，最好直接複製我下面的語法貼入

.comments-post↓
COLOR：#4E4E4C
每則回應下方會出現留言者的名字與時間
如〝Posted by ＲＩＣＫＹ at March 28,2005 20:59〞
這個是在更改上面所述的字體顏色
如圖：


border-bottom：#CCCCCC solid 1px;
有些版面把每則回應用細分隔線區分
這個就是在改回應區分隔線的顏色語法
如圖：


LABEL↓
color：#4E4E4C 填寫回應左方有
〝姓名、email、URL、記錄個人資訊、回應〞字樣的字體顏色
如圖：


#author 填寫回應姓名旁邊的邊框顏色
#email 填寫回應email旁邊的邊框顏色
#url 填寫回應URL旁邊的邊框顏色
#text 填寫回應內容的邊框顏色
( 以上這些的邊框顏色，在〝border：#aaaaaa〞更改就行了 )
如圖：


background-color: #E4F4FC;
另外，如果想要像我一樣，想要把填寫回應所有的欄位底下用自己喜歡的顏色，只要在〝#author、#email、#url、# text〞這四個的CSS 語法位置最後，加上上述所寫的語法即可，有些版面本身就有這個語法，所以只需要修改色碼部份；若是沒有這個語法的朋友，請自行加入
ex：

如圖：


#links↓
background-color：#FFFFFF
首頁邊欄連結區，有的是框起來的，底色可以更改
大部份都是白色，大家可以隨意更改顏色

border-color：#4E4E4C
而這個是首頁邊欄連結區，有框起來的邊框線顏色

.sidetitle↓
COLOR：#ff6600
首頁邊欄有許多連結，每個人設定的連結大標題都不同
如：〝最新日記〞〝迴響〞這些連結大標題的字體顏色
如圖：


A.aside (A.aside、A.aside：link、A.aside：visited、A.aside：hover)↓
邊欄連結區，每一個大標題下面有著許多的連結
而上面所有的〝COLOR：#4E4E4C〞都是在更改所有連結字的字體顏色 ( 如上圖 )

大致上是這樣
至於有改圖的問題，也可以問我
不過‧‧我會改的東西很有限唷 ^^"

改圖最重要的部份有二：

就是以上兩個紅字的地方
這兩個地方是置圖區
首先，把兩張圖 (有的時候只有一張) 下載下來
比照大小之後，要做一張一樣大小的圖
如此覆蓋上去才會剛剛好
( 把網址的圖換掉 )

還有其他問題再留言問我吧 ^_^

若是怕改醜了或是忘了改了哪一個
我建議剛開始可以一邊改一邊用紙筆記錄自己更改的事項

最後再把更改後的CSS 樣式複製下來，貼在Word上面
如此一來，下次就算改錯了，還是可以再復原丫 ^_^

其實改錯了也不要緊
大不了再改回來‧‧
我自己研究blog有一番感想
當初也是Joe告訴我滴

他告訴我，叫我別害怕
就大膽的改語法，改錯了，大不了再選回原來的版面重新開始囉 ^^"

所以新朋友也一樣，別害怕，勇敢的改吧 ^0^