|
~~點小圖~看大圖~~
圖片來源 : 
喵喵加工整理上傳
換個不一樣的教學，看圖說故事囉。
醬子圖片的位置應該很清楚吧。
把自己想要的圖片網址，覆蓋住下面的圖片，
就是您要的編輯框架樣式囉。
**不要忘了有空格的部分喲**
紅色☞ 的地方(background=
bgColor=#000000 )。
<div align=center>
<div align=center>
<table style="WIDTH: 513px; HEIGHT: 701px" border=0 cellSpacing=4 cellPadding=0 background= bgColor=#000000 align=center>
<tbody>
<tr>
<td>
<div align=center>
<table style="WIDTH: 513px; HEIGHT: 701px" border=0 cellSpacing=0 cellPadding=0 background=
bgColor=#000000 align=center>
<tbody>
<tr>
<td>
<div align=center>
<table style="FILTER: Alpha(opacity=80); WIDTH: 513px; HEIGHT: 701px" border=0 cellSpacing=0 cellPadding=0 background=
bgColor=#302006>
<tbody>
<tr>
<td width="100%">
<div align=left>
<div style="SCROLLBAR-ARROW-COLOR: #a16815; SCROLLBAR-FACE-COLOR: #800b20; MARGIN-TOP: 1px; WIDTH: 513px; SCROLLBAR-DARKSHADOW-COLOR: #940f06; HEIGHT: 670px; SCROLLBAR-HIGHLIGHT-COLOR: #a16815; MARGIN-LEFT: 0px; SCROLLBAR-SHADOW-COLOR: #a16815; OVERFLOW: auto; SCROLLBAR-TRACK-COLOR: #800b20; SCROLLBAR-3DLIGHT-COLOR: #940f06"><font color=#0080ff face=標楷體>
<p align=center><img style="FILTER: Alpha(opacity=100,style=3)" border=0 src="
" /></p>
<p align=center><font color=#ffffbf size=4>快點兩下<br>反白文字</font></p>
<p align=center><font color=#ffffbf size=4></font> </p>
<p align=center><font color=#ffffbf size=4></font> </p>
<p align=center><font color=#ffffbf size=4></font> </p>
<p align=center><font color=#ffffbf size=4></font> </p>
<p align=center><font color=#ffffbf size=4></font> </p>
<p align=center><font color=#ffffbf size=4></font> </p>
<p align=center><font color=#ffffbf size=4></font> </p>
<p align=center><font color=#ffffbf size=4></font> </p>
<p align=center><font color=#ffffbf size=4></font> </p>
<p align=center><font color=#ffffbf size=4></font> </p>
<p align=center><font color=#ffffbf size=4></font> </p>
<p align=center><font color=#ffffbf size=4>貼上新編內文</font></font></p>
<div align=center><img style="FILTER: Alpha(opacity=100,style=3)" border=0 src="
" /></div>
<div></div>
<div></div></div></font></div></td></tr></tbody></table></div></td></tr></tbody></table></div></td></tr></tbody></tbody></table></div></td></tr></tbody></table>
<div></div>
<div align=center>
<div align=center> </div></div>
======相關資料與語法註解======
style="WIDTH: 513px; HEIGHT: 701px" /*圖檔寬高*/
style="FILTER: Alpha(opacity=80); /*底圖透明度*/
style="FILTER: Alpha(opacity=100,style=3)" /*圖片漸層語法*/
<p align=物件置中><font color=#文字顏色 size=文字大小>快點兩下<br>反白文字</font></p>
/*設定呎吋捲軸語法*/
<div align=left>
<div style="SCROLLBAR-ARROW-COLOR: #a16815; SCROLLBAR-FACE-COLOR: #800b20; MARGIN-TOP: 1px; WIDTH: 513px; SCROLLBAR-DARKSHADOW-COLOR: #940f06; HEIGHT: 670px; SCROLLBAR-HIGHLIGHT-COLOR: #a16815; MARGIN-LEFT: 0px; SCROLLBAR-SHADOW-COLOR: #a16815; OVERFLOW: auto; SCROLLBAR-TRACK-COLOR: #800b20; SCROLLBAR-3DLIGHT-COLOR: #940f06">
#a16815 上下箭頭跟左右內側邊線
#800b20 軸軌
內外邊線 #940f06
MARGIN-TOP: 15px; 上面距離
WIDTH: 513px; 寬度
HEIGHT: 670px; 高度
MARGIN-LEFT: 0px; 左邊距離
======================
/**單張點小圖看大圖語法**/
<p align=center><a href="大圖網址"><img border=0 src="小圖網址" width=小圖寬度 height=小圖高度 /></a></p>
/**標題文字+底圖-註解**/
<p align=center><font style="BACKGROUND: url(底圖網址)" size=文字大小><font color=#0000>文字</font></font></p>
======================
