目前比較知名的網站分享代碼供應商已經有很多家了，大家可以根據自己的實際需求去選擇。例如：百度分享、Qzone分享、Jiathis分享等等，比如，我們自己的官網只需要分享到空間而已，所以我們選擇了Qzone分享組件，其他分享按鈕樣式暫未研究，以后有可能會寫相關資料，敬請留意。
而每一個分享的功能都非常的完善，界面也十分的豐富。于是可能就會有人問，為什么不用分享代碼自帶的分享組件按鈕的圖片和樣式呢?這是因為我們想要自己的和別人的不一樣，而且當網站風格和這些分享組件的風格無法一致的時候，就需要自定義網站上Qzone分享組件按鈕的圖片和樣式了。
我們新版的官方網站由HTML5開發，風格也完全和過去的網站不一樣，同時基本上都是采用全屏模式設計的，根本沒有地方來放置分享按鈕，只能集成在在線客服欄目這里?，F在進入正題，我們要如何自定義網站上Qzone分享組件按鈕的圖片和樣式呢？我們這里以圖片為例向大家講解一下我們是如何操作的！
第一步：準備好按鈕圖片，請大家根據自己的網站風格設計好按鈕圖片樣式；
第二步：到Qzone分享組件官網去復制分享代碼；
第三步：在自己的網站CSS文件中引用圖片并定義新的按鈕樣式，以cl_share為例；
第四步：根據自己的實際需要，刪除多余的代碼！
showcount:?1?,/*是否顯示分享總數,顯示：?1?，不顯示：?0? */
desc:??,/*默認分享理由(可選)*/
summary:??,/*分享摘要(可選)*/
title:??,/*分享標題(可選)*/
site:??,/*分享來源 如：騰訊網(可選)*/
pics:??, /*分享圖片的路徑(可選)*/
style:?203?,
width:98,
height:22
這些都是可要可不要的，我們只保留了第一個，具體大家參考下圖片中的處理方法。最后一個獲取圖片的JS也可以不要了，因為我們已經有自己的圖片了。
到這里，就已經實現了網站上Qzone分享組件按鈕的圖片和樣式。但是有可能會存在位置不對，分享按鈕沒有出現在我們預期的位置，這就需要我們進一步調整。
最后的細節調整：在網頁中找一個位置，新建一個位置正確的DIV并設置其CSS樣式為position:relative。然后將分享代碼粘貼在這個DIV里，然后在我們自己定義的按鈕樣式中（本例中為#cl_share），設置position:absolute絕對定位。實際效果請參考本站右側分享按鈕！
