夜星閃框製作小學堂

2010030208:20

 

 
1.準備閃燈.底圖
 
 
http://i860.photobucket.com/albums/ab168/starnew2010/m83gc5.gif?t=1266500423
 
 
http://img88.imageshack.us/img88/5640/wlsl0103sieerazcs.gif
 
 
http://i460.photobucket.com/albums/qq324/joefu196/3D_Fantasy.jpg?t=1264059052
 
2.讀懂簡框語法:
 
 

文章位置

<center>
<table border=1 cellSpacing=10 borderColor=#f70909 cellPadding=20 width=100>
<tbody>
<tr>
<td>

<table>
<tbody>
<p><font color=#c00000>文章位置</font></p>
</tbody></table></td></tr></center></tbody></table>
 
綠色部分是單框的頭語法.紅色是收尾語法.
要變雙層框.只要重複+上綠色部分的頭語法.
 
如下:
<center>
<table border=1 cellSpacing=10 borderColor=#f70909 cellPadding=20 width=100>
<tbody>
<tr>
<td>

<table border=1 cellSpacing=10 borderColor=#f70909 cellPadding=20 width=100>
<tbody>
<tr>
<td>

<table>
<tbody>
<p><font color=#c00000>文章位置</font></p>
</tbody></table></td></tr></center></tbody></table>
 
變成:

文章位置

 
要幾層就+幾次綠色部分.重複就好了.可改變數字的地方:
border 邊界  cell 原件  Spacing 間距  borderColor   邊界顏色  Padding 填充 width 寬度
 
3.框+底圖
http://img88.imageshack.us/img88/5640/wlsl0103sieerazcs.gif
 

文章位置

 
<center>
<table border=1 cellSpacing=1 borderColor=#ff0000 cellPadding=8 width=550 background=http://img88.imageshack.us/img88/5640/wlsl0103sieerazcs.gif>
<tbody>
<tr>
<td>

<table>
<tbody>
<p><font color=#c00000>文章位置</font>
</p>
</td></tr></tbody></table></center>
 
紫色部分就是+入底圖的位置
 
4.框+底圖+閃邊框
 

http://i860.photobucket.com/albums/ab168/starnew2010/m83gc5.gif?t=1266500423

文章位置

<center>
<table border=1 cellSpacing=1 borderColor=#ff0000 cellPadding=8 width=550 background=http://i860.photobucket.com/albums/ab168/starnew2010/m83gc5.gif?t=1266500423>
<tbody>
<tr>
<td>
<center>
<table border=1 cellSpacing=1 borderColor=#f70909 cellPadding=8 width=550 background=http://img88.imageshack.us/img88/5640/wlsl0103sieerazcs.gif>
<tbody>
<tr>
<td>
<table>
<tbody>
<p><font color=#c00000>文章位置</font></p>
</tbody></tr></tbody></table></td></tr></tbody></table></center></td></tr></tbody></table></center>

紫色部分就是+入底圖和閃圖的位置

第1個是邊框.第2個是底圖.

4.文章位置放1張大圖
 
http://i460.photobucket.com/albums/qq324/joefu196/3D_Fantasy.jpg?t=1264059052
 

文章位置

 
<center>
<table border=1 cellSpacing=1 borderColor=#ff0000 cellPadding=8 width=550 background=http://i860.photobucket.com/albums/ab168/starnew2010/m83gc5.gif?t=1266500423>
<tbody>
<tr>
<td>

<center>
<table border=1 cellSpacing=1 borderColor=#f70909 cellPadding=8 width=550 background=http://img88.imageshack.us/img88/5640/wlsl0103sieerazcs.gif>
<tbody>
<tr>
<td>

<table>
<tbody>
<center>
<p>
<img src="http://i460.photobucket.com/albums/qq324/joefu196/3D_Fantasy.jpg?t=1264059052" />
<p><font color=#ff0000>文章位置</font></p>
</tbody></tr></tbody></table></center></td></tr></tbody></table></center></td></tr></tbody></table></center></center></div></div></center></center>
 
依序:上是閃邊圖.中是底圖.下是文章大圖