欄位名稱sidetitle就是指在左右欄內的欄位 也包括自由欄位
更改它的背景圖片並不難
你能將它改成擁有自己風格的圖片
就像我的
也是最具有無中生有象徵性的"無"
欄位名稱sidetitle的語法若沒修改過的話應該是這樣
/*欄位名稱*/
.sidetitle{
padding:8px 0px 0px 40px;
font-weight: bold;
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
font-size: 15px; /* 支援 Firefox 判讀 */
height: 30px;
list-style: none;
background-image: url(圖片網址);
background-repeat: no-repeat;
color: #000000;
}
語法解說:
padding:8px 0px 0px 40px; 定義欄位名稱文字的位置
font-weight: bold; 文字設為粗體
font-size: 15px; /* 支援 Firefox 判讀 */ 設定字體大小
height: 30px; 設定圖高
background-image: url(圖片網址); 定義所要顯示圖片的網址
background-repeat: no-repeat; 圖片不反覆貼 單貼一張
color: #000000; 字體顏色
font-weight: bold;可以把bold改為數字 設定厚度
font-size: 15px; 字體大小可自行更改 數值越大 字體越大
height: 30px; 圖高也可自行更改 若設定圖高小於原圖圖高則會被截掉
background-image: url(圖片網址); 只要輸入已上傳到網路空間的圖片網址貼入即可
background-repeat: no-repeat; 不反貼可以改
可換參數:
repeat-x; 背景底圖從左至右一列
repeat-y; 背景底圖從上到下一行
no-
repeat; 背景底圖只顯示一張
repeat:repeat; 重複貼背景底圖
color: #000000;
字體顏色可以參考:http://rhinejo.myweb.hinet.net/home/color/color-cord.html
欄位名稱sidetitle改成適合自己網頁的樣式後
看起來就不會那麼突兀啦~~
