【资源共享】背景图片的使用方法

常乐 · 发表于 2008-9-6 15:40

最近一段时间，很多朋友和我一样都比较热衷于背景图片的使用。为此我找了一些背景图片的使用方法，和朋友们一起学习，互相交流一下，如果你有好的背景图片和简单方便的使用方法，也可以以回贴的形式，发到这里，真正起到资源共享的作用!!

日志信纸代码

　　一、稿纸型信纸代码如下：
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD><SPAN id=c_107086>
<CENTER>
<TABLE cellSpacing=0 cellPadding=0 width="95%" border=0>
<TBODY>
<TR>
<TD width=66 height=26><IMG src="http://upload.yourblog.org/200511/happyboylin.20051118225156.gif"></TD>
<TD background=http://upload.yourblog.org/200510/enigma2.20051027051348.gif height=26>　</TD>
<TD width=26 height=26><IMG src="http://upload.yourblog.org/200510/enigma2.20051027051454.gif"></TD></TR>
<TR>
<TD width=66 background=http://upload.yourblog.org/200510/enigma2.20051027051537.gif>　</TD>
<TD>
<CENTER>
<TABLE width="100%" background=http://upload.yourblog.org/200510/enigma3.20051027064125.gif>
<TBODY>
<TR>
<TD><BR>
< align=left><FONT face=宋体 color=#5b005b size=2><FONT face=隶书 size=5></FONT><BR><BR></FONT>
<></P><FONT face=宋体 color=#5b005b size=2></FONT><BR></TD></TR></TBODY></TABLE></CENTER></TD>
<TD width=26 background=http://upload.yourblog.org/200510/enigma2.20051027051553.gif>　 </TD></TR>
<TR>
<TD width=66 height=31><IMG src="http://upload.yourblog.org/200511/happyboylin.20051118225844.gif"></TD>
<TD background=http://upload.yourblog.org/200510/enigma2.20051027051622.gif height=31>　</TD>
<TD width=26 height=31><IMG src="http://upload.yourblog.org/200510/enigma2.20051027051652.gif"></TD></TR></TBODY></TABLE></CENTER></SPAN></TD></TR></TBODY></TABLE><BR>

　　二、星空型纸信代码如下：
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD><SPAN id=c_107084>
<TABLE cellSpacing=1 cellPadding=0 width="98%" align=center border=0>
<TBODY>
<TR>
<TD></TD></TR>
<TR>
<TD height=17>
<TABLE height='’border="0"’' cellSpacing=0 cellPadding=0 width="90%">
<TBODY>
<TR>
<TD width=300 bgColor=#283b97 height=120> </TD>
<TD background=http://mimg.163.com/stationery/20050720/love_7-bg2.gif> </TD>
<TD width=253 background=http://mimg.163.com/stationery/20050720/love_7-1.jpg height=120> </TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="90%" border=0>
<TBODY>
<TR>
<TD width=22 bgColor=#283b97> </TD>
<TD style="PADDING-BOTTOM: 30px; COLOR: #aed4ee; LINE-HEIGHT: 28px" background=http://mimg.163.com/stationery/20050720/love_7-bg.gif>
<DIV><STATIONERY>   <STATIONERY></DIV></TD>
<TD width=18 bgColor=#283b97> </TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="90%">
<TBODY>
<TR>
<TD vAlign=bottom width=116 background=http://mimg.163.com/stationery/20050720/love_7-2.jpg bgColor=#ffffff height=120>  </TD>
<TD style="FONT-SIZE: 12px; COLOR: #79b4c5" vAlign=bottom align=right background=http://mimg.163.com/stationery/20050720/love_7-bg1.gif>   </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></SPAN></TD></TR></TBODY></TABLE>

　　三、紫花黑底信纸代码如下：
<TABLE cellPadding=50 width=480 align=center background=http://upload.yourblog.org/200512/apin.20051218113316.jpg border=0 cellSpacing30>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#ffffff cellSpacing=5 borderColorDark=#9966ff cellPadding=0 width=380 align=center border=3>
<TBODY>
<TR>
<TD><BR>
< align=center><FONT face=仿宋 color=#9966ff size=4></FONT>
<CENTER></CENTER>
<P></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

　　四、蓝宝石信纸代码如下：
<P><TABLE style="WIDTH: 442px; HEIGHT: 119px" borderColor=#0091ff height=119 cellSpacing=2 cellPadding=32 width=442 align=center background=http://upload.yourblog.org/200511/happyboylin.20051124113350.jpg border=1>
<TBODY>
<TR>
<TD>
<CENTER>
<P align=center><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 18pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#ff9a00> </P></FONT><BR><BR>
<P></P><IMG style="BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; WIDTH: 402px; BORDER-TOP-COLOR: #000000; HEIGHT: 40px; BORDER-RIGHT-COLOR: #000000" height=64 src="http://usmsad.tom.com/usmsweb/images/mms/product/srxh/s122.gif" width=402 border=0><BR></FONT></CENTER></TD></TR></TBODY></TABLE></P>

　　五、苹果树下信纸代码如下：
<P><TABLE class="fixedTable blogpost" cellSpacing=0 width="100%" border=0>
<TBODY>
<TR></TR>
<TR></TR>
<TR>
<TD id=msgcns!1pSt_gP1XO9shQaTTwgpJy7Q!8893>
<TABLE cellSpacing=0 cellPadding=0 width="99%" align=center border=0>
<TBODY>
<TR>
<TD width=178 background=http://mimg.163.com/stationery/20050204/unsort_2_top1.jpg height=114> </TD>
<TD width=205 background=http://mimg.163.com/stationery/20050204/unsort_2_top2.jpg> </TD>
<TD background=http://mimg.163.com/stationery/20050204/unsort_2_topbg.jpg> </TD></TR></TBODY></TABLE>
<TABLE width="99%" align=center bgColor=#eff0e2 border=0>
<TBODY>
<TR>
<TD width=60> </TD>
<TD background=http://mimg.163.com/stationery/20050204/unsort_2_cen_bg.gif>
<DIV style="FONT-SIZE: 11pt; COLOR: #666666; LINE-HEIGHT: 34px; TEXT-ALIGN: left">
<DIV style="FONT-SIZE: 11pt; COLOR: #666666; LINE-HEIGHT: 25px; TEXT-ALIGN: left"> </DIV>
<DIV style="FONT-SIZE: 11pt; COLOR: #666666; LINE-HEIGHT: 25px; TEXT-ALIGN: left"> </DIV></DIV></TD>
<TD width=60> </TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="99%" align=center bgColor=#eff0e2 border=0>
<TBODY>
<TR>
<TD background=http://mimg.163.com/stationery/20050204/unsort_2_bot_bg.gif> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

　　六、红叶落下信纸代码如下：
<P><TABLE class="fixedTable blogpost" cellSpacing=0 width="100%" border=0>
<TBODY>
<TR></TR>
<TR></TR>
<TR>
<TD id=msgcns!1pSt_gP1XO9shQaTTwgpJy7Q!8891>
<TABLE height=88 cellSpacing=0 cellPadding=0 width="99%" bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD width=100 background=http://mimg.163.com/stationery/20050720/old_4_top1.jpg> </TD>
<TD style="BACKGROUND-POSITION: 50% bottom; BACKGROUND-REPEAT: repeat-x" background=http://mimg.163.com/stationery/20050720/old_4_topbg.jpg> 标题</TD>
<TD style="BACKGROUND-POSITION: 0% 0%; BACKGROUND-REPEAT: no-repeat" width=35 background=http://mimg.163.com/stationery/20050720/old_4_top3.jpg bgColor=#a88766> </TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="99%" bgColor=#a88766 border=0>
<TBODY>
<TR>
<TD style="BACKGROUND-POSITION: right 50%; BACKGROUND-REPEAT: repeat-y" width=33 background=http://mimg.163.com/stationery/20050720/old_4_le.jpg> </TD>
<TD background=http://mimg.163.com/stationery/20050720/old_4_bg.jpg>
<TABLE style="COLOR: #333333" width="90%" background=http://mimg.163.com/stationery/20050720/old_4_linebg.gif border=0>
<TBODY>
<TR>
<TD style="LINE-HEIGHT: 30px">
<DIV>正文稿</DIV></TD></TR></TBODY></TABLE></TD>
<TD style="BACKGROUND-POSITION: left 50%; BACKGROUND-REPEAT: repeat-y" width=30 background=http://mimg.163.com/stationery/20050720/old_4_ri.jpg> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

　　七、休闲咖啡信纸代码如下：
<P><TABLE class="fixedTable blogpost" cellSpacing=0 width="100%" border=0>
<TBODY>
<TR></TR>
<TR></TR>
<TR>
<TD id=msgcns!1pSt_gP1XO9shQaTTwgpJy7Q!8881>
<TABLE cellSpacing=0 cellPadding=0 width="99%" align=center bgColor=#fff4e1 border=0>
<TBODY>
<TR bgColor=#feebc7>
<TD align=left rowSpan=2><IMG style="CURSOR: pointer" src="http://mimg.163.com/stationery/20050204/loveday_3_cup.gif" width=144 onload="javascript:if(this.width onclick=" javascript:window.open(this.src);?></TD>
<TD vAlign=bottom align=right bgColor=#feebc7 height=77><IMG style="CURSOR: pointer" src="http://mimg.163.com/stationery/20050204/loveday_3_top1.gif" width=356 onload="javascript:if(this.width onclick=" javascript:window.open(this.src);?></TD></TR>
<TR>
<TD align=right bgColor=#feebc7 height=57><IMG style="CURSOR: pointer" src="http://mimg.163.com/stationery/20050204/loveday_3_top2.gif" width=391 onload="javascript:if(this.width onclick=" javascript:window.open(this.src);?></TD></TR>
<TR>
<TD colSpan=2><BR>
<TABLE width="85%" align=center border=0>
<TBODY>
<TR>
<TD>
<DIV style="FONT-SIZE: 11pt; COLOR: #79452f; LINE-HEIGHT: 25px; TEXT-ALIGN: left">
<DIV>
<P><FONT face=楷体_GB2312 size=5></FONT> </P></DIV></DIV></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD align=left><IMG style="CURSOR: pointer" src="http://mimg.163.com/stationery/20050204/loveday_1_flower.gif" width=96 onload="javascript:if(this.width onclick=" javascript:window.open(this.src);?>
<TD>
<TABLE cellSpacing=0 border=0>
<TBODY></TBODY></TABLE></TD></TR></TBODY></TABLE><SPAN style="FONT-SIZE: 10pt"></SPAN>
<P></P><BR></TD></TR></TBODY></TABLE></P>

代码使用方法：

　　1、打开撰写新日志窗口，勾选“显示源代码”，将上面的代码复制后粘贴于撰写栏内；

　　2、取消“显示源代码”前方框内的对号，即可直接直接在撰写栏内所显示的信纸上撰写并排版日志内容。

常乐 · 发表于 2008-9-6 15:40

背景图片的简单使用

　　1、打开撰写新日志窗口，勾选“显示源代码”，将下面的代码复制后粘贴于撰写栏内；

　　2、将代码中红色的“图片地址”换成自己喜爱的日志背景图片地址；

　　3、将代码中绝色的“日志内容”换成自己的日志内容，或者取消“显示源代码”前方框内的对号，双击日志背景，直接在撰写栏内撰写并排版日志。

代码：

[ 本帖最后由常乐于 2008-9-6 15:41 编辑 ]

常乐 · 发表于 2008-9-6 15:43

宽幅背景

代码：

勇者无惧 · 发表于 2008-9-6 16:39

谢谢了，收藏了！！！！！

阳光灿烂 · 发表于 2008-9-6 16:50

不错，谢谢楼主提供，收藏了

雄杰独倚 · 发表于 2008-9-6 17:11

这个好像常在新浪看见~第一层的代码好像有点错误哦~

晓霞 · 发表于 2008-9-6 18:13

俺测试一下，感谢分享

红中赖子杠 · 发表于 2008-9-7 12:31

绿素儿 · 发表于 2008-9-8 11:19

谢谢，收存下来

雨后斜阳 · 发表于 2008-9-9 19:10

标题

正文稿

账号		自动登录	找回密码
密码			中文注册

[转贴] 【资源共享】背景图片的使用方法