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

888

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

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

本文參考芯框架解析編製

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

語法編製作法：

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

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

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

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

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

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

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

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

基本框架語法

有趣喔^^

實框預覽↓

有趣喔^^

實用框架語法

儲存格間距尺寸 cellPadding=儲存格墊充尺寸 align=center bgColor=表格背景色 background=表格底圖網址 border=框線尺寸>

圖高 src="標圖網址" width=圖寬 border=0 />

圖高 src="水平線圖網址" width=圖寬 border=0 />

字體 color=文字色 size=文字尺寸>文字輸入

實框預覽↓

文字輸入

平面框架語法：

儲存格墊充尺寸 align=center background=表格底圖網址 border=框線尺寸>

儲存格墊充尺寸 background=表格底圖網址 border=框線尺寸>

儲存格間距尺寸 cellPadding=儲存格墊充尺寸 background=表格底圖網址 border=框線尺寸>

儲存格背景圖網址>

表格底圖網址 border=框線尺寸>

儲存格背景圖網址>

圖高 src="標圖網址" width=圖寬 border=0 />

字體 color=文字色 size=文字尺寸>文字

圖高 src="水平線圖網址" width=圖寬 border=0 />

圖高 src="logo圖網址" width=圖寬 border=0 />

實框預覽↓

文字

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

圖高 src="logo圖網址" width=圖寬 border=0 />

第二框左邊框色; 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=框線尺寸>

第四框左邊框色; 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=框線尺寸>

第五框左邊框色; 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=框線尺寸>

第六框左邊框色; 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=框線尺寸>

儲存格背景圖網址>

圖高 src="標圖網址" width=圖寬 border=0 />

圖高 src="水平線圖網址" width=圖寬 border=0 />

最外框左邊框色; 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=框線尺寸寸>

儲存格間距尺寸 cellPadding=儲存格墊充尺寸 align=center bgColor=表格背景色 background=表格底圖網址 border=框線尺寸>

儲存格間距尺寸 cellPadding=儲存格墊充尺寸 align=center border=框線尺寸>

儲存格間距尺寸 cellPadding=儲存格墊充尺寸 width="100%" border=0>

儲存格間距尺寸 cellPadding=儲存格墊充尺寸 background=表格底圖網址 border=0>

儲存格墊充尺寸 width=表格寬度 background=表格底圖網址 border=0>

字體 color=文字色 size=文字尺寸>文字

實框預覽↓

文字

透明信紙框應用

感謝品味人生語法釋解

* 語法注解 *
style="filter: Alpha(opacity=60)"
這一段就是讓表格呈現半透明效果的代碼,數字越大代表透明度越低
大家可以根據需要做調整.
　

透明信紙語法：

align=center background=背景底图地址 border=0 >

width="500" background=

http://i299.photobucket.com/albums/mm303/sundakib36/22.gif

style="filter: Alpha(opacity=70)">

直接输入文字

漂亮框圖加文字

感謝原創東港老大嘟嘟分享的精緻少有相框集合^^

感謝語法大師柏憲語法分享教學^^

把握歲月學歷練

當竹筍成長為竹子後，它就不會以每天150公分的速度成長，當脫離了危險，漸漸茁壯時，便可以慢慢扎根，讓自己的根部，慢慢變粗、變硬、變大。這就像人一樣，當你的達到一定的水準，就可以往廣度走，這就是你的基礎。每個階段都有階段性的例行工作，尤其剛出社會的年輕人，挫折會比較多，這是一種學習；當你35歲成為管理階層，學習方式就要變得比較沉潛，不需要這麼急切，應該要學會讓自己做得更穩、做得更好。這也是為什麼我一直提倡遊百國、吃百店、王品新鐵人、橫渡日月潭以及騎腳踏車環島，因為「時間點」很重要，等到我年紀大一點，或許我對這些事就不再抱有熱忱，也無法擁有更豐富的人生經驗。

↓

(二度空間)語法輔助應用(在圖框內加入文字)

文章標題

輸入文字

語法說明↓

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/*背景圖框網址*/">

PADDING-left:0px;/*

調整文字內容靠左側的位置*/

padding-top:20px;/*調整文字內容靠上端的位置*/FILTER:alpha(opacity=70);/*調整文字及文字背景色的透明度*/WIDTH:415px;HEIGHT:320px;/*調整文字內容的顯示寬高*/BACKGROUND:#F5F5F5;/*文字內容背景色(不使用則不加入*/)">

文字標題

文字敘述