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

巴依欢迎您

这里是知趣、情感、开心、娱乐的天地。欢迎光临、转载,谢谢你的喜欢与支持!

 
 
 

日志

 
 

贴图+滚动字+滚动图片 代码  

2008-05-28 01:47:16|  分类: 博客素材 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

如何贴图

1、 单张图片

贴图+滚动字+滚动图片 代码 - 巴依 - 巴依欢迎您

代码如下

<img src=http://img.blog.163.com/photo/QhVcj5NqDSZlrhtZIaS60g==/437975063762448932.jpg>

注明:多张图片连贴时,注意使用换行代码<p>或<br>

单张图片尺寸压缩用语

一张普通图片如下图:

贴图+滚动字+滚动图片 代码 - 巴依 - 巴依欢迎您

 尺寸压缩后如下图

贴图+滚动字+滚动图片 代码 - 巴依 - 巴依欢迎您

  代码如下:
<TABLE border=3>
<TBODY>
<TR>
<TD>
<IMG src="http://img.blog.163.com/photo/QhVcj5NqDSZlrhtZIaS60g==/437975063762448932.jpg" width=360 height=480> </TD></TR></TBODY></TABLE>

border为图片边框的尺寸,width和height则为图片的宽高,

这个尺寸可以随意调节,以图片美观,则大小适宜。

再一个就是--没有边框的:

贴图+滚动字+滚动图片 代码 - 巴依 - 巴依欢迎您

代码如下:
<img src=http://img.blog.163.com/photo/QhVcj5NqDSZlrhtZIaS60g==/437975063762448932.jpg width=480>

2、 背景图片代码:

<TABLE cellSpacing=10 cellPadding=10 width=550 align=center background=http://img.blog.163.com/photo/BPIXIui_aKYFUYN0RCL4IA==/1465921678709097011.jpg border=5>
<TBODY>
<TR>
<TD>


.... 在这里输入你需要的文字或图片 ...

</TR></TD></TBODY></TABLE>

效果如下:









给图片外框增添颜色

贴图+滚动字+滚动图片 代码 - 巴依 - 巴依欢迎您
  代码如下:

<TABLE borderColor=#ff7f50 border=3>
<TBODY>
<TR>
<TD>
<IMG src="http://img.blog.163.com/photo/QhVcj5NqDSZlrhtZIaS60g==/437975063762448932.jpg">
</TD></TR></TBODY></TABLE>


比上面的尺寸压缩里多了个bordercolor="#FF7F50"

大家看到了么,这个就是边框颜色。

如果不要边框怎办,把border=0就行了。

文字在图片里居中










秋风秋雨迎秋致,

秋意秋韵宜秋君,

秋花秋蟹捎秋讯,

秋情秋果喜煞人。





代码如下:
<TABLE borderColor=#ff1493 cellSpacing=10 cellPadding=0 width=550 align=center background=http://img.blog.163.com/photo/mFuSPEW-ubKOrx0BveU2eg==/478225985431701815.jpg border=5>
<TBODY>
<TR>
<TD>
<BR><BR><BR><BR><BR><BR><BR><BR><BR>
<CENTER><FONT size=5 color=#d3d3d3>
秋风秋雨迎秋致,<BR><BR>秋意秋韵宜秋君,<BR><BR>
秋花秋蟹捎秋讯,<BR><BR>秋情秋果喜煞人。<BR><BR> <BR><BR><BR><BR></FONT> </CENTER></TD></TR></TBODY></TABLE>
文字在图片里居中滚动





秋风秋雨迎秋致,
秋意秋韵宜秋君,
秋花秋蟹捎秋讯,
秋情秋果喜煞人。

代码如下:
<CENTER>
<TABLE cellSpacing=5 cellPadding=5 width=500 align=center background="http://img.blog.163.com/photo/mFuSPEW-ubKOrx0BveU2eg==/478225985431701815.jpg" border=5>
<TBODY>
<TR>
<TD>
<BR><BR><BR><BR>
<MARQUEE scrollAmount=2 direction=up height=230>
<CENTER><FONT size=5 color=red><BR>
秋风秋雨迎秋致,<BR>秋意秋韵宜秋君,<BR>
秋花秋蟹捎秋讯, <BR>秋情秋果喜煞人。<BR></FONT></MARQUEE> </TD></TR></TBODY></TABLE></CENTER>

<marquee >文字内容</marquee>为滚动用语

direction=up 为上滚; scrollamount=2为滚动速度

height=230为滚动范围,也可不要。

图片在背景图片里居中滚动

贴图+滚动字+滚动图片 代码 - 巴依 - 巴依欢迎您 贴图+滚动字+滚动图片 代码 - 巴依 - 巴依欢迎您 贴图+滚动字+滚动图片 代码 - 巴依 - 巴依欢迎您

代码如下:

<CENTER>

<TABLE cellSpacing=5 cellPadding=5 width=550 align=center background="http://www.jqmbbs.com/jqm/UploadFile/2005-9/20059150273870819.gif" border=5 >

<TBODY>

<TR>

<TD>

<MARQUEE scrollAmount=2 direction=up height=530>

<CENTER><IMG src="http://img.blog.163.com/photo/QhVcj5NqDSZlrhtZIaS60g==/437975063762448932.jpg"> <IMG src="http://img.blog.163.com/photo/QhVcj5NqDSZlrhtZIaS60g==/437975063762448932.jpg"> <IMG src="http://img.blog.163.com/photo/QhVcj5NqDSZlrhtZIaS60g==/437975063762448932.jpg"> <BR><BR></CENTER></MARQUEE></TD></TR></TBODY></TABLE>

透明flash的运用

代码如下:
<TABLE height=600 cellSpacing=0 cellPadding=0 width=480 align=center background=="背景图片网址" border=3 >
<TBODY>
<TR>
<TD>
<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.blog286.com/upfile/flash/071231/01.swf width=480 height=590 type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED></TD></TR></TBODY></TABLE>
给flash动画增添背景

 

 

贴图+滚动字+滚动图片 代码 - 巴依 - 巴依欢迎您


真诚的问候,为你祝福


我会永远伴随你 交流制作:巴 依
代码如下:  
<CENTER>
<TABLE cellSpacing=15 cellPadding=5 width=550 align=center background="背景图片网址" border=6 >
<TBODY>
<TR>
<TD>
<CENTER><IMG src="UploadFile/2004-11/20041115143819254.gif"><IMG src="UploadFile/2004-11/20041115143819254.gif"><BR><BR><BR></CENTER>
<CENTER><FONT color=#d3d3d3 size=6><B>真诚的问候,为你祝福
</B></FONT><BR><BR><BR></CENTER>
<CENTER><FONT color=#d3d3d3 size=4><B>我会永远伴随你
<EMBED src=http://www.long21.net/card/main/0404/0404252f.swf width=450 height=300 type=application/x-shockwave-flash quality="high">
<FONT color=#d3d3d3 size=4><B>交流制作:巴 依</B> </CENTER></FONT></B></FONT>
</TD>
</TR>
</TBODY>
</TABLE>
</CENTER>
 
多层背景的应用

代码如下:
<TABLE align=center background="背景图片网址" border=10 cellSpacing=2 borderColor=#841A00 width=500>
<TBODY>
<TR>
<TD>

<TABLE align=center background="背景图片网址" border=10 cellSpacing=2 borderColor=#841A00 width=500>
<TBODY>
<TR>
<TD>


<TABLE align=center background="背景图片网址" border=10 cellSpacing=2 borderColor=#841A00 width=500>
<TBODY>
<TR>
<TD>以此类推

帖子的文章加图片

</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>

注意:

前边用了多少<table......><tr><td>后面就要有多少</td></tr></table>收尾。

常用的参数设定及注解:

<table width="400" border="10" cellspacing="2" cellpadding="2" align="CENTER" valign="TOP" background="图片网址" bgcolor="#0000FF" bordercolor="#CF0000" bordercolorlight="#00FF00" bordercolordark="#00FFFF">

width="400" 表格宽度,接受绝对值(如 500)及相对值(如 80%)。

border="10"   表格边框的厚度。

cellspacing="2"  表格格线的厚度

cellPadding=5 表格格线内厚度



align="CENTER"
表格的摆放位置(水平),可选值为:左: left, 右: right, 居中: center

valign="TOP".
表格内内容的对齐方式(垂直),可选值为: top, middle, bottom。   

background="背景图片网址"
表格的背景图片,与 bgcolor 不要同用。

bgcolor="#0000FF"   表格的底色,与 background 不要同用


bordercolor="#CF0000"  表格边框颜色

bordercolorlight="#00FF00"  表格边框向光部分的颜色

bordercolordark="#00FFFF"
表格边框背光部分的颜色,使用 bordercolorlight 或 bordercolordark 时
bordercolor 将会失效。

整理编辑:巴依 ‖ 素材来源:网络

贴图+滚动字+滚动图片 代码 - 巴依 - 巴依欢迎您

 

  评论这张
 
阅读(1604)| 评论(39)
推荐 转载

历史上的今天

评论

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

页脚

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