編輯框架簡單語法套用04-【混の合】
更多模版框架分享→
97.06.28 新增
本文參考芯框架解析編製
感謝飛雪韓娃娃圖分享／感謝殺姐圖庫分享
語法編製作法：
下面有好幾種框架型式，選您喜歡的框架型，將語法複製貼到奇摩文章發表語法區，
或者可以貼到Fp(網頁編輯軟體)或是貼到這裡語法測試區 ，貼好語法後，
把語法中說明的文字需要物件貼入，按回文章區或預覽或送出，可以馬上看到效果。
滿意了就可以發表，這就是美麗框架文製作過程。
以下的各個框架語法，皆出自好心的大大們分享，
玄音只是借花獻佛的集結在一起，方便大家應用，
也有朋友在製框架過程很是困擾，現在玄音將語法釋出，
希望可以讓大家在製框過程更簡單歡喜，在此感恩所有大大們的辛苦及分享^^
基本框架語法
實框預覽↓
實用框架語法
儲存格間距尺寸cellPadding=儲存格墊充尺寸align=center bgColor=表格背景色background=表格底圖網址border=框線尺寸>
儲存格間距尺寸cellPadding=儲存格墊充尺寸align=center bgColor=表格背景色background=表格底圖網址border=框線尺寸>
儲存格間距尺寸cellPadding=儲存格墊充尺寸align=center bgColor=表格背景色background=表格底圖網址border=框線尺寸>
儲存格間距尺寸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=框線尺寸>
儲存格背景圖網址>
表格底圖網址border=框線尺寸>
儲存格背景圖網址>
![]() 圖高src="標圖網址" width=圖寬border=0 />
字體 color=文字色size=文字尺寸>文字
![]() 圖高src="水平線圖網址" width=圖寬border=0 />
![]() 圖高src="logo圖網址" 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=框線尺寸寸>
#第二框左邊框色; 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=框線尺寸>
儲存格間距尺寸cellPadding=儲存格墊充尺寸align=center bgColor=表格背景色background=表格底圖網址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=框線尺寸>
儲存格間距尺寸cellPadding=儲存格墊充尺寸align=center border=框線尺寸>
儲存格背景圖網址>
![]() 圖高src="標圖網址" width=圖寬border=0 />
![]() 圖高src="水平線圖網址" width=圖寬border=0 />
儲存格間距尺寸cellPadding=儲存格墊充尺寸width="100%" border=0>
儲存格間距尺寸cellPadding=儲存格墊充尺寸background=表格底圖網址border=0>
儲存格墊充尺寸width=表格寬度background=表格底圖網址border=0>
|
|
![]() 圖高src="logo圖網址" width=圖寬border=0 />
|
|
|
|
|
|
|
|
|
實框預覽↓
透明信紙框應用
感謝品味人生語法釋解
|
透明信紙語法：
align=center background=背景底图地址 border=0 >
width="500" background=
http://i299.photobucket.com/albums/mm303/sundakib36/22.gif
style="filter: Alpha(opacity=70)">
|
* 語法注解 *
style="filter: Alpha(opacity=60)"
這一段就是讓表格呈現半透明效果的代碼,數字越大代表透明度越低
大家可以根據需要做調整.
|
|
漂亮框圖加文字
感謝原創 東港老大嘟嘟 分享的精緻少有相框集合^^
感謝語法大師 柏憲 語法分享教學^^
把握歲月學歷練
當竹筍成長為竹子後，它就不會以每天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;/*文字內容背景色(不使用則不加入*/)">
文字標題
文字敘述
|
|
留言列表
