語法說明


SCROLLBAR-ARROW-COLOR:

箭頭色碼


BORDER-BOTTOM-STYLE:

下框線


SCROLLBAR-FACE-COLOR:

軸面色碼


BORDER-RIGHT-STYLE:

右框線


BACKGROUND-COLOR:

背景色


WIDTH:

捲軸框寬度


SCROLLBAR-DARKSHADOW-COLOR:

右立體邊色碼


BORDER-TOP-STYLE:

上框線


HEIGHT:

捲軸框高度


SCROLLBAR-HIGHLIGHT-COLOR:

軸面左邊色碼


COLOR:

可以是外框色也可以是字體色
字體要跟框不同色再打字處套語法
想說的話


SCROLLBAR-SHADOW-COLOR:

軸面右邊色碼


FONT-SIZE:

字體大小


BORDER-LEFT-STYLE:

左框線


SCROLLBAR-TRACK-COLOR:

軸軌色碼


SCROLLBAR-3DLIGHT-COLOR:

左立體邊色碼



一個捲軸有7個顏色

捲軸框內為7個語法解說與用顏色做區分對照



SCROLLBAR-ARROW-COLOR=箭頭(語法): 套上色碼(紫色為例)
SCROLLBAR-FACE-COLOR= 軸面(語法): 套上色碼(藍色為例)
SCROLLBAR-SHADOW-COLOR= 軸面右邊(語法): 套上色碼(紅色為例)
SCROLLBAR-DARKSHADOW-COLOR=右立體邊(語法): 套上色碼(黃色為例)
SCROLLBAR-HIGHLIGHT-COLOR=軸面左邊(語法): 套上色碼(白色為例)
SCROLLBAR-3DLIGHT-COLOR=左立體邊(語法): 套上色碼(綠色為例)
SCROLLBAR-TRACK-COLOR=軸軌(語法): 套上色碼(黑色為例)


 



想自己配色的附上我常用的日本 色碼表

 

 

框框語法有兩種,一種不能調整粗細,一種可以

指令碼有9種


不可調粗細語法:

BORDER-BOTTOM-STYLE:下框線指令碼
BORDER-RIGHT-STYLE: 右框線指令碼
BORDER-TOP-STYLE: 上框線指令碼
BORDER-LEFT-STYLE:左框線指令碼



可調粗細語法:

BORDER-BOTTOM:下框線色碼  ?px 指令碼
BORDER-RIGHT: 右框線色碼  ?px 指令碼
BORDER-TOP: 上框線色碼  ?px 指令碼
BORDER-LEFT:左框線色碼  ?px 指令碼



各框線指令碼實例:

none無框線      dotted點線        dashed虛線        solid實線       double雙線


ridge立體凸線   groove立體凹線   outset立體隆起線   inset立體嵌入線


 

就這樣形成各色捲軸加各式框了

 

 

以上是語法解說,以下是方便想用現成的人直接套用

語法都在每個捲軸框裡,若要改些顏色,再套用下去修改即可


以上已經說過框線有兩種語法

我比較喜歡用第二種語法,可調整線的粗細




再度說明:不要框線,去掉框線語法,可省掉輸入語法這道手續

不要的東西直接去掉語法即可

例:不要的東西去掉~去掉~去掉~語法就可以了




 BACKGROUND-COLOR: ←不要背景色,去掉背景色語法


 



 



SCROLLBAR-ARROW-COLOR=箭頭色語法
SCROLLBAR-FACE-COLOR= 軸面色語法
SCROLLBAR-SHADOW-COLOR= 軸面右邊色語法
SCROLLBAR-DARKSHADOW-COLOR=右立體邊色語法
SCROLLBAR-HIGHLIGHT-COLOR=軸面左邊色語法
SCROLLBAR-3DLIGHT-COLOR=左立體邊色語法
SCROLLBAR-TRACK-COLOR=軸軌色語法
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
捲軸不要有顏色去掉,注意建議全部都要去否則顏色會很怪


 



-----------------------------------------------------------------------------------------


立體凸線



<div align=center>
<div style="SCROLLBAR-ARROW-COLOR: #ffffff; BORDER-BOTTOM: #ffffff 4px ridge; BORDER-LEFT: #ffffff 4px ridge; SCROLLBAR-FACE-COLOR: #000000; BACKGROUND-COLOR: #ffffff; WIDTH: 400px; SCROLLBAR-DARKSHADOW-COLOR: #000000; HEIGHT: 100px; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; COLOR: #000000; SCROLLBAR-SHADOW-COLOR: #000000; FONT-SIZE: 10pt; OVERFLOW: auto; BORDER-TOP: #ffffff 4px ridge; SCROLLBAR-TRACK-COLOR: #909090; BORDER-RIGHT: #ffffff 4px ridge; SCROLLBAR-3DLIGHT-COLOR: #003366">想說的話</div></div>


<div align=center>
<div style="SCROLLBAR-ARROW-COLOR: #cc0099; BORDER-BOTTOM: #ffffff 4px ridge; BORDER-LEFT: #ffffff 4px ridge; SCROLLBAR-FACE-COLOR: #ededed; BACKGROUND-COLOR: #ffffff; WIDTH: 400px; SCROLLBAR-DARKSHADOW-COLOR: #9933ff; HEIGHT: 100px; SCROLLBAR-HIGHLIGHT-COLOR: #ffff00; COLOR: #cc0099; SCROLLBAR-SHADOW-COLOR: #ccccff; FONT-SIZE: 10pt; OVERFLOW: auto; BORDER-TOP: #ffffff 4px ridge; SCROLLBAR-TRACK-COLOR: #ffff99; BORDER-RIGHT: #ffffff 4px ridge; SCROLLBAR-3DLIGHT-COLOR: #cc66ff">想說的話</div></div>
-----------------------------------------------------------------------------------------------------------------------------------------------


雙線




<div align=center>
<div style="SCROLLBAR-ARROW-COLOR: #ffffff; BORDER-BOTTOM: #000000 4px double; BORDER-LEFT: #000000 4px double; SCROLLBAR-FACE-COLOR: #000000; BACKGROUND-COLOR: #ffffff; WIDTH: 400px; SCROLLBAR-DARKSHADOW-COLOR: #000000; HEIGHT: 100px; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; COLOR: #000000; SCROLLBAR-SHADOW-COLOR: #000000; FONT-SIZE: 10pt; OVERFLOW: auto; BORDER-TOP: #000000 4px double; SCROLLBAR-TRACK-COLOR: #909090; BORDER-RIGHT: #000000 4px double; SCROLLBAR-3DLIGHT-COLOR: #003366">想說的話</div></div>


<div align=center>
<div style="SCROLLBAR-ARROW-COLOR: #cc0099; BORDER-BOTTOM: #cc0099 4px double; BORDER-LEFT: #cc0099 4px double; SCROLLBAR-FACE-COLOR: #ededed; BACKGROUND-COLOR: #ffffff; WIDTH: 400px; SCROLLBAR-DARKSHADOW-COLOR: #9933ff; HEIGHT: 100px; SCROLLBAR-HIGHLIGHT-COLOR: #ffff00; COLOR: #cc0099; SCROLLBAR-SHADOW-COLOR: #ccccff; FONT-SIZE: 10pt; OVERFLOW: auto; BORDER-TOP: #cc0099 4px double; SCROLLBAR-TRACK-COLOR: #ffff99; BORDER-RIGHT: #cc0099 4px double; SCROLLBAR-3DLIGHT-COLOR: #cc66ff">想說的話</div></div>

------------------------------------------------------------------------------------------------------------------------------------------


實線



<div align=center>
<div style="SCROLLBAR-ARROW-COLOR: #ff3333; BORDER-BOTTOM: #003399 2px solid; BORDER-LEFT: #003399 2px solid; SCROLLBAR-FACE-COLOR: #333333; BACKGROUND-COLOR: #ffffff; WIDTH: 400px; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; HEIGHT: 100px; SCROLLBAR-HIGHLIGHT-COLOR: #0099ff; COLOR: #003399; SCROLLBAR-SHADOW-COLOR: #000000; FONT-SIZE: 10pt; OVERFLOW: auto; BORDER-TOP: #003399 2px solid; SCROLLBAR-TRACK-COLOR: #0191c8; BORDER-RIGHT: #003399 2px solid; SCROLLBAR-3DLIGHT-COLOR: #003399">想說的話</div></div>


<div align=center>
<div style="SCROLLBAR-ARROW-COLOR: #000099; BORDER-BOTTOM: #ffcc00 2px solid; BORDER-LEFT: #ffcc00 2px solid; SCROLLBAR-FACE-COLOR: #ffcc00; BACKGROUND-COLOR: #ffffff; WIDTH: 400px; SCROLLBAR-DARKSHADOW-COLOR: #3399ff; HEIGHT: 100px; SCROLLBAR-HIGHLIGHT-COLOR: #cc6633; COLOR: #ffcc00; SCROLLBAR-SHADOW-COLOR: #ffcc66; FONT-SIZE: 10pt; OVERFLOW: auto; BORDER-TOP: #ffcc00 2px solid; SCROLLBAR-TRACK-COLOR: #fcc800; BORDER-RIGHT: #ffcc00 2px solid; SCROLLBAR-3DLIGHT-COLOR: #0099cc">想說的話</div></div>

---------------------------------------------------------------------------------------------------------------------------------------------------


立體嵌入線



<div align=center>
<div style="SCROLLBAR-ARROW-COLOR: #ff0066; BORDER-BOTTOM: #ffffff 4px inset; BORDER-LEFT: #ffffff 4px inset; SCROLLBAR-FACE-COLOR: #ff99ff; BACKGROUND-COLOR: #ffffff; WIDTH: 400px; SCROLLBAR-DARKSHADOW-COLOR: #cc0033; HEIGHT: 100px; SCROLLBAR-HIGHLIGHT-COLOR: #ffccff; COLOR: #ff99ff; SCROLLBAR-SHADOW-COLOR: #ff3399; FONT-SIZE: 10pt; OVERFLOW: auto; BORDER-TOP: #ffffff 4px inset; SCROLLBAR-TRACK-COLOR: #ffb2ff; BORDER-RIGHT: #ffffff 4px inset; SCROLLBAR-3DLIGHT-COLOR: #ff66ff">想說的話</div></div>


<div align=center>
<div style="SCROLLBAR-ARROW-COLOR: #660066; BORDER-BOTTOM: #ffffff 4px inset; BORDER-LEFT: #ffffff 4px inset; SCROLLBAR-FACE-COLOR: #cc99ff; BACKGROUND-COLOR: #ffffff; WIDTH: 400px; SCROLLBAR-DARKSHADOW-COLOR: #663333; HEIGHT: 100px; SCROLLBAR-HIGHLIGHT-COLOR: #ffccff; COLOR: #cc99ff; SCROLLBAR-SHADOW-COLOR: #996699; FONT-SIZE: 10pt; OVERFLOW: auto; BORDER-TOP: #ffffff 4px inset; SCROLLBAR-TRACK-COLOR: #ddbcff; BORDER-RIGHT: #ffffff 4px inset; SCROLLBAR-3DLIGHT-COLOR: #cccccc">想說的話</div></div>
---------------------------------------------------------------------------------------------------------------------------------------------------

立體隆起線



<div align=center>
<div style="SCROLLBAR-ARROW-COLOR: #660033; BORDER-BOTTOM: #ffffff 4px outset; BORDER-LEFT: #ffffff 4px outset; SCROLLBAR-FACE-COLOR: #66cc66; BACKGROUND-COLOR: #ffffff; WIDTH: 400px; SCROLLBAR-DARKSHADOW-COLOR: #6600cc; HEIGHT: 100px; SCROLLBAR-HIGHLIGHT-COLOR: #333333; COLOR: #66cc66; SCROLLBAR-SHADOW-COLOR: #6666cc; FONT-SIZE: 10pt; OVERFLOW: auto; BORDER-TOP: #ffffff 4px outset; SCROLLBAR-TRACK-COLOR: #baff75; BORDER-RIGHT: #ffffff 4px outset; SCROLLBAR-3DLIGHT-COLOR: #9999cc">想說的話</div></div>


<div align=center>
<div style="SCROLLBAR-ARROW-COLOR: #0066cc; BORDER-BOTTOM: #ffffff 4px outset; BORDER-LEFT: #ffffff 4px outset; SCROLLBAR-FACE-COLOR: #ffff00; BACKGROUND-COLOR: #ffffff; WIDTH: 400px; SCROLLBAR-DARKSHADOW-COLOR: #333300; HEIGHT: 100px; SCROLLBAR-HIGHLIGHT-COLOR: #333300; COLOR: #ffff00; SCROLLBAR-SHADOW-COLOR: #3399cc; FONT-SIZE: 10pt; OVERFLOW: auto; BORDER-TOP: #ffffff 4px outset; SCROLLBAR-TRACK-COLOR: #ffff7a; BORDER-RIGHT: #ffffff 4px outset; SCROLLBAR-3DLIGHT-COLOR: #0099cc">想說的話</div></div>

----------------------------------------------------------------------------------------------------------------------------------------------------


立體凹線



<div align=center>
<div style="SCROLLBAR-ARROW-COLOR: #ff9900; BORDER-BOTTOM: #ffffff 4px groove; BORDER-LEFT: #ffffff 4px groove; SCROLLBAR-FACE-COLOR: #003399; BACKGROUND-COLOR: #ffffff; WIDTH: 400px; SCROLLBAR-DARKSHADOW-COLOR: #000000; HEIGHT: 100px; SCROLLBAR-HIGHLIGHT-COLOR: #ff6600; COLOR: #003399; SCROLLBAR-SHADOW-COLOR: #934f2e; FONT-SIZE: 10pt; OVERFLOW: auto; BORDER-TOP: #ffffff 4px groove; SCROLLBAR-TRACK-COLOR: #9999ff; BORDER-RIGHT: #ffffff 4px groove; SCROLLBAR-3DLIGHT-COLOR: #3399cc">想說的話</div></div>


<div align=center>
<div style="SCROLLBAR-ARROW-COLOR: #660033; BORDER-BOTTOM: #ffffff 4px groove; BORDER-LEFT: #ffffff 4px groove; SCROLLBAR-FACE-COLOR: #66cc66; BACKGROUND-COLOR: #ffffff; WIDTH: 400px; SCROLLBAR-DARKSHADOW-COLOR: #6600cc; HEIGHT: 100px; SCROLLBAR-HIGHLIGHT-COLOR: #333333; COLOR: #66cc66; SCROLLBAR-SHADOW-COLOR: #6666cc; FONT-SIZE: 10pt; OVERFLOW: auto; BORDER-TOP: #ffffff 4px groove; SCROLLBAR-TRACK-COLOR: #baff75; BORDER-RIGHT: #ffffff 4px groove; SCROLLBAR-3DLIGHT-COLOR: #9999cc">想說的話</div></div>
-------------------------------------------------------------------------------------------------------------------------------------------------------

虛線



<div align=center>
<div style="SCROLLBAR-ARROW-COLOR: #663399; BORDER-BOTTOM: #9999ff 2px dashed; BORDER-LEFT: #9999ff 2px dashed; SCROLLBAR-FACE-COLOR: #ffffff; BACKGROUND-COLOR: #ffffff; WIDTH: 400px; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; HEIGHT: 100px; SCROLLBAR-HIGHLIGHT-COLOR: #9999ff; COLOR: #9999ff; SCROLLBAR-SHADOW-COLOR: #663399; FONT-SIZE: 10pt; OVERFLOW: auto; BORDER-TOP: #9999ff 2px dashed; SCROLLBAR-TRACK-COLOR: #e0e0ff; BORDER-RIGHT: #9999ff 2px dashed; SCROLLBAR-3DLIGHT-COLOR: #663399">想說的話</div></div>


<div align=center>
<div style="SCROLLBAR-ARROW-COLOR: #336699; BORDER-BOTTOM: #336699 2px dashed; BORDER-LEFT: #336699 2px dashed; SCROLLBAR-FACE-COLOR: #ffffff; BACKGROUND-COLOR: #ffffff; WIDTH: 400px; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; HEIGHT: 100px; SCROLLBAR-HIGHLIGHT-COLOR: #99ccff; COLOR: #336699; SCROLLBAR-SHADOW-COLOR: #336699; FONT-SIZE: 10pt; OVERFLOW: auto; BORDER-TOP: #336699 2px dashed; SCROLLBAR-TRACK-COLOR: #c6e2ff; BORDER-RIGHT: #336699 2px dashed; SCROLLBAR-3DLIGHT-COLOR: #336699">想說的話</div></div>
--------------------------------------------------------------------------------------------------------------------------------------------------------

點線



<div align=center>
<div style="SCROLLBAR-ARROW-COLOR: #0033cc; BORDER-BOTTOM: #33ccff 3px dotted; BORDER-LEFT: #33ccff 3px dotted; SCROLLBAR-FACE-COLOR: #33ccff; BACKGROUND-COLOR: #ffffff; WIDTH: 400px; SCROLLBAR-DARKSHADOW-COLOR: #003366; HEIGHT: 100px; SCROLLBAR-HIGHLIGHT-COLOR: #99ffff; COLOR: #33ccff; SCROLLBAR-SHADOW-COLOR: #006699; FONT-SIZE: 10pt; OVERFLOW: auto; BORDER-TOP: #33ccff 3px dotted; SCROLLBAR-TRACK-COLOR: #7fffff; BORDER-RIGHT: #33ccff 3px dotted; SCROLLBAR-3DLIGHT-COLOR: #0099ff">想說的話</div></div>


<div align=center>
<div style="SCROLLBAR-ARROW-COLOR: #339900; BORDER-BOTTOM: #339900 3px dotted; BORDER-LEFT: #339900 3px dotted; SCROLLBAR-FACE-COLOR: #99ff99; BACKGROUND-COLOR: #ffffff; WIDTH: 400px; SCROLLBAR-DARKSHADOW-COLOR: #009900; HEIGHT: 100px; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; COLOR: #339900; SCROLLBAR-SHADOW-COLOR: #33cc00; FONT-SIZE: 10pt; OVERFLOW: auto; BORDER-TOP: #339900 3px dotted; SCROLLBAR-TRACK-COLOR: #ccffcc; BORDER-RIGHT: #339900 3px dotted; SCROLLBAR-3DLIGHT-COLOR: #99ff00">想說的話</div></div>
--------------------------------------------------------------------------------------------------------------------------------------------------------

無框線



<div align=center>
<div style="SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-FACE-COLOR: #00cccc; BACKGROUND-COLOR: #ffffff; WIDTH: 400px; SCROLLBAR-DARKSHADOW-COLOR: #0000cc; HEIGHT: 100px; SCROLLBAR-HIGHLIGHT-COLOR: #ccffff; COLOR: #00cccc; SCROLLBAR-SHADOW-COLOR: #3399cc; FONT-SIZE: 10pt; OVERFLOW: auto; SCROLLBAR-TRACK-COLOR: #59cccc; SCROLLBAR-3DLIGHT-COLOR: #00cccc">想說的話</div></div>


<div align=center>
<div style="SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-FACE-COLOR: #00cc99; BACKGROUND-COLOR: #ffffff; WIDTH: 400px; SCROLLBAR-DARKSHADOW-COLOR: #00ffcc; HEIGHT: 100px; SCROLLBAR-HIGHLIGHT-COLOR: #33ffff; COLOR: #00cc99; SCROLLBAR-SHADOW-COLOR: #669966; FONT-SIZE: 10pt; OVERFLOW: auto; SCROLLBAR-TRACK-COLOR: #66e5cc; SCROLLBAR-3DLIGHT-COLOR: #ccffff">想說的話</div></div>
------------------------------------------------------------------------------------------------------------------------------------------------------------

文章區或自訂欄位自動捲軸產生語法





文章區或自訂欄位自動捲軸產生語法



 
語法:


<div style="POSITION: relative; HEIGHT: 輸入數值px; OVERFLOW: auto">輸入內容</div>

 


範例語法:


<div style="POSITION: relative; HEIGHT: 200px; OVERFLOW: auto">文章區或自訂欄位自動捲軸語法範例</div>



語法解說:

HEIGHT: 輸入數值px=高度以上範例200


 


文章區範例



 



 


自訂欄位區範例






--------------------------------------------------------------------------------------------------------------------------------------------


有框線捲軸框語法



這是捲軸框語法可輸入文章內容、圖片或連結


<div align=center><div style="BORDER-BOTTOM: #780000 2px solid; BORDER-LEFT: #87e100 2px solid; BACKGROUND-COLOR: #fff0f0; WIDTH: 500px; HEIGHT: 100px; COLOR: #f00f00; FONT-SIZE: 40pt; OVERFLOW: auto; BORDER-TOP: #001e78 2px solid; BORDER-RIGHT: #f0e100 2px solid">這是捲軸框語法可輸入文章內容、圖片或連結</div></div>







 



無框線捲軸框語法




這是捲軸框語法可輸入文章內容、圖片或連結

<div align=center><div style="BACKGROUND-COLOR: #f0ff00; WIDTH: 500px; HEIGHT: 100px; COLOR: #3c0ff0; FONT-SIZE: 40pt; OVERFLOW: auto">這是捲軸框語法可輸入文章內容、圖片或連結</div></div>





 


無框線無背景色捲軸框語法



 


這是捲軸框語法可輸入文章內容、圖片或連結


<div align=center><div style="WIDTH: 500px; HEIGHT: 100px; COLOR: #3c0ff0; FONT-SIZE: 40pt; OVERFLOW: auto">這是捲軸框語法可輸入文章內容、圖片或連結</div></div>


 



 


 


BORDER-BOTTOM:下框線的顏色


BORDER-LEFT:左框線的顏色


BACKGROUND-COLOR:背景色


WIDTH:


HEIGHT:


COLOR:字體顏色


FONT-SIZE:字體大小


BORDER-TOP:上框線的顏色


BORDER-RIGHT:右框線的顏色


------------------------------------------------------------------------------------------------------------------------------------------



文章區加背景圖與顏色及外框語法



語法:




<table border=5 cellSpacing=6 cellPadding=10 background=圖片連結網址 align=center><tbody><tr><td>輸入心情記事</td>< /tr></tbody></table>



--------------------------------------------------------------------------------------------------------------------------------------------





以上來自:吾愛鼯家亞&恩&我的袋中秘蜜







引用:http://tw.myblog.yahoo.com/jw!R.LG_UeaHBKsESHCfX.uaT0-/article?mid=17949

arrow
arrow
    全站熱搜

    oreokimo 發表在 痞客邦 留言(0) 人氣()