本文引用自shanti6521 - 學習基本簡單框架
編輯框架簡單語法套用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>
|
|
實框預覽↓
透明信紙框應用
感謝品味人生語法釋解
留言列表