云荷-个人作品展示

标题: 关于html代码 [打印本页]

作者: 寒江雪润    时间: 2018-2-3 11:25
标题: 关于html代码
所有的音画论坛都开通html代码,因为音画论坛需要发音画帖,而发音画帖需要html代码支持。

几乎所有的非音画论坛都禁用html代码,据说代码会给论坛带来额外的风险。

几乎所有的音画论坛都有html代码发帖教程,即如何用html代码发帖。包括音乐、大图以及动画。这些教程都会置顶,只要你留意就能看到。
所以,在这里对如何使用html代码发帖就不再赘述,只谈谈用html代码制作音画。

其实html代码不仅仅支持发帖,它的主要功能是控制图片运动,甚至制造图像,它与flash中的as代码有类似作用。
以前用html代码来做音画的人很多,称之为特效音画。渐渐玩腻了,就少有人做了,由此新人就没法学到。
我考虑到目前软件公司更注重html代码。所以就把一些老的东西翻出来写一个简单的教程供需要者参考。

一般新人看到代码都有些怕,其实大可不必,又不是要你去编程,是吧,现成的拿来复制一下总会的吧。
通俗地说,你不会制造榔头难道你还不会使用榔头吗?
当你用熟了,得心应手了,也许还能对它进行改造,以便更符合自己的意愿。
作者: 寒江雪润    时间: 2018-2-3 11:26
一,用html代码做边框
边框的样式千变万化,你可以根据自己的需要去设计制作,做好后,在框内放文字、图片、音乐、动画等等,什么都行。
做好后可以像大图那样高大,也可以像单图那样小巧。
我这里留有早年的两个边框代码,因为感觉比较好看,就留了下来,现传上来给大家分享。
作者: 寒江雪润    时间: 2018-2-3 11:29
1,效果见:http://www.yhyhlt.com/thread-8704-1-1.html

[attach]10565[/attach]
下载解压后直接运行文件夹中的html文件,也能看到效果,可以和论坛效果比较一下。
这是你自己的网页效果,与外网没关系,就是你在断网的情况下也能运行,因为你运行的素材全是本地电脑的地址,与外网无关。

边框是代码描绘的,其中闪图是素材,两个非常小的图片,由代码将其组合。你可以改变闪图颜色以及边框颜色。
颜色根据需要可以千变万化。其中人物是flash变色,你可以按自己意愿选择各种flash放置。

你不需要弄懂代码,只要换其中图片地址就行,当然,熟悉后也可以根据自己需要改动代码。

你可以在电脑中编辑,也可以在html编辑器中就行编辑,随时运行看效果。
作者: 寒江雪润    时间: 2018-2-3 11:31
编辑完后,发论坛。
发论坛有两种方法:
一是复制代码直接发论坛,优点是方便,不需要申请空间,各个图片素材可以发论坛上而得到地址。缺点是各个论坛设置不同,效果不如网页上运行效果。
二是将代码复制在文本上,取个后缀为html,上传空间,然后发论坛,如此你可以控制帖子的高大。
作者: 寒江雪润    时间: 2018-2-3 11:32
2,效果见:http://www.yhyhlt.com/thread-8717-1-1.html
[attach]10566[/attach]
这是一个文件夹,里面有做边框素材的图片,都是本地文件地址,你换好自己的图片编辑好后可以直接将文件夹上传空间,将其中的html文件发论坛即可。
为了减小文件容量,我将文件夹中的flash去掉了,否则传不上。如果你需要这个flash可以到效果展示帖子里下载。
作者: 寒江雪润    时间: 2018-2-3 11:33
二,用html代码控制图片横向连续移动
效果见:http://www.yhyhlt.com/forum.php? ... p;tid=8721#lastpost
[attach]10567[/attach]
解压后直接运行其中html文件试看效果。编辑代码时可以更换你自己的图片,图片可以增减。
这个文件不能将代码直接发论坛,因为代码比较新潮,论坛不接受,必须上传空间得到地址后发论坛才能显示效果。

作者: 寒江雪润    时间: 2018-2-3 11:38
注意:所有帖子里的素材地址在发论坛之前都必须换成网上地址。
只有将文件夹连带其中文件一并上传空间的,那如同本地电脑一样,其中素材无须换地址。
作者: 寒江雪润    时间: 2018-2-3 11:48
[attach]10568[/attach]

这是早年留下的html基本语言解释,传上来与大家分享,因为比较早,有些可能失效了,需要试过才能确定。
这是给需要研究代码或者改动代码者参考,简单者就无须看,复制编制好的代码,换个图片就成。
作者: 欧阳风刀    时间: 2018-2-3 13:59
感谢哥们详细的讲解!
作者: 南巷旧人    时间: 2018-2-3 15:35
改天拿来做个  感谢讲解.....
作者: 绿蔷薇    时间: 2018-2-3 15:59
先把四个文件下载好了,空了来做下,谢谢寒江细致详细的讲解~~~~
作者: 醉雪胡杨    时间: 2018-2-3 17:02
详细教程,感谢雪润无私奉献!辛苦了
作者: 寒江雪润    时间: 2018-2-3 18:59
欧阳风刀 发表于 2018-2-3 13:59
感谢哥们详细的讲解!

问好欧阳!
作者: 寒江雪润    时间: 2018-2-3 19:00
南巷旧人 发表于 2018-2-3 15:35
改天拿来做个  感谢讲解.....

问好旧人!不用谢。
作者: 寒江雪润    时间: 2018-2-3 19:03
绿蔷薇 发表于 2018-2-3 15:59
先把四个文件下载好了,空了来做下,谢谢寒江细致详细的讲解~~~~

这些个框虽然漂亮,但已经过气啦。

只有图片移动效果比较新潮,这个代码以前没有。代码命令解释也比较好,少呀,物以稀为贵。
作者: 寒江雪润    时间: 2018-2-3 19:05
醉雪胡杨 发表于 2018-2-3 17:02
详细教程,感谢雪润无私奉献!辛苦了

问好胡杨!为论坛做点贡献,以后方便进出。
作者: 云朵朵    时间: 2018-2-3 21:05
感谢寒江的讲解和分享 等朵儿忙好了来学习
作者: 绿蔷薇    时间: 2018-2-3 22:16
寒江雪润 发表于 2018-2-3 19:03
这些个框虽然漂亮,但已经过气啦。

只有图片移动效果比较新潮,这个代码以前没有。代码命令解释也比 ...

曾经过气过的,说不定又会流行起来~~~
图片移动效果会经常用到的,所以特别喜欢~~
作者: 寒江雪润    时间: 2018-2-4 15:27
云朵朵 发表于 2018-2-3 21:05
感谢寒江的讲解和分享 等朵儿忙好了来学习

嗯,这个学起来容易,主要是新潮代码难得。
作者: 寒江雪润    时间: 2018-2-4 15:28
绿蔷薇 发表于 2018-2-3 22:16
曾经过气过的,说不定又会流行起来~~~
图片移动效果会经常用到的,所以特别喜欢~~ ...

那倒是的,换个形式又热起来了。

展示图文与场景特有用。
作者: 云淡风轻    时间: 2018-2-5 08:53
学习下 谢谢老师讲解
作者: 景明    时间: 2018-2-16 13:22
学习下
作者: 倚窗听雪    时间: 2018-6-12 10:38
除了喜欢音画之外,
就是喜欢代码、特别是H码,
以前跟老师学过一段时间,好久不用、几乎又忘光了吧




欢迎光临 云荷-个人作品展示 (http://www.yhyhlt.com/) Powered by Discuz! X3.2