【部落格素材教學法】萱媽咪自製五按鍵
萱媽咪自製五按鍵
.gif)
.gif)
以下文章內容有些是複製琳達的話!謝謝妳喔!!
我有改變一些內容喔!!!
.gif)
.gif)
.gif)
我們常常製作別人眼中所看到的按鍵都是美美的
但往往都忽略了自己也要看的美美的
今天萱媽咪自製了五按鍵鈕
原本是長這個樣滴→
發表文章、上傳相片、管理部落格、上傳個人相片、編輯個人檔案
但今天萱媽咪將它穿上衣服嚕~~
萱媽咪自製成品發表如下↓
http://i248.photobucket.com/albums/gg187/hejinfai/23.jpg
http://i248.photobucket.com/albums/gg187/hejinfai/21.jpg
http://i248.photobucket.com/albums/gg187/hejinfai/22.jpg
語法如下↓ /*三按鈕更換圖★㊣linda達令㊣★*/ div.btncompose a{display:block;width:126px;height:34px;overflow:hidden;background:url(http://i248.photobucket.com/albums/gg187/hejinfai/23.jpg) no-repeat;} div.btnphoto a{display:block;width:126px;height:34px;overflow:hidden;background:url(http://i248.photobucket.com/albums/gg187/hejinfai/21.jpg) no-repeat} div.btnsetup a{display:block;width:126px;height:34px;overflow:hidden;background:url(http://i248.photobucket.com/albums/gg187/hejinfai/22.jpg) no-repeat}
http://i248.photobucket.com/albums/gg187/hejinfai/24.jpg
http://i248.photobucket.com/albums/gg187/hejinfai/25.jpg
語法如下↓
/*上傳個人相片編輯個人檔案更換圖★㊣linda達令㊣★*/
div.btnulprfphoto a {display:block;height:34px;background:url(http://i248.photobucket.com/albums/gg187/hejinfai/24.jpg) center top no-repeat;}
div.btneditprf a {display:block;height:34px;background:url(http://i248.photobucket.com/albums/gg187/hejinfai/25.jpg) center top no-repeat;}
第一次製作
多虧了琳達一直鼓勵我
琳達,謝謝妳喔!!
也剛好有空就來做看看
希望還OK啦!!
這是琳達的logo,可以去走走喔!!
