霝兒收藏屋

一篇是要教大家如何繪製我最三八的圖片
至於要如何設定讓圖片顯示在部落格上，請參考這篇：jQuery｜設定自己的我最三八

本篇教學採用 PhotoImpact X3 來說明

然後用 PhotoImpact 打開圖片

下面這張就是示範教學的成果圖，歡迎取用。

使用方法

將以下程式碼貼到側邊欄位設定的頁尾描述就可以使用了：
（其實不管你要貼在哪一欄都可以)

語法複製↓

<script type="text/javascript"> //這邊可以更改 var url = "連結位址"; //滑鼠點下去會連到哪裡（如果不要連結請輸入#）" var title = "提示文字"; //滑鼠移上去時會顯示的提示文字" var img = "圖片網址"; //這裡放置自己的三八圖片網址" //下面不要改 var logo="<div id=\"pixnet_badge_container\"><a id=\"pixnet_badge_link\" href=\"" + url + "\" title=\"" + title + "\"></a></div>"; jQuery(function($){ $(logo).appendTo(document.body); $('#pixnet_badge_container').css({position:"absolute", left:"0px", top:"0px", width:"110px", height:"110px"}) $('#pixnet_badge_link').css({position:"absolute", width:"110px", height:"110px"}) if (jQuery.browser.msie && (parseFloat(jQuery.browser.version) >= 5.5 && parseFloat(jQuery.browser.version) < 7.0) && document.body.filters) { $('#pixnet_badge_link').css('background', 'transparent'); $('#pixnet_badge_link').css('filter', "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src=img)"); } else $('#pixnet_badge_link').css('background', 'url(' + img + ') no-repeat left top'); }); </script>

http://bshadow.pixnet.net/blog/post/23009355

兔子製作↓