左右欄自動加框語法整理

2008051623:25

因為音符的欄位加ㄌ框,好多人在問語法,

所以才趕緊發了此篇,語法1由婆婆整理出的,

語法2由音符整理出,希望各位可以用語法讓你ㄉ格更漂亮唷~

1.自動加框後,欄位前小圖示會自動消失(引自):

/*自動加框*/

.ycntmod .mbd ul.list li {BACKGROUND: url(底圖網址) 0% 50%; COLOR: white; BORDER-TOP-STYLE: double; BORDER-RIGHT-STYLE: double; BORDER-LEFT-STYLE: double; BORDER-BOTTOM-STYLE: double;}

(1).選擇自己喜歡的圖片加進去，如果不加底圖只要框線，也可以不加圖片→ url( )

(2).選擇外框的樣式→none、dotted、dashed、solid、double、groove、ridge、insert、 outset

(3).設定框線顏色 → COLOR: white (設定框線顏色) 英文色碼表一英文色碼表二

(4).【編輯個人檔案】→【面板設定】→【自訂樣式】將修改後的語法貼進去就行了

（如果你是將語法貼在『文章前小圖的語法』上面，系統就是抓到文章前ㄉ小圖。如果你是將語法貼在『文章前小圖的語法』下面，系統就是抓到框線的底圖。）

2.自動加框後,欄位前小圖示存在框內(如下圖整理):

語法從欄位前小圖語法裡修改:

/*Nav module list左右欄標題前小圖&加框語法*/
.ycntmod .mbd ul.list li {background:url(小圖1網址) left .1em no-repeat;padding-left:22px;margin-bottom:3px;_margin-bottom:3px;_line-height:25px;COLOR:white; BORDER-TOP-STYLE: outset; BORDER-RIGHT-STYLE:outset ; BORDER-LEFT-STYLE:outset; BORDER-BOTTOM-STYLE:outset;}

.ycntmod .mbd ul.list li.more {margin:-3px 0 0 -3px;text-align:right;background:url(小圖2網址) 40px center no-repeat;COLOR:white; BORDER-TOP-STYLE: outset; BORDER-RIGHT-STYLE:outset; BORDER-LEFT-STYLE: outset; BORDER-BOTTOM-STYLE:outset;}

同上之(2),(3),可更改邊框顏色及框的樣式~

邊框樣式指令：none(無邊框)
　　　　　　     　dotted(點線)
　　　　　　     　dashed(虛線)
　　　　　　     　solid(實線)
　　　　　     　　double(雙線)
　　　　　　　     groove(立體凹線)
　　　　　　     　ridge(立體凸線)
　　　　　　     　inset(立體嵌入線)
　　　　　　     　outset(立體隆起線)