教教我，my blog css

先預備3張圖片 ~
圖片的闊度（無需在語法中指定）最好以140px為限；不可超過142px；否則超越的部份不會顯示出來．
圖片的高度沒有上限（卻要在語法中指定），若不指定高度，超越的部份不會顯示出來．
在“自訂CSS”輸入“語法”
語法（請修改圖片位置及高度）：

圖片參考：http://i492.photobucket.com/albums/rr282/bgpic/blog/Home2.gif


div.backhomtbtna.backtomyblog {background:url(http://圖片位置...) no-repeat center center; height:50px;}

圖片參考：http://i229.photobucket.com/albums/ee6/343794/BlogBk/3g.gif


div.addfrdbtna.addtofriends {background:url(http://圖片位置...) no-repeat center center; height:50px;}

圖片參考：http://i229.photobucket.com/albums/ee6/343794/BlogBk/Sub4.gif


div.subscribebtna.add_subscription {background:url(http://圖片位置...) no-repeat center center; height:50px;}

教學：http://hk.myblog.yahoo.com/jw!kVYoCnifERQCIvBEwEdT/article?mid=2166@May 引用請註明出處：http://hk.knowledge.yahoo.com/question/question?qid=7009050201683
　

圖片參考：http://i229.photobucket.com/albums/ee6/343794/YBlog/CommentBk.png

1. /*回應欄底版*/

.cmt-mod-alist #comments-listing .extend-hd, .cmt-mod-alist #comments-listing .extend-bd .alist-comment{background:url(圖片連結);}


2. /*回應欄邊框*/

.mod-alist-full .alist-comment ul, {background:url(圖片連結);}


3. /*回應內容*/

.cmt-mod-alist .alist-comment li{background:url(圖片連結);}


4. /*回應欄工具列*/

.rte_toolbar {background:url(圖片連結);}


5. /*回應欄按鍵*/

.mod-alist-full .alist-comment em.buttons input{background:url (圖片連結) repeat;}
{background:url (圖片連結);}　可用　6位數字顏色碼替代　{color:#ff00ff;}

教學：http://hk.myblog.yahoo.com/jw!kVYoCnifERQCIvBEwEdT/article?mid=2928
　
回應欄文字選用不同顏色請參考教學：http://hk.myblog.yahoo.com/to8112003/article?mid=1837@May 引用請註明出處：http://hk.knowledge.yahoo.com/question/question?qid=7009050201683
　
[那個三欄的標題] 是指次組件的鑽石外框?
次組件外框 ~
預備上、中、下3張圖片
圖片寬度以 150px 為準（該用戶的圖片寬 150px 因此部份未能顯示）
先將組件原來的背景轉為透明，再加入語法：

.col-150 .rc div, .col-150 .rc_ft div, .col-150 .rc_bd div.rc_bc{background:none;}

.col-150 .rc{background:url(http://i326.photobucket.com/albums/k428/mm18mm18m/47-1a.gif) no-repeat bottom; height:59px;}

.col-150 .rc_bd{background:url(http://i326.photobucket.com/albums/k428/mm18mm18m/47-2a.gif) repeat-y;}

.col-150 .rc_ft{background:url(http://i326.photobucket.com/albums/k428/mm18mm18m/47-3a.gif) no-repeat; height:68px;}

教學：http://hk.myblog.yahoo.com/Cat-Goddess/article?mid=5017


圖片參考：http://i492.photobucket.com/albums/rr282/bgpic/YKFile/p1.gif


2009-05-04 15:40:33 補充：
除了 babyfirl 列出的那些，還有：
http://tw.myblog.yahoo.com/jw!mLpfNVyGGRlH5Yf6yHpdris-/article?mid=24777

http://tw.myblog.yahoo.com/tomato888882-20080729/article?mid=346

有些網友可以幫你造按鍵：
http://hk.myblog.yahoo.com/mpuZFgCgI2Ff/article?mid=1523

2009-05-04 15:42:36 補充：
有時不一定要用訂閱/Blog友鍵，以其他圖片代替也可以 (個人就將訂閱轉了其他圖片, 因為大多數已經知道那些按鍵位置):
http://tw.myblog.yahoo.com/jw!mLpfNVyGGRlH5Yf6yHpdris-/article?mid=27012

2009-05-04 15:43:46 補充：
重覆 Rose 那幾個網頁:
http://hk.myblog.yahoo.com/RoseBlog-HelloMissYam/article?mid=4174
http://hk.myblog.yahoo.com/RoseBlog-HelloMissYam/article?mid=4615
http://hk.myblog.yahoo.com/RoseBlog-HelloMissYam/article?mid=5959
http://hk.myblog.yahoo.com/RoseBlog-HelloMissYam/article?mid=6435

2009-05-04 16:18:58 補充：
http://netzhk.com/material/material_button.htm

http://www.miniworld.com.tw/myclub/main.php?boardId=106&boardType=0&op=article&articleId=17825

where is your blog?

圖片可在這幾個網址裡找, 蠻好看的

http://hk.myblog.yahoo.com/RoseBlog-HelloMissYam/article?mid=4174
http://hk.myblog.yahoo.com/RoseBlog-HelloMissYam/article?mid=4615
http://hk.myblog.yahoo.com/RoseBlog-HelloMissYam/article?mid=5959
http://hk.myblog.yahoo.com/RoseBlog-HelloMissYam/article?mid=6435

2009-05-03 12:34:10 補充：
你所指的是否組件外框?
你現在所用的圖並不fit size, 這個框建議先cut走黑色部份再採用.


ps-你用的框我也有save起並且剪裁過, 如果你想要可以在我Blog裡留下回應告知. 我可以給你, 但請用你自己的相簿存放~

2009-05-03 12:35:23 補充：
「Home」(即回主頁)換按鈕語法:
div.backhomtbtn a.backtomyblog{background:url(圖片連結) no-repeat center;height:圖片高度px}

「加入Blog友」換按鈕語法:
div.addfrdbtn a{background:url(圖片連結) no-repeat center;height:圖片高度px}

「訂閱Blog」換按鈕語法:
div.subscribebtn a{background:url(圖片連結) no-repeat center;height:圖片高度px}



這三個語法是我即場找的, 是較同功能語法簡短的語法

2009-05-03 12:35:46 補充：
回應加外框語法:
.cmt-mod-alist .alist-comment li{border-width:2px;border-style:inset;border-color:red;}

教學:
http://hk.myblog.yahoo.com/Cat-Goddess/article?mid=3988

2009-05-03 12:36:23 補充：
*注意: home/加blog友/訂閱圖片寬度不能超過110px

2009-05-03 18:00:14 補充：
My Blog:

http://hk.myblog.yahoo.com/Cat-Goddess