★更改訂閱部落格、個人性別圖檔－培迪的痞客邦部落格

更改訂閱部落格、個人性別圖檔

奇摩預設樣式---未更改↑ 更改後的樣式---預覽圖↑

如何更改---語法如下↓

訂閱部落格圖(自己看不到-請以來賓身分不登入觀看)

/*Subs list訂閱部落格圖(自己看不到-請以來賓身分不登入觀看)*/
div#btnsbsrb a{display:block;width:168px;height:36;pxoverflow:hidden;background:url(http://i234.photobucket.com/albums/ee170/MichelleRuby/oline855.gif ) no-repeat;margin:0;}
div#btnsbsrb_nologin a{display:block;width:168px;height:36px;overflow:hidden;background:url(http://i234.photobucket.com/albums/ee170/MichelleRuby/oline855.gif ) no-repeat;margin:0;}
#yblogtitle .tft {text-align:right;padding-bottom:0px;position:relative;}

語法註解↓

/*Subs list訂閱部落格圖(自己看不到-請以來賓身分不登入觀看)*/
div#btnsbsrb a{display:block;width:168px;height:36;pxoverflow:hidden;background:url(網址 ) no-repeat;margin:0;}
div#btnsbsrb_nologin a{display:block;width:168px;height:36px;overflow:hidden;background:url(網址) no-repeat;margin:0;}
#yblogtitle .tft {text-align:right;padding-bottom:0px;position:relative;}

background:url(圖檔的網址)

width:168px = 圖檔的寬度

height:36px = 圖檔的高度

PS-------兩個語法網址都要貼相同的

訂閱圖示的更改，可尋找自己喜歡的樣式，琳就貼幾個偶製作逗

奇摩預設樣式---未更改↑ 更改後的樣式---預覽圖↑

個人性別圖檔更改

/*更改性別圖示*/
#ymodprf .horos img{display:none;}
#ymodprf .horos{width:110px;height:101px;background:url(http://i295.photobucket.com/albums/mm143/carolinetop/ine19.gif) center no-repeat;}

語法註解 ↓

/*更改性別圖示*/
#ymodprf .horos img{display:none;}
#ymodprf .horos{width:110px;height:101px;background:url(圖檔網址 ) center no-repeat;}

width:110px = 圖檔的寬度

height:44px = 圖檔的高度

更改個人性別圖時，要考慮欄框的寬度，勿太寬，不然可是會出格，造成不好看的畫面喔。

提供幾個樣式做參考↓