［教學］各區域標題更換為圖示
※部落格標題圖片化
連結部分插入圖檔網址，可以自製公告版或找喜歡的圖片放上去
欲將圖片個人化可使用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;} |
