html简单边框制作--特效文字制作及代码,一、 教你制作漂亮的HTML代码特效贴

一、 教你制作漂亮的HTML代码特效贴

一个完整的HTML帖子应该是:

美贴=背景+文章+插图+收尾

[size=+1]原代码如下:

[size=+2]

[size=+2]帖子的文章加图片

[size=+3]注意:前边用了多少

后面就要有多少收尾。多收和少收都会使帖子出错.

[size=+1]常用的参数设定及注解:

[size=+1]

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 将会失效。

二.文字应用[size=+1]1.文字基本设置

[size=+1]基本代码如下:

[size=+1]<

23086841_1.gif align=center>插入文字

[size=+1]<

23086841_1.gif align=center>表示居中,<

23086841_1.gif align=left>表示居左,

表示居右。

face=字体 常用字体为:宋体.黑体.楷体.仿宋.华文行楷.新宋体.华文新魏等

size=字体大小,这里的最大值为7,取值越大文字就越大

另一种贴法:

[size=+1]插入文字

[size=+1]font:40pt 数值越大文字就越大。

color=颜色代码。

[size=+1]2.移动文字[size=+1]效果:

[size=+2]移动文字

可根据下面基本代码

自行调节效果

基本代码:

[size=+1]插入文字

[size=+1]说明:

direction=移动方向 可选值为向上(up) 向下(down) 向左(left) 向右(right)

behavior=移动方式, scroll 一圈一圈绕着走, slide 只走一次, alternate 来回走

width=宽度

height=高度

scrolldelay=速度

scrollamount=位移

上面的参数大家可以根据不同的情况自行调节。

[size=+1]3.文字特效

[size=+1]效果1

23086841_2.gif欢迎你的到来

23086841_2.gif

代码如下:

[size=+1]

欢迎你的到来xing01.gif

[size=+1]效果2

代码如下:

[size=+1]

三.贴图[size=+1]1.基本代码:

[size=+1]%E5%9B%BE%E7%89%87%E7%BD%91%E5%9D%80

[size=+1]注意:设定图片大小,此宽度及高度一般采用 pixels 作单位。通常只设为图片的真实大小,以免失真,若需要改图片大小最好使用图像编辑工具(改变大小的宽和高与原图的宽和高要成正比例,图片最好是改小不改大,以免失真。)。图片的居中,居左,居右上面已经介绍了,这里不再重复。。。。。

[size=+1]2.给图片加边框

[size=+1]效果:

23086841_3.gif

基本代码:

[size=+1]

说明:

border="6" 表格边框的厚度,不同浏览器有不同的内定值。

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

cellPadding=1 表格格线内厚度

borderColor=#841A00 边框色彩

[size=+1]3.图片朦胧

[size=+1]A.圆形效果

23086841_4.jpg

代码:

[size=+1]%E5%9B%BE%E7%89%87

B.方形效果

23086841_4.jpg

代码:

[size=+1]%E5%9B%BE%E7%89%87

空白.........意义.......?]

23086841_5.jpg

四.透明FLAH的应用

[size=+1]代码如下:

[size=+1]注意:长和宽的设定要根据图片的实际大小来设定

[size=+1]2.定位透明FLASH效果

[size=+1]注意:这种方法由于是通过坐标的方式把透明FLASH固定到了某一点,所以在不同的环境和不同的论坛要相应调整不同的位置。定位较为麻烦,而且最大的弊病就是屏幕分辨率设置不一样,观看的效果也不一样(比如你是用分辨率1024×768做的帖子,你感觉固定的位置很好。但别人用分辨率800×600观看却偏得很远。本人建议一般不要用这种方法。

[size=+1]定位效果图

23086841_6.jpg

[size=+1]代码如下:

23086841_6.jpg

[size=+1]说明:TOP: 6910px 指FLASH与帖子上边之间的距离。 LEFT: 400px 是指FLASH与帖子左边的距离 WIDTH: 400px HEIGHT: 300px 是指FLASH定位的范围宽度和高度。后面的width=400 height=300 就是指FLASH的宽和高了。

1.背景音乐(适合 mid wma等格式):代码如下:

2.音频(适合MP3 WMA RM等很多格式):代码如下:

3.视频代码如下:

4.FLASH代码如下:

[size=+1]说明:AutoStart=true 表示是否要音乐文件传送完就自动播放,TRUE是要,FALSE是不要,默认为true

Loop=true 表示设定播放重复次数,LOOP=3表示重复3次,true表示无限次播放,FALSE播放一次即停止。

width=宽度 height=高度 可以设定控制播放器面板的大小,如果都设置为0就可以把播放器隐藏了。

GMT+8, 2009-10-16 15:30, Processed in 0.041098 second(s), 7 queries, Gzip enabled.

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值