學習基本簡單框架

2014020514:14

學習基本簡單框架

分享:

編輯框架簡單語法套用04-【混の合】

　

更多模版框架分享→ 97.06.28 新增

本文參考芯框架解析編製

感謝飛雪韓娃娃圖分享／感謝殺姐圖庫分享

語法編製作法：

下面有好幾種框架型式，選您喜歡的框架型，將語法複製貼到奇摩文章發表語法區，

或者可以貼到Fp(網頁編輯軟體)或是貼到這裡語法測試區，貼好語法後，

把語法中說明的文字需要物件貼入，按回文章區或預覽或送出，可以馬上看到效果。

滿意了就可以發表，這就是美麗框架文製作過程。

　

以下的各個框架語法，皆出自好心的大大們分享，

玄音只是借花獻佛的集結在一起，方便大家應用，

也有朋友在製框架過程很是困擾，現在玄音將語法釋出，

希望可以讓大家在製框過程更簡單歡喜，在此感恩所有大大們的辛苦及分享^^

　

基本框架語法

<table cellSpacing=2 cellPadding=10 align=center background=http://qxq.sakura.ne.jp/vvv/flashtome001.gif border=3>
<tbody>
<tr>
<td>
<table cellSpacing=2 cellPadding=6 align=center bgColor=#000000 border=8>
<tbody>
<tr>
<td><font color=#ffff80>有趣喔^^</font></td></tr></tr></tbody></table></td></tr></tbody></table>

實框預覽↓

有趣喔^^

實用框架語法

<table cellSpacing=儲存格間距尺寸cellPadding=儲存格墊充尺寸align=center bgColor=表格背景色background=表格底圖網址border=框線尺寸>
<tbody>
<tr>
<td>
<table cellSpacing=儲存格間距尺寸cellPadding=儲存格墊充尺寸align=center bgColor=表格背景色background=表格底圖網址border=框線尺寸>
<tbody>
<tr>
<td>
<table cellSpacing=儲存格間距尺寸cellPadding=儲存格墊充尺寸align=center bgColor=表格背景色background=表格底圖網址border=框線尺寸>
<tbody>
<tr>
<td>
<table cellSpacing=儲存格間距尺寸cellPadding=儲存格墊充尺寸align=center bgColor=表格背景色background=表格底圖網址border=框線尺寸>
<tbody>
<tr>
<td>
<p align=center><img height=圖高src="標圖網址" width=圖寬border=0 /></p>
<p align=center><img height=圖高src="水平線圖網址" width=圖寬border=0 /></p>
<p align=center><font face=字體 color=文字色size=文字尺寸>文字輸入</font></p>
</td></tr></tr></tbody></table></td></tr></tbody></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table>

實框預覽↓

文字輸入

平面框架語法：

<p> 
<table cellSpacing=0 cellPadding=儲存格墊充尺寸align=center background=表格底圖網址border=框線尺寸>
<tbody>
<tr>
<td width="100%">
<table cellSpacing=0 cellPadding=儲存格墊充尺寸background=表格底圖網址border=框線尺寸>
<tbody>
<tr>
<td>
<table cellSpacing=儲存格間距尺寸cellPadding=儲存格墊充尺寸background=表格底圖網址border=框線尺寸>
<tbody>
<tr>
<td background=儲存格背景圖網址>
<table cellSpacing=0 background=表格底圖網址border=框線尺寸>
<tbody>
<tr>
<td background=儲存格背景圖網址>
<table cellSpacing=0 cellPadding=5 background=表格底圖網址border=框線尺寸>
<tbody>
<tr>
<td background=儲存格背景圖網址>
<p align=center><img height=圖高src="標圖網址" width=圖寬border=0 /></p>
<p align=center><font face=字體 color=文字色size=文字尺寸>文字</font></p>
<p align=center><img height=圖高src="水平線圖網址" width=圖寬border=0 /></p>
<p align=center><img height=圖高src="logo圖網址" width=圖寬border=0 /></p>
</td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></p>

實框預覽↓

文字

立體框(內文字加框)語法：

<p> 
<table style="BORDER-LEFT-COLOR: #最外框左邊框色; BORDER-BOTTOM-COLOR: #最外框下邊框色; BORDER-TOP-STYLE: groove; BORDER-TOP-COLOR: #最外框上邊框色; BORDER-RIGHT-STYLE: groove; BORDER-LEFT-STYLE: groove; BORDER-COLLAPSE: collapse; BORDER-RIGHT-COLOR: #最外框右邊框色; BORDER-BOTTOM-STYLE: groove" cellSpacing=0 cellPadding=0 align=center border=框線尺寸寸>
<tbody>
<tr>
<td>
<table style="BORDER-LEFT-COLOR: #第二框左邊框色; BORDER-BOTTOM-COLOR: #第二框下邊框色; BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: #第二框上邊框色; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-COLLAPSE: collapse; BORDER-RIGHT-COLOR: #第二框右邊框色; BORDER-BOTTOM-STYLE: inset" cellSpacing=0 cellPadding=0 align=center border=框線尺寸>
<tbody>
<tr>
<td>
<table cellSpacing=儲存格間距尺寸cellPadding=儲存格墊充尺寸align=center bgColor=表格背景色background=表格底圖網址border=框線尺寸>
<tbody>
<tr>
<td>
<table style="BORDER-LEFT-COLOR: #第四框左邊框色; BORDER-BOTTOM-COLOR: #第四框下邊框色; BORDER-TOP-STYLE: groove; BORDER-TOP-COLOR: #第四框上邊框色; BORDER-RIGHT-STYLE: groove; BORDER-LEFT-STYLE: groove; BORDER-COLLAPSE: collapse; BORDER-RIGHT-COLOR: #第四框右邊框色; BORDER-BOTTOM-STYLE: groove" cellSpacing=儲存格間距尺寸cellPadding=儲存格墊充尺寸align=center background=表格底圖網址border=框線尺寸>
<tbody>
<tr>
<td>
<table style="BORDER-LEFT-COLOR: #第五框左邊框色; BORDER-BOTTOM-COLOR: #第五框下邊框色; BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: #第五框上邊框色; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-COLLAPSE: collapse; BORDER-RIGHT-COLOR: #第五框右邊框色; BORDER-BOTTOM-STYLE: inset" cellSpacing=0 cellPadding=0 align=center border=框線尺寸>
<tbody>
<tr>
<td>
<table style="BORDER-LEFT-COLOR: #第六框左邊框色; BORDER-BOTTOM-COLOR: #第六框下邊框色; BORDER-TOP-STYLE: groove; BORDER-TOP-COLOR: #第六框上邊框色; BORDER-RIGHT-STYLE: groove; BORDER-LEFT-STYLE: groove; BORDER-COLLAPSE: collapse; BORDER-RIGHT-COLOR: #第六框右邊框色; BORDER-BOTTOM-STYLE: groove" cellSpacing=儲存格間距尺寸cellPadding=儲存格墊充尺寸align=center background=表格底圖網址border=框線尺寸>
<tbody>
<tr>
<td>
<table cellSpacing=儲存格間距尺寸cellPadding=儲存格墊充尺寸align=center border=框線尺寸>
<tbody>
<tr>
<td background=儲存格背景圖網址>
<p align=center><img height=圖高src="標圖網址" width=圖寬border=0 /></p>
<p align=center><img height=圖高src="水平線圖網址" width=圖寬border=0 /></p>
<table cellSpacing=儲存格間距尺寸cellPadding=儲存格墊充尺寸width="100%" border=0>
<tbody>
<tr>
<td width="100%">
<div align=center>
<table cellSpacing=儲存格間距尺寸cellPadding=儲存格墊充尺寸background=表格底圖網址border=0>
<tbody>
<tr>
<td>
<div align=center>
<table cellPadding=儲存格墊充尺寸width=表格寬度background=表格底圖網址border=0>
<tbody>
<tr>
<td>
<p align=center><font face=字體 color=文字色size=文字尺寸>文字</font></p>
</td></tr></tbody></table></div></td></tr></tbody></table></div></td></tr></tbody></table>
<p align=center><img height=圖高src="logo圖網址" width=圖寬border=0 /></p>
</font></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></p>

實框預覽↓

文字

透明信紙框應用

感謝品味人生語法釋解

本文引用自rita589768 - 學習基本簡單框架

相關文章

超可愛的Blog Pet[多多]

祝你財源滾滾來 - 動圖