@.序:格友小美問要如何製作性別圖,瑀婈在這裡詳細的解說和不會使用的格友們一起分享喔.
語法使用方式:至管理部落格-->面版設定-->自訂樣式-->css內容裡任一處貼上下列語法儲存就ok囉.
/*隱藏個人相片和性別圖示並加性別圖示變更為圖片*/-->此語法會將原先的個人相片頭像一併隱藏起來.
#ymodprf .horos img{display:none;}
#ymodprf .horos img, #ymodprf .nickname a, #ymodprf #yprf {display:none;}
#ymodprf .horos {width:圖片寬度px;height: 圖片高度px;background:
url(欲呈現的圖片網址) 100% 100% no-repeat;}
圖片寬高度和網址如何取得: 點圖按滑鼠右鍵--選內容裡面就會有寬和高的數質和圖片網址.
若只想將性別圖示更改成圖片而不想隱藏個人相片,請使用下列語法:
/*隱藏性別圖及更換圖片*/
#ymodprf .horos img{display:none;}
#ymodprf .horos{width:圖片寬度px;height:圖片高度px;background:url(圖片網址) center no-repeat;}
#ymodprf .horos img{display:none;}
@.瑀婈叮嚀:紅色字的部份就是要自己填上圖片網址及圖片寬高度的喔..調整適當才能完美呈現.
本文出自
