【部落格素材教學法】50~訂閱、引用、回應、留言、相簿(貓咪)自由搭配＠☆★風吹向落葉。隨風飄落的楓葉。學習的園地-落葉之楓的新聞台★☆

2008-02-26 16:34:03 | 人氣37| 回應0 | 上一篇 | 下一篇

【部落格素材教學法】50~訂閱、引用、回應、留言、相簿(貓咪)自由搭配

50~訂閱、引用、回應、留言、相簿(貓咪)自由搭配

e e 自製 ~ 訂閱、引用、回應、留言、相簿自由搭配 ~ 希望您會喜歡

e e 再次提醒您

更換設定 ~ 相同的語法必須刪除，語法重覆會干擾程式，可能造成預期的效果無法顯示哦！

複製語法 → 管理部落格 → 面板設定 → 自訂樣式 → 貼在 CSS 框框裡 → 確定

=================================

/*訂閱部落格滑鼠指標靠近改變訂閱圖 (圖一)*/
div#btnsbsrb_nologin a,div#btnsbsrb a {display:block;width:130px;height:96px;overflow:hidden;background:url(http://connie-ee.t35.com/601/03/50-1.gif ) no-repeat;margin:0;}

/*訂閱部落格滑鼠指標靠近改變訂閱圖 (圖二)*/
div#btnsbsrb_nologin a:hover,div#btnsbsrb a:hover,div#btnsbsrb_nologin a:active,div#btnsbsrb a:active {background:url(http://connie-ee.t35.com/601/03/50-2.gif ) center no-repeat;}

感謝二度空間柏憲提供 ↑ ↓ ↑ ↓ 語法

/*訂閱圖-連結區塊-訂閱圖位置-訂閱圖顯示寬高-訂閱圖網址 (圖一) - 框線*/

/*滑鼠指標靠近改變訂閱圖 (圖二) - 框線*/

請按二度空間語法解說、相關圖片連結

=================================

/*引用、回應make coomment bar*/
div.btntrackback a {display:block;width:130px;height:96px;background:url( http://connie-ee.t35.com/601/03/50-3.gif ) no-repeat;}
div.btncomment a {display:block;width:130px;height:96px;background:url( http://connie-ee.t35.com/601/03/50-4.gif ) no-repeat;}

=================================

/*滑鼠指標靠近改變引用圖*/
div.btntrackback a:hover {display:block;width:130px;height:96px;background:url( http://connie-ee.t35.com/601/03/50-2.gif ) no-repeat;}

/*滑鼠指標靠近改變回應圖*/
div.btncomment a:hover {display:block;width:130px;height:96px;background:url( http://connie-ee.t35.com/601/03/50-5.gif ) no-repeat;}

感謝二度空間柏憲提供 ↑ ↓ ↑ ↓ 語法

/*滑鼠指標靠近改變引用圖*/ /*滑鼠指標靠近改變回應圖*/

請按二度空間語法解說、相關圖片連結

=================================

/*留言板更換圖片*/

#ymodmsgbd h3 a {display:block;margin-left:-5px;background:url( http://connie-ee.t35.com/601/03/50-6.gif ) center;no-repeat;width:130px;height:96px;text-indent:-300px; }

/*留言版滑鼠指標靠近變換圖片*/
#ymodmsgbd h3 a:hover,#ymodmsgbd h3 a:active {display:block;margin-left:-5px;background: url( http://connie-ee.t35.com/601/03/50-5.gif ) center;no-repeat;width:130px;height:96px;;text-indent:-300px;}

=================================

/*部落格相簿更換圖片*/
#ymodalbum h3 a {display:block;margin-left:-5px;background:url( http://connie-ee.t35.com/601/03/50-7.gif ) center;no-repeat;width:130px;height:96px;text-indent:-300px;}

=================================