24h購物| | PChome| 登入
2008-06-01 23:54:57 | 人氣45| 回應0 | 上一篇 | 下一篇

【部落格素材教學法】圓圓自製紅色蝴蝶結按鍵扭組64

推薦 0 收藏 0 轉貼0 訂閱站台

圓圓自製紅色蝴蝶結按鍵扭組-64

 請帶走我的LOGO

 

請正確引用喔一定要記住喔因為你是乖寶寶喔

否則將當成是小白會採取檢舉之動作不要讓圓圓失望喔

請給圓圓批評指教以下是自己部落格裡面看見的三按鍵圖把自己的blog也裝飾的美美的喔

自己看了也高興簡單的作法套入css即可唷

正確引用方式如下:

1:先複製整篇文章(包含版型邊框等等BLOG相關東西)

2:反藍後按下右鍵複製(並不是複製到原格友引用的網址喔)

3:按下每篇文章的最下方我要引用或是引用

4:回到你的發表文章畫面後將文章貼上(並打上標題及分類)

5:按下確定前看到引用回來的網址後按下(立即發表)即可完成正確引用方式喔

此作品適合黑底背景使用最為洽當

/*訂閱部落格滑鼠指標靠近改變訂閱圖 (圖一)*/
div#btnsbsrb_nologin a,div#btnsbsrb a {display:block;width:112px;height:49px;overflow:hidden;background:url(http://s260.photobucket.com/albums/ii20/a0936310535/th_000106.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://s260.photobucket.com/albums/ii20/a0936310535/th_000109.gif
) no-repeat;border-left:4px double #00FFFF; border-right:4px double #00FFFF; border-top:4px double #00FFFF; border-bottom:4px double #00FFFF;}

/*引用、回應make coomment bar*/
div.btntrackback a {display:block;width:112px;height:49px;background:url(http://s260.photobucket.com/albums/ii20/a0936310535/th_000108.gif
) no-repeat;}

/*滑鼠指標靠近改變引用圖*/
div.btntrackback a:hover {display:block;height:49px;width:112px;background:url(http://s260.photobucket.com/albums/ii20/a0936310535/th_000109.gif
) no-repeat;}


div.btncomment a {display:block;width:112px;height:49px;background:url(http://s260.photobucket.com/albums/ii20/a0936310535/th_000107.gif) no-repeat;}

/*滑鼠指標靠近改變回應圖*/
div.btncomment a:hover {display:block;height:49px;width:112px;background:url(http://s260.photobucket.com/albums/ii20/a0936310535/th_000109.gif
) no-repeat;}

       

/*edit M blog title三按鍵換圖*/
div.btncompose a{display:block;width:112px;height:49px;overflow:hidden;background:url(http://s260.photobucket.com/albums/ii20/a0936310535/th_000103.gif) no-repeat;}

div.btnphoto a{display:block;width:112px;height:49px;overflow:hidden;background:url(http://s260.photobucket.com/albums/ii20/a0936310535/th_000104.gif) no-repeat}
div.btnsetup a{display:block;width:112px;height:49px;overflow:hidden;background:url(http://s260.photobucket.com/albums/ii20/a0936310535/th_000105.gif) no-repeat}

 

 

以下的語法有需要要+上wiedht:寬度px;(並且要考慮到三欄式的寬度喔)

/*edit module profile上傳個人相片編輯個人檔案*/
div.btnulprfphoto a {display:block;height:49px;background:url(http://s260.photobucket.com/albums/ii20/a0936310535/th_000102.gif) center top no-repeat;}
div.btneditprf a {display:block;height:49px;background:url(http://s260.photobucket.com/albums/ii20/a0936310535/th_000101.gif) center top no-repeat;}


 

台長: 落葉之楓

是 (若未登入"個人新聞台帳號"則看不到回覆唷!)
* 請輸入識別碼:
請輸入圖片中算式的結果(可能為0) 
(有*為必填)
TOP
詳全文