加工編輯框+教學與註解

 

快點兩下 反白文字                             貼上新編內文

 

 

 ~~點小圖~看大圖~~

 

　　　　

　　　　

　　　

　　　

　　　

　　　

 

 

圖片來源 :   喵喵加工整理上傳

 

換個不一樣的教學，看圖說故事囉。

醬子圖片的位置應該很清楚吧。

把自己想要的圖片網址，覆蓋住下面的圖片，

就是您要的編輯框架樣式囉。

**不要忘了有空格的部分喲**

紅色☞  的地方(background= bgColor=#000000 )。

<div align=center>&nbsp; 
<div align=center>&nbsp;&nbsp;
<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>&nbsp;</p>
<p align=center><font color=#ffffbf size=4></font>&nbsp;</p>
<p align=center><font color=#ffffbf size=4></font>&nbsp;</p>
<p align=center><font color=#ffffbf size=4></font>&nbsp;</p>
<p align=center><font color=#ffffbf size=4></font>&nbsp;</p>
<p align=center><font color=#ffffbf size=4></font>&nbsp;</p>
<p align=center><font color=#ffffbf size=4></font>&nbsp;</p>
<p align=center><font color=#ffffbf size=4></font>&nbsp;</p>
<p align=center><font color=#ffffbf size=4></font>&nbsp;</p>
<p align=center><font color=#ffffbf size=4></font>&nbsp;</p>
<p align=center><font color=#ffffbf size=4></font>&nbsp;</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>&nbsp;</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>

======================

 

 

ღ引用請整篇引用ღ

ღ也請帶走LOGOღ

ღ喵喵感謝您的支持ღ