外国读者评价无限恐怖:[如何制作精美帖]HTML代码实际应用讲解-非常男女-苏州百姓论坛苏州第一社区-bbs....
来源:百度文库 编辑:偶看新闻 时间:2024/04/30 08:29:13
[如何制作精美帖]HTML代码实际应用讲解
HTML的英语全称为Hyper Text Markup Language,中文意思是超文本标识语言(简称为:超文本语言)。
下面我就从最基本的、最基础东西开始,和大家共切磋(高手勿看,否则俺就紧张、害羞啦)
HTML语言音画最基本的构成就是四个部分:
边框
图片(内容)
音乐
FLASH
下面先讲边框:
边框可以设置任意N层,你想要几层就几层,网上很协调美观的边框大部分都是专业人士制做(有些网站可以专门下载),你不要一看见一个漂亮边框就认为楼主高不可攀,实际上大部分会员用的协调美观的边框都是共享的(当然,也有很大一部分高手是原创,例如大家比较熟悉的夜色迷离、白山岫水等高手),所以我在这里可以这样说:网上的边框是共享的,大家完全可以心安理得地去借用和复制,不用脸红(但本坛支持原创)!哈哈,我是借用别人的边框从来不脸红的人。
下面是一个七层边框的实例介绍,图片可以任意换,只要你觉着好看就行:
(此处插入主文)TD>
蓝色部分是结尾,
(我偷偷的告诉你一个小窍门:做完边框和内容后,结尾部分不用自己写,在Design格式[也就是第一个格式 Design]与HTML格式[ HTML]之间来回打几次,系统就自动给你写好了,别泄密哦)
其中:border =边框粗细 width= 边框宽度 height =边框高度cellspacing=单元格间距 cellpadding=边框间距 borderColor=边框颜色 background =插入的背景 (这几个格式你可要背过了啊,如果也和我一样记忆力不好,可以复制到你的文件夹里)
下面是帖子内容的基本格式(这些您可要记住了,如记忆力不好,可复制到文件夹里)
1、贴图片格式(支持jpg、gif等格式),红色代码是图片居中命令:
< align=center>
2、贴普通字体格式,蓝色代码为字的颜色、红色代码为字的大小(最大为了7,最小为1),其他运动字体的格式,另行讲解:
3、贴FLASH格式(红色代码分别是宽度与高度):
type=application/x-shockwave-flash quality="high" wmode="transparent">
另外为大家介绍三种flash 的代码
代码1(普通的flash的插入代码)
代码2(无限制的flash的代码)
代码3(大型flash )
代码4(双层flash的代码)
本帖最近评分记录:
级别: 省长
只看该作者 小中大 沙发 发表于: 2005-08-29
常用特效
1。透明
style="FILTER: Alpha(opacity=100,style=2)"
2。倒影
< align=center>图片地址"> id=ew style="FONT-SIZE: 27pt; FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv(); WIDTH: 220px; COLOR: #3333ff; HEIGHT: 10px">">>
3蝴蝶飞舞
发贴前别忘了把自动修正的小勾除掉自动修正
图片加透明FDLASH格式:
发贴前别忘了把自动修正的小勾除掉自动修正
贴音乐格式(红色部分为播放器的大小,设置为0就隐藏了播放器):
1.背景音乐(适合 mid wma等格式)
2.音频(适合MP3 WMA RM等很多格式)
3.视频
说明:AutoStart=true 表示是否要音乐文件传送完就自动播放,TRUE是要,FALSE是不要,默认为true 为让大家有个直观的认识,就我自己的一个成品帖子,做一下实例演示: (帖子地址:http://www.maoge.com.cn/bbs/dispbbs.asp?boardID=2&ID=32&page=1) 1、红色部分是边框; 2、蓝色部分是内容; 3、黑色部分是结尾 4、紫色部分是音乐 1、红色边框部分: A、 B、cellSpacing=15 =单元格间距(可以任意设置宽度) C、cellPadding=0 =边框间距 D、width=570 =边框宽度 E、background =插入的背景格式 F、*http://222.186.123.12/yueming/UploadFile/2004-11/2004111720481551.jpg* =背景图片 G、border=0> = 边框粗细 2、蓝色内容部分: A、(过渡指令码,我们就这么叫吧) B、(分隔线图片、GIF图片) < align=center> C、背景图片 D、单层FLASH E、本单元结尾 3、黑色结尾部分(略,可系统自动结尾) 4、紫色音乐部分: A、
Loop=true 表示设定播放重复次数,LOOP=3表示重复3次,true表示无限次播放,FALSE播放一次即停止。
< align=center>
< align=center>
< align=center>
< align=center>
< align=center>
< align=center>
< align=center>
< align=center>
< align=center>
< align=center>
< align=center>
< align=center>
=开始
=结尾 (这两个是绝对格式,否则就成乱码了)
< align=center>
< align=center>
< align=center>
< align=center>
B、音乐地址:
http://mp3.baidu.com/u?u=http://www.mckxx.com/shaoxiandui/media/YWMJBPDg~wP0I-zm7wPwMuos6xxd9g3~K1sz.MP3
C、播放器大小(隐藏格式)
width=0 height=0
D、自动重复播放格式
type=audio/mpeg Loop="true" AutoStart="true">
本帖最近评分记录: 隐藏评分记录清空我的评分动态 共 条评分 “地方街”男女配对报名啦 非诚勿扰! 99元体验健康祛痘活动火热报名中 回复 引用 举报顶端 野兽 离线级别: 省长
只看该作者 小中大 板凳 发表于: 2005-08-29
为方便大家制做HTML音画,特发一些相关代码。
1、特效字体(用哪种字,可直接打开引用复制,也可到楼下按顺序或内容直接复制代码、发表时把顺序号拿掉。特别提醒:以下字体发表时一定把自动修正的小勾除掉)
1、
2、< align=center>欢迎大家
3、
4、< align=center>
5、
< align=center>皮尔卡丹
6、
< align=center>皮尔卡丹
7、
< align=center>皮尔卡丹
8、
9、
10、< align=center>皮尔卡丹时尚论坛欢迎你您
11、
< align=center>时尚论坛
12、
|
13、祝贺皮尔卡丹论坛开通迎客
14、
< align=center>特效字体很多很多
我只发了几个自己喜欢用的
如各位有什么特殊要求可系统短信通知
注:30pt ,pt前面的数字为调整字体大小
2、特效透明FLASH(发表时把自动修正的小勾拿掉)
(自上而下飘雪花)
(自上而下飘柳叶)
(由下而上飘红心)
(由下而上飘玫瑰)
注:层数、高宽度、FLASH地址、物体大小可任意设
置和更换:
1、RIGHT: 100px =物体大小
2、WIDTH: 800px =宽度
3、HEIGHT: 3000px =高度
本帖最近评分记录: 隐藏评分记录清空我的评分动态 共 条评分 “地方街”男女配对报名啦 非诚勿扰! 99元体验健康祛痘活动火热报名中 回复 引用 举报顶端 adai001 离线级别: 省长
只看该作者 小中大 地板 发表于: 2005-08-29 如果论坛不容许使用HTML怎么办? 本帖最近评分记录: 隐藏评分记录清空我的评分动态 共 条评分 “地方街”男女配对报名啦 非诚勿扰! 99元体验健康祛痘活动火热报名中 =水下工作者= 回复 引用 举报顶端 野兽 离线
级别: 省长
只看该作者 小中大 4楼 发表于: 2005-08-29 一、右向左移动
1、
上述语法显示如下:
2、
上述语法显示如下:
二、左向右移动
1、
上述语法显示如下:
2、
上述语法显示如下:
3、
上述语法显示如下:
三、下向上移动,scrollamount=5 是向上移动速度,可以调整,一般设置在1———15的范围内比较好
1、
上述语法显示如下:
2、
上述语法显示如下:
四、上向下移动, scrollamount=5 是移动速度,可以调整,一般设置在1———15的范围内比较好
1、
上述语法显示如下:
2、
上述语法显示如下:
五、来回移动, scrollamount=10 是移动速度,可以调整,一般设置在1———15的范围内比较好
1、
上述语法显示如下:
2、
上述语法显示如下:
六、右向左上下起伏飞翔,height=100 是上下起伏飞翔幅度,可以调整,区分图片大小,一般设置在50———150的范围内比较好
上述语法显示如下:
我在追“心”
七、左向右上下起伏飞翔, height=200 是上下起伏飞翔幅度,可以调整,区分图片大小,一般设置在50———150的范围内比较好
上述语法显示如下:
级别: 省长
只看该作者 小中大 5楼 发表于: 2005-08-29
移动字幕的基本使用方法:<在HTML状态下>
字幕代码:
运行结果如下:
可以用“direction=”改变运动方向:
运行结果如下: 运行结果如下: 运行结果如下: 运行结果如下:
本帖最近评分记录: 隐藏评分记录清空我的评分动态 共 条评分 “地方街”男女配对报名啦 非诚勿扰! 99元体验健康祛痘活动火热报名中 回复 引用 举报顶端 野兽 离线
级别: 省长
只看该作者 小中大 6楼 发表于: 2005-08-29
一号字尺寸式样
二号字尺寸式样
三号字尺寸式样
四号字尺寸式样
五号字尺寸式样
六号字尺寸式样
对于标题字要求比正文字体粗些,可用
二号标题字
三号标题字
四号标题字
五号标题字
六号标题字
字符颜色的设置 兰、绿都为“00”,字体为红色
指令代码是:
兰、红都为“00”,字体为绿色红、绿都为“00”,字体为兰色
级别: 省长
只看该作者 小中大 7楼 发表于: 2005-08-29
复制语法后能用
_______________________________________________________________________________________________
[此贴子已经被作者于2005-8-29 14:03:17编辑过] 本帖最近评分记录: 隐藏评分记录清空我的评分动态 共 条评分 “地方街”男女配对报名啦 非诚勿扰! 99元体验健康祛痘活动火热报名中 回复 引用 举报顶端 野兽 离线
级别: 省长
只看该作者 小中大 8楼 发表于: 2005-08-29
[此贴子已经被作者于2005-8-29 14:17:17编辑过] 本帖最近评分记录: 隐藏评分记录清空我的评分动态 共 条评分 “地方街”男女配对报名啦 非诚勿扰! 99元体验健康祛痘活动火热报名中 回复 引用 举报顶端 野兽 离线
级别: 省长
只看该作者 小中大 9楼 发表于: 2005-08-29
这是楼上代码的运行结果。
[此贴子已经被作者于2005-8-29 14:08:59编辑过] 本帖最近评分记录: 隐藏评分记录清空我的评分动态 共 条评分 “地方街”男女配对报名啦 非诚勿扰! 99元体验健康祛痘活动火热报名中 回复 引用 举报顶端 上一主题下一主题«12»共2页 苏州百姓论坛 » 非常男女
- 诚聘英才
- 联系我们
- 无图版
- 手机浏览
- 清除Cookies
- 返回顶部
Powered by phpwind v8.0 Certificate Code ©2003-2010 phpwind.com Corporation