一張圖搞定一個文章框架

2009110315:17


琳達教學:一張圖搞定一個文章框架
 

文字貼於此
是否發現此款文章框和以往所分享的不太一樣吧~
只要按照語法,將自己喜愛的圖檔貼上,就可以有美美又可愛的文章框囉~
此款文章框架不會因為有太多閃圖,導致開啓緩慢
也不會因為圖檔失連,讓整篇文章底圖有太多的包子
讓整篇文章生動又不失美感,琳達分享給您,希望您能受用
別忘了,正確的引用是種美德→ 如何正確引用請參考  ★琳達教你如何引用BLOG文章★
您的引用將是我發文及分享最大的動力喔~
★本站文章巳申請註作權,請尊重他人正確引用





還有.....要記得將琳達的LOGO帶走,外連者請貼上原出處及我的連結

 琳達

<A href="http://tw.myblog.yahoo.com/linda590902/" target=blank><IMG alt="""""""""""琳達""""""""""" src="http://sites.google.com/site/linda750637/logo/linda4.gif"




文字貼於此
此框語法如下
<TABLE cellpadding="0" cellspacing="0" width="設定框寬度">
<TBODY>
<TR>
<TD><IMG src="上方圖檔網址" width="圖檔設定寬度" height="圖檔高度" border="0"></TD>
</TR>
<TR>
<TD bgcolor="底色色碼" style="padding-left : 20px;padding-right : 20px;padding-bottom : 20px;color : 字體色碼;font-size : 字體大小px;padding-top : 20px;" valign="top">文字貼於此</TD>
</TR>
</TBODY>
</TABLE>



文字貼於此
語法示範如下
<TABLE cellpadding="0" cellspacing="0" width="600">
<TBODY>
<TR>
<TD><IMG src="http://img11.imageshack.us/img11/9748/lindarlk22.gif" width="600" height="115" border="0"></TD>
</TR>
<TR>
<TD bgcolor="#ffffff" style="padding-left : 20px;padding-right : 20px;padding-bottom : 20px;color : #000000;font-size : 12px;padding-top : 20px;" valign="top">文字貼於此</TD>
</TR>
</TBODY>
</TABLE>



文字貼於此
此框語法如下
<TABLE cellpadding="0" cellspacing="0" width="文章框寬度設定">
<TBODY>
<TR>
<TD><IMG src="上方圖檔網址" width="上方圖檔寬度" height="上方圖檔高度" border="0"></TD>
</TR>
<TR>
<TD bgcolor="文章底色色碼" style="padding-top : 10px;padding-left : 10px;padding-right : 10px;padding-bottom : 10px;font-size : 12px;color : 文字色碼;">文字貼於此</TD>
</TR>
<TR>
<TD><IMG src="下方圖檔網址" width="下方圖檔寬度" height="下方圖檔高度" border="0"></TD>
</TR>
</TBODY>
</TABLE>



文字貼於此
語法示範如下
<TABLE cellpadding="0" cellspacing="0" width="600">
<TBODY>
<TR>
<TD><IMG src="http://img11.imageshack.us/img11/1526/2400.gif" width="600" height="40" border="0"></TD>
</TR>
<TR>
<TD bgcolor="#d0e0ff" style="padding-top : 20px;padding-left : 20px;padding-right : 20px;padding-bottom : 20px;font-size : 12px;color : #815821;">文字貼於此</TD>
</TR>
<TR>
<TD><IMG src="http://img25.imageshack.us/img25/1508/24linda3705.gif" width="600" height="63" border="0"></TD>
</TR>
</TBODY>
</TABLE>



文字貼於此
此框語法示範如下
<TABLE cellpadding="0" cellspacing="0" border="0" width="597">
<TBODY>
<TR>
<TD height="36" background="http://img154.imageshack.us/img154/8229/24linda3706.gif"></TD>
</TR>
<TR>
<TD style="border-left-width : 1px;border-right-width : 1px;border-left-style : solid;border-right-style : solid;border-left-color : #482400;border-right-color : #482400; padding : 1px;">
文字貼於此
</TD>
</TR>
<TR>
<TD height="58" background="http://img63.imageshack.us/img63/9422/24linda3707.gif"></TD>
</TR>
</TBODY>
</TABLE>



文字貼於此
此框語法示範如下
<TABLE cellpadding="0" cellspacing="0" border="0" width="597">
<TBODY>
<TR>
<TD height="36" background="http://img246.imageshack.us/img246/8350/24linda3709.gif"></TD>
</TR>
<TR>
<TD style="border-left-width : 1px;border-right-width : 1px;border-left-style : solid;border-right-style : solid;border-left-color : #482400;border-right-color : #482400; padding : 10px;">
文字貼於此
</TD>
</TR>
<TR>
<TD height="16" background="http://img203.imageshack.us/img203/5792/24linda3710.gif"></TD>
</TR>
</TBODY>
</TABLE>