打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
背景的制作

     有很多朋友和我一样都非常喜欢背景代码。为此我把一些背景代码的使用方法,发到圈子里和朋友们一起学习,互相交流一下,如果你有好的背景代码和简单方便的使用方法,以回贴的方式,发到圈子这里,让我们一起共享!
     制作背景非常简单,让我们的帖子争取达到,图文并茂、简单易学,让更多的朋友学会使用背景,让更多的帖子漂亮起来。

背景代码的简单使用

     1. 打开撰写新日志,点选“显示源代码”,使前面打上对号即可。
     2. 把下面代码复制粘贴到撰写栏内:
将代码中红色的“图片地址”换成自己喜爱的日志背景图片地址;
右键点击你所喜欢的图片,找到属性,里面就有图片的地址,复制到“图片地址”中就可以。

 

一层边框的代码:

<DIV><SPAN></SPAN> </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="//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="//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="//1812.img.pp.sohu.com.cn/images/blog/2008/6/23/22/19/11b5b0bff88.jpg" width=30 border=0></P>
<P> </P>
<P align=right>  </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> </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> </P>
<P align=center><FONT face=楷体_GB2312 color=#000000 size=4><STRONG><FONT color=#0000ff size=5><FONT color=#ffff00 size=6> </FONT> </FONT></STRONG></FONT></P>
<P align=center><STRONG><FONT face=楷体_GB2312 color=#0000ff size=5></FONT></STRONG>  </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> </P>
<P align=center><FONT face=楷体_GB2312 color=#9900cc></FONT><FONT color=#ffff00 size=5><STRONG>  在此写文章</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> <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> </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. 在撰写日志的右下角点击““显示源代码”待代码输入再切换回来即可。切换回来以后在图片上双击鼠标左键按照往常的方法写文章了。

效果图

 

 

 

 

 

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
精美的框边
【制作代码】音画制作代码集
音画制作代码集(二)
在图片上面加滚动文字代码
html日志常用代码
精选常用QQ和博客装扮超级动画贴图(图片图像动画五)
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服