close

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

 

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



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



圖高 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;/*文字內容背景色(不使用則不加入*/)">

文字標題



文字敘述





　

 

全文完整貼版語法

　

arrow
arrow
    全站熱搜

    babyhouseyumi 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄