有很多朋友和我一样都非常喜欢背景代码。为此我把一些背景代码的使用方法,发到圈子里和朋友们一起学习,互相交流一下,如果你有好的背景代码和简单方便的使用方法,以回贴的方式,发到圈子这里,让我们一起共享!
制作背景非常简单,让我们的帖子争取达到,图文并茂、简单易学,让更多的朋友学会使用背景,让更多的帖子漂亮起来。
背景代码的简单使用
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>
三层的代码:
边框五层:
<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. 在撰写日志的右下角点击““显示源代码”待代码输入再切换回来即可。切换回来以后在图片上双击鼠标左键按照往常的方法写文章了。
效果图
联系客服