夜星實戰語法-捲軸篇

2010012415:24

 

 
 
方便ㄉ隨身色碼表(可掛在自訂欄位) 
 
 
捲軸色碼位置解說:

SCROLLBAR-FACE-COLOR: #CCCCCC
移動棒的顏色
SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF
按鈕邊框內層左邊與上面的顏色
SCROLLBAR-SHADOW-COLOR: #FFFFFF
按鈕邊框內層右邊與下面的顏色
SCROLLBAR-3DLIGHT-COLOR: #CCCCCC
按鈕邊框外層左邊與上面的顏色
SCROLLBAR-ARROW-COLOR: #FFFFFF
按鈕箭頭的顏色
SCROLLBAR-TRACK-COLOR: #CCCCCC
底部軌道顏色
SCROLLBAR-DARKSHADOW-COLOR: #CCCCCC
按鈕邊框外層右邊與下面的顏色

基本語法:

<div style="OVERFLOW:auto;HEIGHT:250px;SCROLLBAR-TRACK-COLOR: #底部顏色;SCROLLBAR-FACE-COLOR: #移動顏色;SCROLLBAR-HIGHLIGHT-COLOR: #左上顏色;SCROLLBAR-SHADOW-COLOR: #內右下顏色;SCROLLBAR-3DLIGHT-COLOR: #外左上顏色;SCROLLBAR-DARKSHADOW-COLOR: #外右下顏色;SCROLLBAR-ARROW-COLOR: #3角箭頭;">文章寫入位置<div>

說明:
<div style="OVERFLOW:auto;(內容超出區塊自動由瀏覽器決定).
HEIGHT:250px;(內框架高度高度(若文章數量無超過高度設定值,則捲軸無作用)
高度可依文章大小改變
 
黑底
 
 

 

 
上面捲軸語法: 
 
<div align=center>
<div style="SCROLLBAR-ARROW-COLOR: #ff0000; SCROLLBAR-FACE-COLOR: #000000; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; HEIGHT: 200px; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffffff; OVERFLOW: auto; SCROLLBAR-TRACK-COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #ffffff">
<p><span></span>&nbsp;</p>
<p><span><img id=thumb_img_8 class=media title="" alt="""""" src="
http://i460.photobucket.com/albums/qq324/joefu196/th_ap_F23_20091002083758613.jpg" ?? /></span></p>
<p><span><a href="
http://tw.myblog.yahoo.com/jw!DITRgv.UQUUOWZkpPiKpHsbv/" target=_blank><strong><img alt="""""" src="http://www.fx-word.com/img1/20080424/1209031727T.gif" width=84 height=69 ?? /></strong></a></span></p>
<p><span><img border=0 alt="""""" src="
http://img223.imageshack.us/img223/985/18879kt7.gif" ?? /></span></p>
<p><span><a href="
http://tw.myblog.yahoo.com/jw%2130IGbceYHxLyylj1qMqeaA.YreHOP44R/"><img alt="""""" src="http://i460.photobucket.com/albums/qq324/joefu196/th_2.gif" width=100 height=40 ?? /></a></span></p>
</div></div>

 
 
 
說明:
白色部分為基本語法.紅色部分是+進去ㄉ圖就是"文章內容".
<div align=center>是圖片置中.
 
暗紅底
 

 

 
上面捲軸語法:

<div align=center>
<div style="SCROLLBAR-ARROW-COLOR: #11ff00; SCROLLBAR-FACE-COLOR: #630e0e; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; HEIGHT: 200px; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffffff; OVERFLOW: auto; SCROLLBAR-TRACK-COLOR: #630e0e; SCROLLBAR-3DLIGHT-COLOR: #ffffff">
<p><span></span>&nbsp;</p>
<p><span><img id=thumb_img_8 class=media title="" alt=""""""" src="
http://i460.photobucket.com/albums/qq324/joefu196/th_ap_F23_20091002083758613.jpg" ?? /></span></p>
<p><span><a href="
http://tw.myblog.yahoo.com/jw!DITRgv.UQUUOWZkpPiKpHsbv/" target=_blank><strong><img alt="""""" src="http://www.fx-word.com/img1/20080424/1209031727T.gif" width=84 height=69 ?? /></strong></a></span></p>
<p><span><img border=0 alt=""""""" src="
http://img223.imageshack.us/img223/985/18879kt7.gif" ?? /></span></p>
<p><span><a href="
http://tw.myblog.yahoo.com/jw%2130IGbceYHxLyylj1qMqeaA.YreHOP44R/"><img alt="""""" src="http://i460.photobucket.com/albums/qq324/joefu196/th_2.gif" width=100 height=40 ?? /></a></span></p>
</div></div>

說明:
白色部分為基本語法.紅色部分是+進去ㄉ圖就是"文章內容".
<div align=center>是圖片置中.
 
 
其它參考顏色
 

 
 

 

文章內容

語法:

<div style="SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-FACE-COLOR: #6c09b8; SCROLLBAR-DARKSHADOW-COLOR: #000000; HEIGHT: 150px; SCROLLBAR-HIGHLIGHT-COLOR: #000000; SCROLLBAR-SHADOW-COLOR: #000000; OVERFLOW: auto; SCROLLBAR-TRACK-COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #ffffff">
<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>
</div>

 

文章內容

語法:

<div style="SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-FACE-COLOR: #091bb8; SCROLLBAR-DARKSHADOW-COLOR: #000000; HEIGHT: 150px; SCROLLBAR-HIGHLIGHT-COLOR: #000000; SCROLLBAR-SHADOW-COLOR: #000000; OVERFLOW: auto; SCROLLBAR-TRACK-COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #ffffff">
<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>

</div>

文章內容

語法:

<div style="SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-FACE-COLOR: #091bb8; SCROLLBAR-DARKSHADOW-COLOR: #000000; HEIGHT: 150px; SCROLLBAR-HIGHLIGHT-COLOR: #000000; SCROLLBAR-SHADOW-COLOR: #000000; OVERFLOW: auto; SCROLLBAR-TRACK-COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #ffffff">
<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>
</div>

文章內容

語法:

<div style="SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-FACE-COLOR: #091bb8; SCROLLBAR-DARKSHADOW-COLOR: #000000; HEIGHT: 150px; SCROLLBAR-HIGHLIGHT-COLOR: #000000; SCROLLBAR-SHADOW-COLOR: #000000; OVERFLOW: auto; SCROLLBAR-TRACK-COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #ffffff">
<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>
</div>

文章內容

語法:

<div style="SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-FACE-COLOR: #7d7272; SCROLLBAR-DARKSHADOW-COLOR: #000000; HEIGHT: 150px; SCROLLBAR-HIGHLIGHT-COLOR: #000000; SCROLLBAR-SHADOW-COLOR: #ffffff; OVERFLOW: auto; SCROLLBAR-TRACK-COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #ffffff">
<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>
</div>