語法說明 | |
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: | 左立體邊色碼 |
SCROLLBAR-ARROW-COLOR=箭頭(語法): 套上色碼(紫色為例)
SCROLLBAR-FACE-COLOR= 軸面(語法): 套上色碼(藍色為例)
SCROLLBAR-SHADOW-COLOR= 軸面右邊(語法): 套上色碼(紅色為例)
SCROLLBAR-DARKSHADOW-COLOR=右立體邊(語法): 套上色碼(黃色為例)
SCROLLBAR-HIGHLIGHT-COLOR=軸面左邊(語法): 套上色碼(白色為例)
SCROLLBAR-3DLIGHT-COLOR=左立體邊(語法): 套上色碼(綠色為例)
SCROLLBAR-TRACK-COLOR=軸軌(語法): 套上色碼(黑色為例)
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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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: 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="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>
--------------------------------------------------------------------------------------------------------------------------------------------
留言列表