注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

幸福满屋

 
 
 

日志

 
 

【引用】如何制作博客日志背景   

2012-03-01 22:36:59|  分类: 博客装扮 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自一瓣花香《如何制作博客日志背景 》

 

为日志文字加上背景图片:

代码1为:

<TABLE height=600 cellPadding=10 width=500 align=left

background=背景图片地址 border=3 table="0"><TBODY><TR><TD><DIV

align=center><FONT face=楷体 color=#ff82ab

size=4>日志文字</EMBED></FONT></FONT></FONT></DIV></TD></TR></TBODY></TABLE>


 

代码2
<table cellSpacing="0" cellPadding="0" width="750" background="http://www.blog.163.com/photo/1nrIzesSpp3CvHWjCMGQRg==/2299650559726104302.jpg(图片地址)" border="0">
<TBODY><TR><TD><DIV align=center><TABLE cellSpacing=0 cellPadding=0 width=450 border=0><TBODY><TR><TD><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=新宋体 color=#ff0000><P><B>文字</B></FONT></P>
<P></P></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE>

使用方法:复制以上代码,点击写日志,先点下"<>",将复制的代码粘贴到上面,再点击"<>"返回编辑状态,就可以回日志发表中打上文字了。以JPG结尾的是图片地址,您还可以更换图片哦

给日志添加背景图片代码

 <TABLE cellPadding=100 width=480 align=center background=http://xz1.2000y.net/348114/uploadpic/20041027224449277.jpg(图片地址) border=0 cellSpacing40>

<TBODY>

<TR>

<TD>

<TABLE borderColor=#228b22 cellSpacing=15 borderColorDark=#00ced1 cellPadding=0 width=480 align=center border=10>

<TBODY>

<TR>

<TD>

<P align=center><STRONG><FONT color=#006400 size=6></FONT></STRONG>

<P align=center><FONT color=#7fff00>加入文字</FONT>&nbsp;</P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

 另添加帖图代码:

边框制作代码
<table border=5 cellpadding=2 width=90% borderColor="#8800ff" align=center background=背景地址> <TBODY> <TR> <TD> <P ALIGN="CENTER"><FONT style="FONT-SIZE:30pt;filter:shadow(color=black,direction=180);WIDTH:100%; COLOR:#ff5b00;LINE-HEIGHT:150%;FONT-FAMILY:隶书"><B>这里写日志题目</B></FONT> <br> <P ALIGN="left"><FONT face=仿宋 color=#2400ff size=3><BR>在这里写日志<BR></FONT><P></P> <P ALIGN=CENTER><IMG src="这里还可以贴图片地址" > <P></P><BR> </TD></TR></TBODY></TABLE></td> 如果你不想贴图就把代码:<P ALIGN=CENTER><IMG src="这里还可以贴图片地址" > <P></P><BR> 删除上面边框的颜色“borderColor="#8800ff" ”可以根据自己的需要修改, 字体“face=仿宋”和字体的颜色“color=#2400ff ”、“COLOR:#ff5b00”同样可以修改。背景地址可以选择自己喜爱的图片地址。


                         艺术字幕
<P align=center><BR></P>
<P align=center>
<MARQUEE style="WIDTH: 397px; HEIGHT: 100px" scrollAmount=2 direction=left>
<P align=center><FONT face=黑体 color=#ff0000 size=7><B>一瓣花香欢迎您的光临</B></FONT></P></MARQUEE></P>
        做个“走马灯”
<A href="http://hplc2.blog.163.com/blog"><marquee><img src="http://img217.photo.163.com/heide989/7650502/703775809.gif"> <img src="http://img217.photo.163.com/heide989/7650502/703775727.gif"> <img src=" http://img217.photo.163.com/heide989/7650502/705911815.gif"> <img src="http://img217.photo.163.com/heide989/7650502/668989636.gif "> <img
另:朦胧图片加FLASH的代码

<P align=center>
<TABLE style="FILTER: Alpha(opacity=100, style=3)" height=300 cellSpacing=0 cellPadding=0 width=400 align=center background=http://img.blog.163.com/photo/ZALThZQ66ENvrhWwiXccVA==/3705055118442811879.jpg border=0>
<TBODY>
<TR>
<TD>
<P align=center><EMBED align=right src=http://imgfree.21cn.com/free/flash/9.swf width=400 height=300 type=application/octet-stream http://imgfree.21cn.com/free/flash/45.swf width=400 height=300 type=application/x-shockwave-flash http://imgfree.21cn.com/free/flash/92.swf width=400 height=330 type=application/x-shockwave-flash http://imgfree.21cn.com/free/flash/51.swf width=400 height=300 type=application/x-shockwave-flash

  评论这张
 
阅读(61)| 评论(1)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017