大圖對接模板邊框制作(原創(chuàng )作者:幽夢(mèng))
很多朋友發(fā)信息說(shuō)原來(lái)的教程只發(fā)代碼看不明白,現在幽夢(mèng)結合實(shí)例重新做了一下,應該
都能看懂了。
組合的日志背景邊框制作方法步驟如下:
一:首先利用自己熟悉的圖片制作軟件,設計制作一幅自己滿(mǎn)意喜歡的背景圖片素材,或
選擇一幅自己喜歡的現成的背景圖片素材,如下圖:
二:將上圖分割成三部分如下:
上部
中部
下部
注意下,你的圖片切分后的某一部分必須是可以無(wú)限重疊的?。?!當然大圖音畫(huà)就
有多處切分部分可以無(wú)限重疊!
三:將圖片地址復制到如下的邊框代碼中:
下面是對接代碼:
<TABLE style="LEFT: -5px; BACKGROUND-IMAGE: url(圖片地址一); WIDTH: 800px; POSITION: relative; TOP: 0px" borderColor=#cccccc height=320 cellPadding=12 width="100%" align=center bgColor=#000000 border=0>
<TBODY>
<TR>
<TD>
<P align=center> </P>
<P align=center><FONT color=#cc9900 size=5></FONT> </P>
<P align=center> </P></TD></TR></TBODY></TABLE>
<DIV></DIV>
<DIV class=articalContent align=center>
<TABLE style="LEFT: -5px; BACKGROUND-IMAGE: url(圖片地址二); WIDTH: 800px; POSITION: relative; TOP: 0px" borderColor=#cccccc height=320 cellPadding=12 width="100%" align=center bgColor=#000000 border=0>
<TBODY>
<TR>
<TD>
<P align=center> </P>
<P align=center><FONT color=#cc9900 size=5></FONT> </P>
<P align=center> </P></TD></TR></TBODY></TABLE>
<DIV></DIV>
<DIV class=articalContent align=center>
<TABLE style="LEFT: -5px; BACKGROUND-IMAGE: url(圖片地址三); WIDTH: 800px; POSITION: relative; TOP: 0px" borderColor=#cccccc height=320 cellPadding=12 width="100%" align=center bgColor=#000000 border=0>
<TBODY>
<TR>
<TD>
<P align=center> </P>
<P align=center><FONT color=#cc9900 size=5></FONT> </P>
<P align=center> </P></TD></TR></TBODY></TABLE>
<DIV></DIV>
<DIV class=articalContent align=center>
四:這組代碼只有三張圖片的,每種顏色是一張圖片的代碼,別弄亂了。如果需要多的(比如大圖邊框),可復制粘貼增加。WIDTH是圖片的寬度,height是圖片的高度,要根據圖片的大小修改數值。
五、 加上一個(gè)邊框,效果如下:
這里輸入文字……
更多組合模板邊框點(diǎn)擊進(jìn)入 這樣設置好的圖片任意一張都可以寫(xiě)字,這比在在線(xiàn)編輯器里慢慢調整方便得多。外框怎么弄,幽夢(mèng)就不多說(shuō)了,前面有N多教程,有興趣的慢慢去看吧。
這簡(jiǎn)單的一組代碼,在QQ空間目前能運用自如的不多,這是幽夢(mèng)自創(chuàng )的(用過(guò)幽夢(mèng)做的
邊框的朋友都知道,博客套用的代碼沒(méi)這好做,而且上下不能寫(xiě)字,不過(guò)現在博客也開(kāi)始用這
種方法做),希望朋友拿去比幽夢(mèng)做得更好。
歡迎轉載 復制發(fā)表請保留原文鏈接!