【部落格素材教學法】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;}
=================================
