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

2009120617:33

分類：語法應用

 

 

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


琳達專屬分線


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

<A href="http://tw.myblog.yahoo.com/linda590902/" target=blank><IMG alt=""""""""""""""""""""琳達"""""""""""""""""""" src="http://hk.geocities.com/ugly256395174/linda5.gif" border=0></A>




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

 

 

 

引用：http://tw.myblog.yahoo.com/jw!XQ1_TTWTHQ4yOF8G74a7_g--/article?mid=188272

上一篇

部落格版型(447) Merry Christmas 2009 聖誕快樂 -3

下一篇

喵喵-點圖看大圖語法分享 .

相關文章

我要留言