覺得個人檔案欄裡的性別圖示既小又難看,

於是決定將它換掉,

利用簡單的性別符號配合動畫我想應該也能製造出生動活潑的效果,

因為是第一次嘗試, 所以圖示樣式及顏色可能比較簡單,


等有空時再做一個更漂亮生動的性別圖示吧!!

圖示的製作就不多說了, 反正就是用PhotoImpact加上Ulead GIF Animator做成的.

做好的圖示(本例大小為60px * 75 px)就上傳到個人網頁,

並記下它的網址(http://.../*.gif),

根據314素材教學網所分享的語法來修改即可.

語法內容如下:

#ymodprf .horos img{display:none;}

#ymodprf .horos{width:60px;

                                      height:75px;

                                      background:url(http://.../*.gif) center no-repeat;}

將寫好的語法內容直接PO在[自訂樣式]裡的CSS內容並存檔即可.

 

PS: 再次感謝314部落格的無私分享

arrow
arrow
    全站熱搜

    mrafee1968 發表在 痞客邦 留言(0) 人氣()