編輯框架簡單語法套用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>
|
|
實框預覽↓
透明信紙框應用
感謝品味人生語法釋解
透明信紙語法:
<center><table cellSpacing=16 width=600 align=center background=背景底图地址 border=0 > <tbody> <tr> <td> <div align=center><table width:=500 height=130 cellspacing=18 cellpadding=18 width="500" background=
http://i299.photobucket.com/albums/mm303/sundakib36/22.gif
style="filter: Alpha(opacity=70)"> <tbody> <tr> <td width="84%"> <p align="center">直接输入文字</td></tr></tbody></table> <p align="center"></div></td>
</tr></tbody></table></center> </body></html> </body></html> </body></html> </body></html>
* 語法注解 * style="filter: Alpha(opacity=60)" 這一段就是讓表格呈現半透明效果的代碼,數字越大代表透明度越低 大家可以根據需要做調整.
|
|
漂亮框圖加文字
感謝原創 東港老大嘟嘟 分享的精緻少有相框集合^^
感謝語法大師 柏憲 語法分享教學^^
把握歲月學歷練 當竹筍成長為竹子後,它就不會以每天150公分的速度成長,當脫離了危險,漸漸茁壯時,便可以慢慢扎根,讓自己的根部,慢慢變粗、變硬、變大。這就像人一樣,當你的達到一定的水準,就可以往廣度走,這就是你的基礎。每個階段都有階段性的例行工作,尤其剛出社會的年輕人,挫折會比較多,這是一種學習;當你35歲成為管理階層,學習方式就要變得比較沉潛,不需要這麼急切,應該要學會讓自己做得更穩、做得更好。 這也是為什麼我一直提倡遊百國、吃百店、王品新鐵人、橫渡日月潭以及騎腳踏車環島,因為「時間點」很重要,等到我年紀大一點,或許我對這些事就不再抱有熱忱,也無法擁有更豐富的人生經驗。 |
↓
(二度空間)語法輔助應用(在圖框內加入文字)
<div align="center"> <table style="WIDTH:519px;HEIGHT:532px;BACKGROUND-REPEAT:no-repeat;border-collapse:collapse;" cellSpacing="0" cellPadding="0" border="0" background="http://korhyn3.k.o.pic.centerblog.net/oc36jxxb.jpg"> <tbody> <tr> <td> <div align="center"> <div style="PADDING-left:0px;padding-top:20px;FILTER:alpha(opacity=70);WIDTH:415px;HEIGHT:320px;BACKGROUND:#F5F5F5;"> <p align="center"><font size="4" face="Verdana" color="#0000cc"><b>文章標題</b></font></p> <p align="left"> <font size="4" face="Verdana" color="#0000cc">輸入文字</font></p> </div> </div> </td> </tr> </tbody> </table> </div> |
語法說明↓
<div align="center"> <table style="WIDTH:519px;HEIGHT:532px;/*圖片外框寬高(一般與尺寸圖片相同)*/BACKGROUND-REPEAT:no-repeat;border-collapse:collapse;" cellSpacing="0" cellPadding="0" border="0" background="http://korhyn3.k.o.pic.centerblog.net/oc36jxxb.jpg/*背景圖框網址*/"> <tbody> <tr> <td> <div align="center"> <div style="PADDING-left:0px;/*調整文字內容靠左側的位置*/padding-top:20px;/*調整文字內容靠上端的位置*/FILTER:alpha(opacity=70);/*調整文字及文字背景色的透明度*/WIDTH:415px;HEIGHT:320px;/*調整文字內容的顯示寬高*/BACKGROUND:#F5F5F5;/*文字內容背景色(不使用則不加入*/)"> <p align="center"><font size="4" face="Verdana" color="#0000cc"><b>文字標題</b></font></p> <p align="left"> <font size="4" face="Verdana" color="#0000cc">文字敘述</font></p> </div> </div> </td> </tr> </tbody> </table> </div> |
留言列表