我把小小的性別圖示改成可愛的小波斯囉~

2013121812:49

我把小小的性別圖示改成可愛的小波斯囉~

分享

    嗨!Dear的格友們 大家安安唷!

又有好康的囉。。。

這次的作法非常的簡單。。。有空也來玩玩吧!

 

     作法:『管理部落格』-->『面板設定』-->『自訂樣式』-->CSS語法內容表把下列紅字語法,加入CSS內容表最底端就OK了。#ymodprf .horos img{display:none;}#ymodprf .horos{width:60px;height:75px;background:url(圖片網址) center no-repeat;}  語法說明:#ymodprf .horos img{display:none;}  ←此行意指將原預設的性別小圖示 隱藏起來。#ymodprf .horos{width:60px;height:75px;background:url(圖片網址) center no-repeat;} ←此行是將原本樣式的CLASS重新設定圖片大小。 width:60px; ←圖片寬   height:75px; ←圖片高background:url(圖片網址) center no-repeat;} ←以背景圖來呈現圖示,可放JPG或是GIF格式。center ←是設置為置中。    no-repeat ←是設定背景不需要重複拼貼。(雖然我們已經設定寬高,照道理是不會看到拼貼的情況,不過,還是介紹這個語法,也許您可以想出更多應用的效果。)   很簡單的作法,大家也可以來改一改個人超酷的性別圖示!※ 若有更好更炫的方式,歡迎大家一起來交流喔!     

玄音

 

 

 

 

想不想讓您的部落格性別圖示與眾不同呢?

如果想,那麼您可以利用下面的方式,

置換您想要的圖片。

當然首先您要有個可以連結到的圖片網址,

可以利用free的網頁空間或是您自己的網頁空間,

來放置您想要連結到的圖片。

←範例:看吶!性別圖示換了唷!