自訂簡單圖邊框語法 from  二度空間

想整篇發表引用的網友,只要複製下列語法,進入發表文章後,先將 觀看HTML 原始碼 打勾,再把語法貼進”空白內容”處,切記不可預覽,直接發表就可以囉 !如何使用懶人引用法?

    

 <p>想另開大畫面欣賞請按 <a href="http://tina123.ic.googlepages.com/0125>http://tina123.ic.googlepages.com/0125</a></p> <p>&nbsp;</p> <embed src="http://tina123.ic.googlepages.com/0125" width="550" height="600"></embed> 

 

本文引用:  http://tw.myblog.yahoo.com/jw!.KNty8iGR0WBlosOtiUpDA--/article?mid=7526&prev=1&next=7493&l=a&fid=57 

此邊框語法由一個"形狀小圖"自動排列組合,沒有複雜的組合圖,提供喜歡簡單的朋友做參考

參考語法 : (需配合欄框透明度使用)

/*置頂欄透明度*/
#yblogtitle .rctop, #yblogtitle .rctop div, #yblogtitle .rcl, #yblogtitle .rcr, #yblogtitle .rcbtm, #yblogtitle .rcbtm div {zoom:1; filter:alpha(opacity:100)}

/*左右透明度*/
.yc3subbd .rctop,.yc3subbd .rctop div,.yc3subbd .rcl,.yc3subbd .rcr,.yc3subbd .rcbtm,.yc3subbd .rcbtm div, .yc3sec .rctop,.yc3sec .rctop div,.yc3sec .rcl,.yc3sec .rcr,.yc3sec .rcbtm,.yc3sec .rcbtm div {zoom:1; filter:alpha(opacity:100)}

/*文章欄透明度*/
.yc3pribd .rctop, .yc3pribd .rctop div, .yc3pribd .rcl, .yc3pribd .rcr, .yc3pribd .rcbtm, .yc3pribd .rcbtm div {zoom:1; filter:alpha(opacity:100)}

/*小圖組合邊框*/

.ycntmod .rctop {background:url(形狀小圖網址) center top repeat-x;margin-right:3px;}

.ycntmod .rcbtm {background:url(形狀小圖網址) center bottom repeat-x;margin-right:3px;}

.ycntmod .rctop div {background:url(形狀小圖網址) right top no-repeat;height:6px;}

.ycntmod .rcbtm div {background:url(形狀小圖網址) right bottom no-repeat;height:6px;}

.ycntmod .rcl {padding-left:6px;background:url(形狀小圖網址) left repeat-y;}

.ycntmod .rcr {padding-right:6px;background:url(形狀小圖網址) right repeat-y;}

   

調整解說 : (設定值以小圖的像素值為準,此語法是以 10X10px 像素值做基準,以半形顯示,如果小圖為透明圓形圖時,則顯示的圖框為波浪形)

.ycntmod .rctop {background:url(形狀小圖網址) center top repeat-x;margin-right:3px;}

3px 此值設定上邊框靠左縮邊的像素值距離,在上邊框以橫向重複排列顯示

.ycntmod .rcbtm {background:url(形狀小圖網址) center bottom repeat-x;margin-right:3px;}

3px 此值設定下邊框靠左縮邊的像素值距離,在下邊框以橫向重複排列顯示

.ycntmod .rctop div {background:url(形狀小圖網址) right top no-repeat;height:6px;}

6px 此值設定小圖右上角靠邊呈現的像素值,以單一小圖不重複顯示,同時影響上邊框靠邊的距離

.ycntmod .rcbtm div {background:url(形狀小圖網址) right bottom no-repeat;height:6px;}

6px 此值設定小圖右下角靠邊呈現的像素值,以單一小圖不重複顯示,同時影響下邊框靠邊的距離

.ycntmod .rcl {padding-left:6px;background:url(形狀小圖網址) left repeat-y;}

6px 此值設定小圖靠邊呈現的像素值距離,在左邊框以縱向重複排列顯示

.ycntmod .rcr {padding-right:6px;background:url(形狀小圖網址) right repeat-y;}

6px 此值設定小圖靠邊呈現的像素值距離,在右邊框以縱向重複排列顯示

{zoom:1; filter:alpha(opacity:100)} =透明度調整 0~100 ,0 為透明

貼語法路徑→管理部落格→面板設定→自訂樣式→加入語法→確定

    

下圖為參考圖 : 點小圖另開視窗

 

p

p

p

p

p

p

p

p

p

p

p

p

p

p

p

p

p

p

p

p

p

p

p

p

p

p

p

p

p

p

p

p

p

p

p

p

p

p

p

p

p

p

p

p

p

p

p

p

p