close
我把小小的性別圖示改成可愛的小波斯囉~
嗨!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的網頁空間或是您自己的網頁空間, 來放置您想要連結到的圖片。 ←範例:看吶!性別圖示換了唷! |
全站熱搜