可套用做帖的HTML成品代码.doc

可套用做帖的HTML成品代码不懂html语言的朋友也可以做一幅漂亮的图哦,只要复制这些代码.换上你自已喜欢的图片网址或者动画网址, 一幅属于你的大作就产生了。 边框：1.两层加入内容2.八层加入内容3.三层加入内容4.一层加入内容加入图片代码：一、单纯的一张图片 二、加框有一层FLASH的图片 三、加框用两层FLASH的图片 四、两个FLASH上下排列的图片： 五、下上移动的图片：六、左右移动的图片们：（要有个背景哟）七：图片雾化效果：(使用时必须去掉HTML旁边自动修正的钩.)八：图片倒影效果：(使用时必须去掉HTML旁边自动修正的钩.) 九：图片向左右相反的方向移动的效果：加入背景音乐代码：所用元素：参数：src：音乐文件的URL；hidden：=true为不可见，=false反之；type：指定音频类型；LOOP：是否循环播放，注意其值置于小角双引号中；AUTOSTART：是否自动播放，其值同上。效果: 效果如下: 无词歌 里本应还有风铃和白丝线两首歌,这里缺了这两首,添加了陈悦的 晚秋 集里的晚秋和家乡两首曲.1.天空  2.家乡  3.如果云知道  4.星语心愿  5.边界1999  6.灰姑娘  7.红豆  8.回家  9.晚秋  10.太委屈 无词歌 里本应还有风铃和白丝线两首歌,这里缺了这两首,添加了陈悦的 晚秋 集里的晚秋和家乡两首曲. 1.天空 2.家乡 3.如果云知道 4.星语心愿 5.边界1999 6.灰姑娘 7.红豆 8.回家 9.晚秋 10.太委屈 背景色渐变的代码，有兴趣的可看看。（GradientType=0 是背景色从上向下变，=1是从左向右变, StartColorStr是起始色，EndColorStr是结束色，颜色可用代码，也可直接用英文写出） 代码如下：, StartColorStr:#f709f7, EndColorStr:#eec211 ) width=600 套用代码如下： 不要说 也不要问 目光交错的一瞬 就注定了今生缘分 此情可以见真心 春风急 秋风也 狠乱乱纷纷是红尘 浮浮沉沉似幻似真 金枝玉叶的结局也只是 飘 随风不停 心难平静 灿烂不过梦境 翻手是云 覆手是风 却难握住几份真情 飘 飘浮不停 人似浮萍 真爱不过飘零 落花有情 流水无情 沧桑之后是真情 爱难舍情 更难分 一意怎能够孤行 分分秒秒 难舍难分 追逐真爱的结局也只是 飘 随风不停 心难平静灿烂不过梦境 翻手是云 覆手是风 却难握住几份真情 飘 飘浮不停 人似浮萍真爱不过飘零 风也飘零雨也飘零 难忘今生伴我行 分解说明：图片替换就是把图片地址换成你自己需要的图片，很简单的，就不说了地址就是background=代码后面的jpg文件地址。我选用的图片是宽度700高度600的，你们选用的图片要看一下属性里面的尺寸大小，然后把height=600 width=700 里面的宽度高度参数换成自选图片一致的尺寸参数。另外请注意，同时要换掉蓝色字体左移全屏代码中的WIDTH:后面的宽度参数值，也要和图片一致。另外，建议选用的图片宽度不要超过750。 如果太大的，就用PS处理一下改小尺寸。分解说明：边框的线条粗细 和 颜色变化：borderColor=#993366表示边框的颜色，替换颜色参数请参阅我以前制作帖里的色号表border=7 表示边框的粗细值。自己换成20看看就知道了。 如果你选用的底图本身就有了边框，再用html代码加上边框后会比较难看，那么很容易，把border=7改成border=0就行了。分解说明：添加透明flash效果如代码中红色字体部分LEFT: 40px 是flash在帖面上出现的左边的定位位置TOP: 8px 是flash在帖面上出现的顶部的定位位置这就可以设定falsh的定位位置了。 读者试验时候把这2个参数值随意改改看看效果（看效果不非要发表帖子，点编辑界面下的按钮就可以了。记住这个功能，很有用）width=600 height=450 是flash显示区域的大小，宽度和高度设定了后flash面积盖住的区域就设好了。试验时候自己改动参数看看就明白了。用以上4各参数就可以随意定位falsh位置和大小了。扩展说明：有时候你们看到叶面上有多个falsh效果，其实就是添加了2个或者3个或者更多的falsh. 很简单只要复制falsh代码重复进去，如：需要第3个就再复制插入一遍。注意：插入后把第2个flash换一下（就是swf格式文件的地址）。我复制时候地址都一样的。 同时注意，我复制的定位位置和宽度高度参数都一样，你想错开显示在叶面的不同位置，就去改上面说的那4个参数值。 一边改参数，改好了就按钮看看，不行再改，再看。如下提供一些透明flash素材的网址供大家使用：/thread-3874686-1-1.html/kxyhj66/blog/item/94360af7553f3523720eece1.html/bbs/viewthread.php?tid=6359&extra=&page=4/flash-sc/touming-flash/flash.htm/viewthread.php?tid=46218分解说明：文字添加最简单的文字添加办法是直接把文字做在图片上，缺点是不会动。 优点是安装字库后，PS时候字库里面有很多好看的文字样式，活泼，能和画面浑然一体。公布的代码中的移动字幕（绿色字体部分,MARQUEE 代码段落）也是最简单的一种。style=WIDTH: 275px; HEIGHT: 332px scrollAmount=1 direction=upWIDTH: 275px; HEIGHT: 332px指字幕区域的面积宽/高尺寸。scrollAmount=1 是滚动速度参数，一般不要去改这个。如果想滚动时候慢点停顿些的话，插入scrolldelay=120或者scrolldelay=150。如这样style=WIDTH: 275px; HEIGHT: 332px scrollAmount=1 scrolldelay=150 direction=updirection=up 指文字方向，向上-我重点说明关于文字不从代码中修改的偷懒方法：首先在编辑界面的上部，大家能看到和，当你复制了我2楼公布的代码输入后，其实就是在编辑状态下；此时再按按钮，就切换到了可视直观效果状态下。 当然，你会发现，在编辑界面上的flash效果不出现，并且播放器也不是完全如2楼贴子里看起来一样。这只是因为没有发表，不在编辑状态下显示而已。这时候你按一下编辑界面下部的就能看到全效果了。 说到这里，我乘机说一下3个技巧：1：是你在编辑界面上随便什么地方点一下，然后Ctrl+A(就是键盘全选操作),这时候你能看见所有元素，比如字母区域，flash区域，写字空格区域，播放器位置。2：第2个小技巧：在状态下复制代码后，要想开始我此时说的在中偷懒直观修改运用的话，先把左移全屏代码的参数LEFT=-10归零，让LEFT=0 等其他参数全部改好后发表贴子前再切换到下去改左移全屏代码的参数。3：在编辑状态下可以使用常规的右键选定复制功能，但是在中就没法那样复制，必须用键盘的 Ctrl+C(就是复制). 至于粘贴，用鼠标右键 或者键盘Ctrl+V 在2种编辑状态下都可以的。说完3个实用小技巧，我们继续。在编辑界面上， 我们来修改文字字幕的区域大小和字体+颜色。字幕区域大小的修改：用鼠标去点文字区域所在的地方，当第一次点中文字区域时候，就出现了字幕的边界效果，犹如在word文档上的文本框。你可以用鼠标去拉伸字幕区域的边界，这样就可导致字幕区域高度和宽度的变化。相当于傻瓜式的修改。注意：我刚才说“当第一次点中文字区域时候”，是因为，经常falsh区域覆盖在文字区域上面（相当于上图层),你点的时候，应该是先点中flash区域，这你能看出来的。别着急，耐心的再点，直到点中文字区域 :-)文字+字体+颜色的修改： “当第一次点中文字区域时候”，你再点一下，就进入了文字修改层面，会发现鼠标停留进了文字中，这时候你全选Ctrl+A一下，删除原有文字，复制进去你自己要的文字。此时建议用Ctrl+C 和Ctrl+V的复制/粘贴 键盘操作功能。文字改好后，继续刚才的选定文字部分，用编辑界面上部的按钮，比如文字大小，文字颜色，字体等按钮去修改。因为按钮键中文字的颜色很少，你要颜色可选多的话，切换到，找到代码中文字颜色参数，用色号表里面的颜色参数去修改。扩展说明 3点：1。“当第一次点中文字区域时候”，出现了字幕的边界，你这会儿按删除键，就会把整个文字字幕区域全部删除。 就没有文字了，但是你可以粘贴复制进去其他的文字字幕形式。 我下面列2个和2楼不同的文字字幕格式。 要替换下面的文字字幕，用傻瓜直观方法如下： 再开一个备用编辑界面，把代码输入到中，然后切换到，点中直观的文字区域，Ctrl+C复制。 然后到主编辑界面上，用鼠标点到你刚才删除原有字幕格式的地方，注意阿，要点到看到鼠标在底图上出现书写文字鼠标闪动的时候，此时Ctrl+V粘贴上去就行了。2。当你的字幕区域宽度高度超过底图的尺寸后，就会把底图扩展出去，造成重复性溢出。那么你就缩小字母区域的尺寸，用刚才字幕区域大小的修改所说的办法。3。字幕区域在贴面上的靠左/靠右/居中：当第一次点中文字区域时候”，出现了字幕的边界，你可以使用编辑界面上部的靠左/靠右/居中 按钮功能键实现。 试试看 :-)-以下供试验练习用的2个文字字幕格式代码和效果-格式1的代码：这个冬天，我用寂寞舔噬伤口 By 可爱小妖 总以为，转了一圈，我又能回到原点，回到那个无欲无求无爱无痛的境地。可是突然发觉，心，却再也回不去了，明明感觉到了一丝失落，一点生疼。 完全高估了自己的承受能力，这个自己精心策划的情感游戏，最终，却没能让自己全身而退，还是会不自觉地想折回去寻找他的只字片语，一切只为证明，他确实