標籤:

背景的製作

     有很多朋友和我一樣都非常喜歡背景代碼。為此我把一些背景代碼的使用方法,發到圈子裡和朋友們一起學習,互相交流一下,如果你有好的背景代碼和簡單方便的使用方法,以回貼的方式,發到圈子這裡,讓我們一起共享!

     製作背景非常簡單,讓我們的帖子爭取達到,圖文並茂、簡單易學,讓更多的朋友學會使用背景,讓更多的帖子漂亮起來。

背景代碼的簡單使用

     1. 打開撰寫新日誌,點選「顯示源代碼」,使前面打上對號即可。

     2. 把下面代碼複製粘貼到撰寫欄內:

將代碼中紅色的「圖片地址」換成自己喜愛的日誌背景圖片地址;

右鍵點擊你所喜歡的圖片,找到屬性,裡面就有圖片的地址,複製到「圖片地址」中就可以。

 

一層邊框的代碼:

<DIV><SPAN></SPAN>&nbsp;</DIV>

<DIV></DIV>

<DIV>

<TABLE style="BACKGROUND-IMAGE: url(http://1832.img.pp.sohu.com.cn/images/blog/2008/6/2/8/22/11aeb74c819.jpg); WIDTH: 100%; HEIGHT: 135px" cellSpacing=1>

<TBODY>

<TR>

<TD>

<P><IMG style="FLOAT: right; MARGIN: 0px 0px 10px 10px; WIDTH: 34px; HEIGHT: 1800px" height=857 alt="" src="https://www.getit01.com/getimg_360.php?url=http://1812.img.pp.sohu.com.cn/images/blog/2008/6/23/22/17/11b5b0a3b66.jpg" width_=50 border=0><IMG style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 34px; HEIGHT: 1800px" height=857 alt="" src="https://www.getit01.com/getimg_360.php?url=http://1812.img.pp.sohu.com.cn/images/blog/2008/6/23/22/17/11b5b0a3b66.jpg" width_=50 border=0><IMG style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 30px; HEIGHT: 1800px" height=826 alt="" src="https://www.getit01.com/getimg_360.php?url=http://1812.img.pp.sohu.com.cn/images/blog/2008/6/23/22/19/11b5b0bff88.jpg" width_=30 border=0></P>

<P>&nbsp;</P>

<P align=right>&nbsp;&nbsp;</P></TD></TR></TBODY></TABLE></DIV>

 

一層邊框的代碼:

 

 

<TABLE style="BACKGROUND-IMAGE: url(圖片地址); WIDTH: 100%" cellSpacing=45 cellPadding=2 bgColor=#ffffff border=4>

<TBODY>

<TR>

<TD>

<P align=center>日誌內容</P>

<P align=center>&nbsp;</P></TD></TR></TBODY></TABLE>

 

 

 

二層的代碼:

<TABLE style="BACKGROUND-IMAGE: url(圖片1地址); WIDTH: 90%" cellSpacing=45 cellPadding=2 bgColor=#ffffff border=4>

<TBODY>

<TR>

<TD>

<P align=center>

<TABLE style="BACKGROUND-IMAGE: url(圖片2地址); WIDTH: 90%" cellSpacing=45 cellPadding=2 bgColor=#ffffff border=4>

<TBODY>

<TR>

<TD>

<P align=center><FONT face=楷體_GB2312 color=#000000 size=4><STRONG></STRONG></FONT>&nbsp;</P>

<P align=center><FONT face=楷體_GB2312 color=#000000 size=4><STRONG><FONT color=#0000ff size=5><FONT color=#ffff00 size=6>&nbsp;</FONT>&nbsp;</FONT></STRONG></FONT></P>

<P align=center><STRONG><FONT face=楷體_GB2312 color=#0000ff size=5></FONT></STRONG>&nbsp;&nbsp;</P></TD></TR></TBODY></TABLE></P></TD></TR></TBODY></TABLE>

 

三層的代碼:

<TABLE style="WIDTH:100%" cellSpacing=5 cellPadding=3 bgColor=#be77ff border=2>

<TBODY>

<TR>

<TD>

<TABLE style="WIDTH: 100%" cellSpacing=2 cellPadding=3 bgColor=#d3a4ff border=2>

<TBODY>

<TR>

<TD>

<TABLE style="BACKGROUND-IMAGE: url(http://1864.img.pp.sohu.com.cn/images/2008/11/19/15/4/11e5bdd9870g213.jpg); WIDTH: 100%" cellSpacing=10>

<TBODY>

<TR>

<TD>

<TABLE style="BACKGROUND-IMAGE: url(http://1834.img.pp.sohu.com.cn/images/2008/11/19/13/2/11e5b6bff23g215.jpg); WIDTH: 100%" cellSpacing=50>

<TBODY>

<TR>

<TD>

<TABLE style="WIDTH: 100%" cellSpacing=1 cellPadding=3 bgColor=#d3a4ff border=2>

<TBODY>

<TR>

<TD>

<TABLE style="BACKGROUND-IMAGE: url(http://1844.img.pp.sohu.com.cn/images/2008/11/19/15/4/11e5bdd9da4g213.jpg); WIDTH: 100%" cellSpacing=5>

<TBODY>

<TR>

<TD>

<TABLE style="WIDTH: 100%" cellSpacing=3 cellPadding=3 bgColor=#be77ff border=2>

<TBODY>

<TR>

<TD>

<TABLE style="WIDTH: 100%" cellSpacing=10 cellPadding=3 bgColor=#dcb5ff border=2>

<TBODY>

<TR>

<TD>

<P align=center><A href="http://bbs.jz.shangdu.com/Thread,6187239.htm" target=_top><FONT color=#9900cc></FONT></A></P>

<P align=center><FONT face=楷體_GB2312 color=#9900cc size=5></FONT></P>

<P align=center><FONT face=楷體_GB2312 color=#9900cc size=5></FONT>&nbsp;</P>

<P align=center><FONT face=楷體_GB2312 color=#9900cc></FONT><FONT color=#ffff00 size=5><STRONG>&nbsp;&nbsp;在此寫文章</STRONG></FONT></P>

<P align=center><FONT face=楷體_GB2312 color=#9900cc size=5></FONT></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE> 

 

邊框五層:

<DIV>

<DIV>

<TABLE style="BACKGROUND-IMAGE: url(http://1862.img.pp.sohu.com.cn/images/2008/10/28/18/0/11deaa74c8cg213.jpg); WIDTH: 100%" cellSpacing=60>

<TBODY>

<TR>

<TD>

<TABLE style="BACKGROUND-IMAGE: url(http://1853.img.pp.sohu.com.cn/images/2008/9/22/11/26/11d2f23af60g213.jpg); WIDTH: 100%" cellSpacing=10>

<TBODY>

<TR>

<TD>

<TABLE style="BACKGROUND-IMAGE: url(http://122.img.pp.sohu.com/images/blog/2008/1/14/23/26/11815d70424.jpg); WIDTH: 100%" cellSpacing=35>

<TBODY>

<TR>

<TD>

<TABLE style="BACKGROUND-IMAGE: url(http://121.img.pp.sohu.com/images/blog/2008/3/11/12/15/1193a1b61d0.jpg); WIDTH: 100%" cellSpacing=10>

<TBODY>

<TR>

<TD>

<TABLE style="BACKGROUND-IMAGE: url(http://1863.img.pp.sohu.com.cn/images/2008/9/22/11/26/11d2f28a353g215.jpg); WIDTH: 100%" cellSpacing=45>

<TBODY>

<TR>

<TD>

<P align=center>&nbsp;<FONT face=楷體_GB2312 color=#66ffcc size=5><STRONG><FONT color=#cc99ff></FONT></STRONG></FONT></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></DIV>

 

邊框五層:

<TABLE style="BACKGROUND-IMAGE: url(http://www.123qq.net.cn/uploads/allimg/080331/1800264.jpg); WIDTH: 100%" cellSpacing=60>

<TBODY>

<TR>

<TD>

<TABLE style="BACKGROUND-IMAGE: url(http://115.img.pp.sohu.com/images/2007/5/17/16/26/113315586cb.gif); WIDTH: 100%" cellSpacing=10>

<TBODY>

<TR>

<TD>

<TABLE style="BACKGROUND-IMAGE: url(http://img3.3lian.com/2006/013/17/20054161464942.jpg); WIDTH: 100%" cellSpacing=15>

<TBODY>

<TR>

<TD>

<TABLE style="BACKGROUND-IMAGE: url(http://115.img.pp.sohu.com/images/2007/5/17/16/26/113315586cb.gif); WIDTH: 100%" cellSpacing=10>

<TBODY>

<TR>

<TD>

<TABLE style="BACKGROUND-IMAGE: url(http://1853.img.pp.sohu.com.cn/images/2008/9/21/11/1/11d29f6e7a7g215.jpg); WIDTH: 100%" cellSpacing=35>

<TBODY>

<TR>

<TD>

<P align=center><FONT color=#00ff00>&nbsp;</FONT></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

 

 

效果圖

     3. 把「顯示源代碼」前的對號去掉,就可看到撰寫欄內的圖片了。如果位置或大小不理想,可更改代碼里的各項參數,調整到滿意為止;如果在網上看到喜歡的圖片,用它的網址替換代碼中的圖片網址(加橫線處)就可以把漂亮圖片搬到你的帖子日誌里了。

    4. 取你喜歡的日誌背景,點擊滑鼠右鍵,找到圖片的地址。找到屬性,裡面就有圖片的地址,複製到「圖片地址」中就可以。

    5. 在撰寫日誌的右下角點擊「「顯示源代碼」待代碼輸入再切換回來即可。切換回來以後在圖片上雙擊滑鼠左鍵按照往常的方法寫文章了。

效果圖

 

 

 

 

 


推薦閱讀:

《整容室第三季》有什麼看點?
《魔戒》的創作背景是什麼?
《出包王女》是在什麼背景下發行的?
陳法拉有怎樣的背景?
新房裝修完畢,電視背景牆越看越喜歡,沒入住前分享給大家瞧瞧!

TAG:背景 |