喵喵公告捲軸多用途框教學(重編)

再更改圖片網址跟圖片寬、高

好了之後把語法反白剪下

在要放圖片的地方 輸入隨意數字記號 以做為尋找標記

如 : 輸入 123123   作為記號標誌 

再點【觀看HTML原始碼】

在裡面找到數字記號標誌

貼上剛才剪下的語法

再點【觀看HTML原始碼】回文章編輯區裡看顯示成果囉。

在圖片裡面用滑鼠快點兩下 始可編輯

反白裡面的文字或內容

貼上您新編輯好的內容就OK啦!

/*語法註解*/

<p>&nbsp;</p>
<div align=center>
<table style="WIDTH: 圖寬px; HEIGHT: 圖高px" border=0 cellSpacing=邊線顯示寬度 cellPadding=0 background=邊線圖網址 bgColor=#邊線底色 align=center>
<tbody>
<tr>
<td>
<div align=center>
<table style="WIDTH: 圖寬px; HEIGHT: 圖高px" border=0 cellSpacing=0 cellPadding=0 background=底圖網址 bgColor=#底圖色碼>
<tbody>
<tr>
<td width="100%">
<div style="SCROLLBAR-ARROW-COLOR: #662900; SCROLLBAR-FACE-COLOR: #0d0500; WIDTH: 圖寬px; SCROLLBAR-DARKSHADOW-COLOR: #662900; HEIGHT: 圖高px; SCROLLBAR-HIGHLIGHT-COLOR: #0d0500; SCROLLBAR-SHADOW-COLOR: #662900; OVERFLOW: auto; SCROLLBAR-TRACK-COLOR: #0d0500; SCROLLBAR-3DLIGHT-COLOR: #662900">
<p align=center><font color=#文字色碼><span style="FONT-FAMILY: 標楷體; COLOR: white; FONT-SIZE: 16pt"></span>
<div align=center><font color=#文字色碼 size=文字大小></font>&nbsp;</div>
<div align=center><font color=#文字色碼 size=文字大小>輸入文字</font></div>
<div align=center>&nbsp;</div>
<div align=center><font color=#文字色碼 size=文字大小>輸入文字</font></div>
<div></div>
<div></div></font></div></td></tr></tbody></tr></tbody></tbody></table></div></td></tr></tbody></table></div>
<p align=center>&nbsp;</p>
 

下面是/*捲軸語法簡單好記的註解*/

通常喵仔都是使用最簡單好記又好用的方式，給大家做參考~~

 

<div style="SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-FACE-COLOR: #FFFFFF; WIDTH: 圖寬px; SCROLLBAR-DARKSHADOW-COLOR: #000000; HEIGHT: 圖高px; SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; SCROLLBAR-SHADOW-COLOR: #000000; OVERFLOW: auto; SCROLLBAR-TRACK-COLOR: #FFFFFF; SCROLLBAR-3DLIGHT-COLOR: #000000">

 

黃底黑字000000是(黑色)   000000    為主軸捲軸跟軸軌的色碼

黑底白字FFFFFF是(白色)   FFFFFF    為邊線捲軸跟箭頭的色碼

藍底 HEIGHT: 320px 為(圖片的高度)=捲軸高度的數值

粉紅 WIDTH: 240px 為(圖片的寬度)=捲軸寬度的數值

參考資料 :  二度空間-捲軸教學

參考資料 :  淺談捲軸

(強烈建議使用圖檔最好是自己上傳到自己的網路空間，

可別占用人家的圖檔空間太久，

否則造成人家網路空間超流量而失連，

就會造成分享版主非常大的困擾囉!)