感謝                提供




[教學]各區域標題更換為圖示



※部落格標題圖片化 CCS設定


連結部分插入圖檔網址,可以自製公告版或找喜歡的圖片放上去


欲將圖片個人化可使用Ulead GIF Animator 5免費軟體


此文提供軟體載點:[分享]各項實用軟體載點


此文提供免費個人網頁空間:[分享]中華優惠網免費個人網頁空間


橘色部分(圖片寬、圖片高)請輸入連結圖片的圖寬、高


紫色部分是滑鼠移至圖片上方的游標圖案,綠色部分可依個人喜好更換


若部落格已設定個人游標將紫色部分拆掉即可(需保留 } 符號)


以下是語法




/* 自訂部落格標題 */
#yblogtitle h1 {
    display:block;
    float:left;
    background:url(http://xxxx.gif) 0 0 no-repeat;
    width:圖片寬px;
    height:圖片高px;
    font-size:0;
    line-height:0;
    text-indent:-5000px;
    overflow:hidden;
    cursor:pointer;
    cursor:hand;
}





綠色部分可替換語法如下


cursor:n-resize    (箭頭朝上)    cursor:w-resize  (箭頭朝左)


cursor:s-resize   (箭頭朝下)      cursor:e-resize    (箭頭朝右)     


cursor:sw-resize  (箭頭斜左下)      ursor:ne-resize  (箭頭朝右上) 


cursor:se-resize   (箭頭斜右下)    cursor:nw-resize  (箭頭朝左上)


cursor:help          (問號形狀)                    ursor:text          (文字I)


cursor:crosshair  (十字架)                    cursor:move        (四處指)


cursor:hand         (白手)                            cursor:wait          (漏斗)



 


※我要回應、我要引用更換為圖片


連結部分插入圖檔網址


第一個連結是我要回應的圖片網址,第二個連結則是我要引用的圖片網址


紅色部分(圖片寬、圖片高)是我要回應的圖片寬、高


紫色部分(圖片寬、圖片高)是我要引用的圖片寬、高


以下是語法




/*omake coomment bar*/
div.btncomment a {display:block;height:圖片高px;width:圖片寬px;background:url(http://xxxx.gif) no-repeat;}
div.btntrackback a {display:block;height:圖片高px;width:圖片寬px;background:url(http://xxxx.gif) no-repeat;}


觀看其他教學?







[更新教學]各區域背景圖


[更新教學]各區域標題前圖示


[更新教學]下載現成游標、取得游標網址、更換游標


[更新教學]游標移至連結上方連結變化


[教學]製作游標軟體哪裡找、如何自製游標



                          

 



 



[轉載請至 回應、引用]


 



arrow
arrow
    全站熱搜

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