語蝶

痞客邦 PIXNET 面版樣式(CSS) 設定(問/答)

註:
1.本人已從 Yahoo 搬到 Xuite.
2.本人已建立Pixnet部落格:  http://tools241.pixnet.net/blog  

    暫時做為測試之用(回答 "Yahoo知識家" 問題).

3.以下CSS內容請自行測試之.


......

 ......

 Q5. 側欄 "最新文章" 標題。
A5:
/* 側欄 "最新文章" 標題前放                                                   "小圖

" */

......

/* 調整到適當位置,以免蓋到中欄 */
......

/* 下列提供6個小圖的網址:

http://s.blog.xuite.net/_image/blogIcon19.gif

http://s.blog.xuite.net/_image/portal/mood/mind_s5.gif

http://s.blog.xuite.net/_image/portal/mood/mind_s1.gif

http://s.blog.xuite.net/_image/portal/mood/mind_s3.gif

http://2.blog.xuite.net/2/3/1/9/25043832/blog_3331499/txt/110351276/17.gif

http://2.blog.xuite.net/2/3/1/9/25043832/blog_3331499/txt/110351276/10.gif

*/

/* 側欄 "最新文章" 標題顏色 */

#recent-article.hslice.box li a:link, #recent-article.hslice.box li a:visited{color:#00ffff;}

......

Q13.游標 (在IE模式才有效果,游標樣式的網址副檔名不一定要為ani)
A13:

/* 游標樣式1(4星): 沒有連結時 */

 body{cursor:url(http://bbs.flash2u.com.tw/skins/myspace/userskins/skin_472043/201012278195013231.png);}

 /* 游標樣式2(閃心): 側欄的連結 */

 a:hover{cursor:url(http://bbs.flash2u.com.tw/skins/myspace/userskins/skin_472043/201012277423951482.png);}

/* 游標樣式3(藍心): 原創:中欄 "文章標題" 的連結 */

 .title a:hover{cursor:url(http://blog.roodo.com/tools_241/4c17f94d.xls);}

/* 游標樣式4(紅心): 原創:中欄文章內的連結 */

.article-body a:hover{cursor:url(http://blog.roodo.com/tools_241/6b873501.xls);}

註:

     上列游標係由 *.ani 改副檔名為 *.png 或 *.xls 然後再上傳,

     但此變通取巧方式目前在多數網站會因檔案結構不合導致上傳失敗.

     上列網站仍會保留檔案, 網友可直接套用或下載後再上傳到他處.

** 除了 "隱藏" , 何不 "加料" ?

1.本人在舊址http://tw.myblog.yahoo.com/tools-241

   已同時使用了4種游標, 在此特別公開用法.

2.滑鼠移到天使變蝙蝠 ,再按左鍵回首頁.

3.多數blog對版面的 "絕對位置" 管控較為寬鬆, 例如:

   "前景動圖" 可以置頂, 座標負數可能有效, 但在Yahoo則受限,

   本人以獨特 "CSS HACK" 語法突破此限制,

   請參考舊址 "流星雨" 位置.

* 色碼表 ==>：http://nthucad.cs.nthu.edu.tw/~yyliu/color.html

* 隨意窩 Xuite 面版樣式(CSS) 設定(問/答) ==>

        http://blog.xuite.net/tools241/blog/112234512

本文出自: http://blog.xuite.net/tools241/blog/112182670  (內容隨時補充)