在文章發表區內分別置入文章背景或底色

在文章發表區內分別置入文章背景或底色
(文章框架, 文章背景圖框)

＊＊＊下面所有＜　＞是用全型, 請改用半型< >


操作方式:
1.在文章發表區取消勾選HTML原始碼後貼上語法
2.取消勾選HTML原始碼後開始輸入文字

方法一:

語法:

＜table border=5 cellSpacing=6 cellPadding=10 background=圖片連結網址 align=center>＜tbody>＜tr>＜td>輸入文字＜/td>＜/tr>＜/tbody>＜/table>

 

＜table border=10 cellSpacing=0 cellPadding=6 bgColor=色碼 align=center>＜tbody>＜tr>＜td>輸入文字＜/td>＜/tr>＜/tbody>＜/table>

語法說明：

 

border=外框線寬度

cellSpacing=欄位與欄位間的距離

cellPadding=欄位內文字與框線間的距離

background=背景圖網址

Ex:

＜table border=5 cellSpacing=6 cellPadding=10 background=http://i1216.photobucket.com/albums/dd379/jg3432/p201204/p12040116.jpg align=center>＜tbody>＜tr>＜td>輸入文字＜/td>＜/tr>＜/tbody>＜/table>

 

＜table border=10 cellSpacing=0 cellPadding=6 bgColor= d1f4f3 align=center>＜tbody>＜tr>＜td>輸入文字＜/td>＜/tr>＜/tbody>＜/table>

特色: 寬度跟著yahoo blog 文章區的寬度, 高度隨輸入的文字行數擴充. 底圖會上下左右重複

 

衍生:

底色半透明字也半透明

＜table style="FILTER: alpha(opacity=30); BORDER-COLLAPSE: collapse" id=AutoNumber1 width=300 bgColor=#d1f4f3>＜tbody>＜tr>

＜td>＜font color=#00007f>文字打＜/font>＜/td>＜/tr>＜/tbody>＜/table>

 

方法二: 指定區塊大小輸入文字由左上開始

 

＜div style=" width: 背景圖寬度px; height: 背景圖高度px; z-index: 1; letter-spacing: 3px; background-image: url('圖片上傳網路空間取得的網址'); top:10px">

＜br>＜br>＜br>＜br>＜b>文章內容文字＜br>＜br>

文章內容文字＜br>＜br>

文章內容文字＜br>＜/font>＜/b>＜br>＜/p>

＜/div>

 

EX:

＜div style=" width: 600px; height: 700px; z-index: 1; letter-spacing: 3px; background-image: url(http://i1216.photobucket.com/albums/dd379/jg3432/p201204/p12040116.jpg); top:10px">

＜br>＜br>＜br>＜br>＜b>文章內容文字＜br>＜br>

文章內容文字＜br>＜br>

文章內容文字＜br>＜/font>＜/b>＜br>＜/p>

＜/div>

圖片半透明

EX:

＜div style="BACKGROUND-IMAGE: url(http://i1216.photobucket.com/albums/dd379/jg3432/p201204/p12040116.jpg); Z-INDEX: 1; FILTER: Alpha(opacity=40); WIDTH: 600px; LETTER-SPACING: 3px; HEIGHT: 740px; TOP: 10px">＜br>＜br>＜br>＜br>11＜/div>＜br>

**圖片區圖片及文字都變透明

 

方法三:

＜div style="FILTER: alpha(opacity=50); WIDTH: 600px; BACKGROUND: #ffffff">＜span style="COLOR: yellow">图层背景半透明，字体颜色也半透明＜/span> ＜/div>

 

個別文章區加入指定大小半透明背景圖, 輸入的文字不透明由左上起

＜div style="FILTER: alpha(opacity=50); WIDTH: 600px; HEIGHT:740PX; BACKGROUND-IMAGE:URL( http://i1216.photobucket.com/albums/dd379/jg3432/p201204/p12040116.jpg) ">＜span style="POSITION: relative; COLOR: BLACK">背景半透明，字體不透明＜/span> ＜/div>

50 調整透明度, 數字越小背景愈淡

Ex:

＜div style="BACKGROUND-IMAGE: url(http://i1216.photobucket.com/albums/dd379/jg3432/p201204/p12040116.jpg); FILTER: alpha(opacity=30); WIDTH: 600px; HEIGHT: 740px">

＜p>＜span style="POSITION: relative; COLOR: black">＜span style="FONT-FAMILY: 標楷體">＜font size=5>輸入文字＜/font>＜/span>＜/span>＜/p>

＜/div>

 

 

方法四: 目前最適用
用的是上面覆蓋一張白色圖, 因此調整透明度是上面那白色圖檔
字也保留不會變淡,
寬度跟著yahoo blog 文章區的寬度雖然有設寬度但沒有作用, 或許因為是yahoo 的限制,  待查
須設定圖片大小
文字上下左右置中開始列出

取消勾選html 預視和真正發表後的都不大同

＜table id=table36 border=0 cellSpacing=16 width=530 background= http://i1216.photobucket.com/albums/dd379/jg3432/p201204/p12040116.jpg align=center>

＜tbody>

＜tr>

＜td>

＜div align=center>

＜table style="FILTER: Alpha(opacity=60)" id=table37 cellSpacing=18 cellPadding=18 width=500 background=http://i299.photobucket.com/albums/mm303/sundakib36/22.gif height=130>

＜tbody>

＜tr>

＜td width="84%">

＜p align=center>＜font color=#0000ff>透明信紙語法：＜/font>＜/p>

＜/td>＜/tr>＜/tbody>＜/table>＜/div>＜/td>＜/tr>＜/tbody>＜/table>

 

改

＜table id=table36 border=0 cellSpacing=16 width=600 background=http://i1216.photobucket.com/albums/dd379/jg3432/p201204/p12040116.jpg align=center>

＜tbody>

＜tr>

＜td>

＜div align=center>

＜table style="FILTER: Alpha(opacity=60)" id=table37 cellSpacing=18 cellPadding=18 width=600 background=http://i299.photobucket.com/albums/mm303/sundakib36/22.gif height=740>

＜tbody>

＜tr>

＜td width="84%">

＜p align=center>＜font size=5 face=標楷體>透明信紙語法：＜/font>＜/p>

＜/font>＜/td>＜/tr>＜/tbody>＜/table>＜/div>＜/td>＜/tr>＜/tbody>＜/table>

 

＜TABLE>＜/TABLE>標籤告訴電腦我要做一個表格

＜TR>＜/TR>標籤先做一個橫列

然後在橫列中利用三組＜TD>＜/TD>標籤再分出三欄

至於 BORDER=1 這參數是設定此表格的框線粗細為 0

CELLPADDING屬性自由設定表格內文距離格線的距離

CELLSPACING屬性設定表格欄位格線之間的距離