框架語法總集,不錯喔^^

2009031503:22

 

 

編輯框架簡單語法套用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>&nbsp;
<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>&nbsp;
<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>

　

 

全文完整貼版語法

　

上一篇

框圖教學及面版框圖分享總列表^^

下一篇

模版框架應用03-【粉の翼】

相關文章

我要留言