2012年2月16日 星期四

透視側欄背景、格線 邊框(格線)樣式




喜歡原創 不隨波遂流!

如有引用請用原文! 

現時的側欄是有幾組格線疊在一起的, 樣式可隨意變換, 使版面便美觀

基本格線樣式有以下 8 款:


凹脊   groove       凸脊   ridge
凹槽   inset       凸槽   outset
實線   solid       虛線   dashed
點線   dotted       雙線   double



*      *      *
側欄大部份要改格線的 blogger 都會用同一樣式的框線, 但是卻經常將 4 條邊分開寫! 語法冗長 ..

其實最方便只需一次過寫就成, 如設定最外邊包着整列側欄的外框的顏色、濶度、樣式 :

.yui-b .sidebar{border: gold 4px groove;}

*      *      *
若要透視所有側欄所有背景、格線(包括中間的分格線)作法如下:

語法:

<style type="text/css">/*透視側欄底色*/
.yui-b .sidebar{background-color:transparent;}

/*刪除側欄主要框線*/
.yui-b .sidebar, .yui-b .widget, .yui-b #sidebar1, .yui-b #sidebar2{border:0px none transparent!important;}</style>

***測試、制作及編寫下過心機, 用了時間,
如要引用語法或文章資料請連同我 blog Logo  一併帶走!

14 則留言 :

  1. 早晨!您好!謝謝分享!
    [版主回覆02/17/2012 11:46:59]早晨! 謝謝支持! ❤。(◕‿-。)

    回覆刪除
  2. 又有新嘢学,多謝哂!
    [版主回覆02/17/2012 22:43:17]小意思! 等 blog 友知道我出了文才會公開啊! 呵! 呵! ~( ̄▽ ̄)~*

    回覆刪除
  3. 用左,謝謝分享!
    [版主回覆02/19/2012 10:04:56]客氣了! ^^ 祝週日愉快!

    回覆刪除
  4. Hello!很複雜,正在硏究中...謝謝分享!
    [版主回覆02/19/2012 10:07:03]隨便參觀 ^^ 週日愉快 !

    回覆刪除
  5. 岩岩睇左,不過未有時間去硏究..... 待有空時,等我試試先, 多謝雅姬蘭分享 !!!
    [版主回覆02/20/2012 11:09:55]美化是隨心隨意的, 慢慢試! ❤。(◕‿-。)

    回覆刪除
  6. 火鳳凰自言自語2012年2月21日 上午8:16

    雅姬蘭真係有心的博友,謝謝你!
    [蘭花草回覆02/25/2012 18:00:49]係呀,有她、有rose、有靚blog園...我們的blog會也整也靚,真係要多謝佢哋!
    [靚blog園回覆02/23/2012 01:26:26]好呀!
    [版主回覆02/21/2012 10:54:55]早晨, 客氣了! 有時間我找些小圖一氣連語法出文, 希望更好! ^^

    回覆刪除
  7. 我一向吾識引用架,請諒!
    不過這篇學會了
    已正確引用,謝謝!
    [版主回覆02/25/2012 21:00:23]樓下有你 fans 提起你喎!
    [版主回覆02/23/2012 10:26:29]那就好了! 見你出現都好高興

    回覆刪除
  8. 最後一條線終於也可以拿掉了,謝謝
    [版主回覆02/25/2012 18:54:24]係呀, 3欄式都可用到 週未愉快!

    回覆刪除
  9. thx this time o.k. thax AKINA GOOD FRIEND,
    [版主回覆02/26/2012 19:03:14]用到就好啦!

    回覆刪除
  10. 引用了,謝謝
    [版主回覆02/26/2012 19:03:28]好啊!

    回覆刪除
  11. thanks for sharing. I copied it.
    [版主回覆02/27/2012 10:30:45]合用就好啦!

    回覆刪除
  12. 我既意思唔系話d語法系邊.0.
    系我想問d語法應該放系自己個blog邊到先得-3-
    [版主回覆07/28/2012 17:42:40]我的設定→應用程式→自定欄位 ... 現在伺服器反應慢, 輸入後按制前稍等些時間再按就可以了! ^^

    回覆刪除
  13. 問多樣xd.
    標題系米放系主題 / 外觀式樣→進階設定戈到.0.?
    [版主回覆07/28/2012 18:53:52]對! upload 的 jpg 標題圖用的 yblog 的設施就成! Css 全是放自定欄位!

    回覆刪除
  14. 令到框框一點點好可愛>W<
    THX晒!!
    [版主回覆08/06/2012 22:57:41]襯到版面都幾好看的 ^^ 晚安

    回覆刪除