close



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









文字貼於此
是否發現此款文章框和以往所分享的不太一樣吧~
只要按照語法，將自己喜愛的圖檔貼上，
就可以有美美又可愛的文章框囉~
此款文章框架不會因為有太多閃圖，
導致開啓緩慢　也不會因為圖檔失連，
讓整篇文章底圖有太多的包子
讓整篇文章生動又不失美感，
琳達分享給您，希望您能受用
別忘了，正確的引用是種美德→ 如何正確引用請參考 
★琳達教你如何引用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 : 16px;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>







　～~感謝"linda 達令"分享~～　


　



arrow
arrow
    全站熱搜
    創作者介紹
    創作者 Myshero 的頭像
    Myshero

    ╰☆ Myshero520╭☆

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