发新话题
打印

代码贴的编辑


代码贴的编辑

本文来自:理想论坛  www.55188.com     作者:風荇煭熖褚     点击19840
原文:http://www.55188.com/viewthread.php?tid=1215971
初学者必读 之一:基本设置

【背景设置参数】
<body background="外背景网址"></body>
<center><table cellpadding=0 cellspacing=0 border=0 width=100% align=center table background="内背景网址" width=760><tr><td><center>---------------------这里放所有发贴内容---------------------<td></table>


【贴flash】
贴flash稍稍麻烦一点,首先要找出想要贴的flash动画的地址。如果是你自己的主页那当然就不用说了。如果是别人的主页,可以先打开播放flash动画的相应web页,然后查看源文件,找出相应的*.swf(flash)文件。
用下列格式贴:
<embed src="flash动画的地址"quality=high width="500" height="350">
第一个引号中的内容就是flash动画的地址,后面三个参数分别是flash动画的播放质量、宽度和高度。

【视频】
<embed src=视频网址quality=high width="500" height="350"autostart="true" loop="true">
(mtv)
<center><embed src="flash网址" width="500" height=380>
<center><embed src="flash网址" quality=high width="640"height="420">

【音乐】
一、循环播放(可以贴背景音乐,照顾低版本)
<embed src=歌曲网址hidden autostart="true" loop="true">
注意:用此语句贴歌曲,页面不显示播放器!!!

二、贴歌(rm,wav,swf,mp3等格式)
<embed src="歌曲网址" autostart="true" width="4000" height="50">

三、贴背景音乐。除最新格式的 ra 文件外
mid、mp3、wav等都可(只有展开时音乐才响)
<bgsound src="歌曲网址" loop="-1">
注意:用此语句贴歌曲,页面不显示播放器!!!

四、贴歌(rm,wav,swf,mp3等格式)
<embed src="歌曲网址" autostart="true" width="400" height="50">

windows格式音乐

精简格式
<embed src="mp3歌曲网址" autostart="true" width="420" height="45">

标准格式
<embed src="mp3歌曲网址" type="audio/x-pn-realaudio- plugin" controls="controlpanel,statusbar" height=40 width=420autostart="true" loop="true">

rm格式:
<embed src=rtsp://歌曲网址type=audio/x-pn-realaudio-pluginconsole=clip1 controls=imagewindow height=40 width=400 autostart=-1>

标准方式音乐
<embed src="歌曲网址" width="400" height="50" autostart="true" loop="true" align="middle" volume="200" type="audio/x-pn-realaudio-plugin" exts="ra,ram" init fn="load-types" mime-types="mime.types">

精简方式音乐
<embed src="歌曲网址" type="audio/x-pn-realaudio-plugin" controls="controlpanel,statusbar" height=45 width=450 autostart="true" loop="true">

特殊格式
<embed src="歌曲网址" autostart="true" width="400" height="50">

无控制器方式
<embed src=歌曲网址type="audio/x-pn-realaudio-plugin" console="clip1" controls="imagewindow" height="300" width="420" autostart="-1">

【贴图片格式】
<center><img src="图片网址" width="640" height="480">
(左右移动的图片)
<marquee width=100% behavior=alternate scrollamount=3><img src= "图片网址" width=140height=150></marquee>

红影白色立体字(文字排在参数下面就可以)
<div align="center"><span style="filter: shadow(color=red); width: 92%; font-size: 15pt;color=#ffffff"><b>文字</b></span></div>


初学者必读 之二: 贴图语法

标准帖子的内容:
背景--(文字与图片居中)
开头
<center><table cellpadding=0 cellspacing=0 border=0 width=100% align=center
table background="http://bimoxuan.vip.myrice.com/feixue/pic/d2.jpg" width=500><tr><
td><center>
(上面公式里面的"http://bimoxuan.vip.myrice.com/feixue/pic/d2.jpg"即是所选的图案
或颜色)

文字或图片
爱你一万年
<img src="http://www2.qglt.com.cn/wsrmlt/qianmingdang/a/anywn_zi.jpg">
欢迎光临
<img src="http://hisen.myrice.com/ab/mark/welcome/welcome56.gif">
结尾</center>
</td></tr></table>

----------------------------------------------------------

带框的背景:
<center><table border="5" background=http://szg01.myrice.com/bg5.gif width="600" height="440"><td></table>


文字
鼠标放上去停止滚动,移开继续滚动。
<marquee onmouseover=this.stop() onmouseout=this.start() >
<center><font color="lime" size="5" face="隶书">文字</font></marquee>

(文字向上滚)鼠标放上去停止滚动,移开继续滚动

注意文字分行并拉开行距
<marquee direction=up onmouseover=this.stop() scrollamount=3 onmouseout=this
.start() ><center><font color=red style=font-size:18pt face=size=7>祝朋友们天天开心</marquee>

文字向上滚注意文字分行并拉开行距
<marquee direction=up scrollamount=3>
<center><font color="lime" size="5" face="隶书">文字</font>
</marquee>

文字向下滚
<marquee direction=down scrollamount=3>
<center><font color="lime" size="5" face="隶书">祝朋友们天天开心</font>
</marquee>

文字移动速度的设置:
请注意下面语句中的红色属性(文字向左移动,选250比较好)
<marquee direction="left" scrolldelay="250"> <font color="green" size="4" face="华文彩云"><*b>朋友,你好!</b></font></marquee>
ie默认值为60(单位:毫秒)
取值越大,移动越慢(小于60,ie仍默认为60)。
取值60 取值100 取值150 取值200 取值250


常用字体:
宋体 黑体 楷体_gb2312 仿宋_gb2312
新宋体 幼圆 隶书 方正舒体
华文新魏 华文行楷 华文细黑 华文彩云
常用字体颜色:
浅绿----aqua 黑----black 兰----blue 紫红----fuchsia,
灰----gray 绿----green 亮绿----lime 茶----maroon,
深兰----navy 橄榄----olive 紫----pourple 红---red,
银----silver 青----teal 白----white 黄----yellow
紫红--purple


文字示例:(居中)
<center><font color="lime" size="5" face="隶书">不想你走</font>

字体(font)标记(tags)
标题字体(header)
<h#> ... </h#> #=1, 2, 3, 4, 5, 6
<h1>今天天气真好!</h1> 今天天气真好!
<h2>今天天气真好!</h2> 今天天气真好!
<h3>今天天气真好!</h3> 今天天气真好!
<h4>今天天气真好!</h4> 今天天气真好!
<h5>今天天气真好!</h5> 今天天气真好!
<h6>今天天气真好!</h6> 今天天气真好!

<hn>---</hn> 这些标记显示黑体字。
<hn>---</hn> 这些标记自动插入一个空行,不必用标记再加空行。
因此在一行中无法使用不同大小的字体。


字体大小
<font size=#> ... </font> #=1, 2, 3, 4, 5, 6, 7 or +#,-#
<basefont size=#> #=1, 2, 3, 4, 5, 6, 7
<font size=7>今天天气真好!</font> 今天天气真好!
<font size=6>今天天气真好!</font> 今天天气真好!
<font size=5>今天天气真好!</font> 今天天气真好!
<font size=4>今天天气真好!</font> 今天天气真好!
<font size=3>今天天气真好!</font> 今天天气真好!
<font size=2>今天天气真好!</font> 今天天气真好!
<font size=1>今天天气真好!</font> 今天天气真好!


物理字体(physical style)
<b>今天天气真好!</b> 今天天气真好!(加粗)
<i>今天天气真好!</i> 今天天气真好!(倾斜)
<u>今天天气真好!</u> 今天天气真好!(加下划线)
<tt>今天天气真好!</tt> 今天天气真好!(加宽)
<sup>今天天气真好!</sup> 今天天气真好!
<sub>今天天气真好!</sub> 今天天气真好!
<s>今天天气真好!</s> 今天天气真好!
<strike>今天天气真好!</strike> 今天天气真好!


逻辑字体(logical style)
<em>今天天气真好!</em> 今天天气真好!
<strong>今天天气真好!</strong> 今天天气真好!
<code>今天天气真好!</code> 今天天气真好!
<samp>今天天气真好!</samp> 今天天气真好!
<kbd>今天天气真好!</kbd> 今天天气真好!
<var>今天天气真好!</var> 今天天气真好!
<dfn>今天天气真好!</dfn> 今天天气真好!
<cite>今天天气真好!</cite> 今天天气真好!
<small>今天天气真好!</small> 今天天气真好!
<big>今天天气真好!</big> 今天天气真好!


指定“字体大小”的标记和“指定字体”的标记的组合使用
<i><font size=5><b>今天</b> 天气<font size=6> 真好!</font></i>
今天 天气 真好!


字体颜色
指定颜色 <font color=#> ... </font>
#=rrggbb 16 进制数码,或者是下列预定义色彩:
black, olive,
teal, red, blue,
maroon, navy,
gray, lime,
fuchsia, white,
green, purple,
silver, yellow,
aqua

------------------------------------------------------------

贴图:
贴图的基本格式是:
<img src="图片地址">

指定图片宽度
<img src=http://www.6to23.com/s8/s8d12/autopostimg/200171711529.jpg width=700>

图片居中
<center><img src="http://www.6to23.com/s02101515444.jpg">

指定图片的宽度和高度
<center><img src="http://www.china-gift.coq200b.gif" width=650 height=450>

移动图片的正确格式是:
<marquee><img src="http://www.cct4.com/bbs/uploadimag.gif"></marquee>

图片来回移动:(注意指定宽度和高度)
<marquee width=100% behavior=alternate scrollamount=3><img src= "http://gallery.2088.com.cn/flower/photo/2/fl036.jpg" width=300height=150></marquee>


背景图片语法:
<body background="http://xxx.xxx"></body>

图文居中:
在图文前面加 <center> 结束图文居中,在图文后加</center>


初学者必读 之三

特殊效果  插入网页:(宽度和高度可调)
(并排的漂亮牌)
<center><img src="http://cssa.ucla.edu/bbs/emot/em32.gif" width="60" height="60"><img src="http://cssa.ucla.edu/bbs/emot/em32.gif" width="60" height="60"><img src="http://cssa.ucla.edu/bbs/emot/em32.gif" width="60" height="60"><img src="http://cssa.ucla.edu/bbs/emot/em32.gif" width="60" height="60"><img src="http://cssa.ucla.edu/bbs/emot/em32.gif" width="60" height="60"><img src="http://cssa.ucla.edu/bbs/emot/em32.gif" width="60" height="60"><img src="http://cssa.ucla.edu/bbs/emot/em32.gif" width="60" height="60"><img src="http://cssa.ucla.edu/bbs/emot/em32.gif" width="60" height="60"><img src="http://cssa.ucla.edu/bbs/emot/em32.gif" width="60" height="60"></center>


红影白色立体字(文字排在参数下面就可以)
<div align="center"><span style="filter: shadow(color=red); width: 92%; font-size: 15pt;color=#ffffff"><b>


红影白色立体字(文字排在参数下面就可以)
<span>
(左右移动的图片)
<marquee width=100% behavior=alternate scrollamount=3><img src= "http://gallery.2088.com.cn/ai/photo/christmas_01/s/030m0020s.jpg" width=140height=150></marquee>


字一上一下跳动:
<hr width="100%" size="1" color="#aaaaaa" align=left>
<font color=green><marquee behavior="alternate"scrollamount=8 direction=right><b><font color=#7700bb size=8><font color=red><marquee behavior=alternate direction=up height=150 width=50>衷</marquee><font color=orange><marquee behavior=alternate direction=up height=200 width=50>心</marquee><font color=fuchsia><marquee behavior=alternate direction=up height=150 width=50>感</marquee><font color=olive><marquee behavior=alternate direction=up height=200 width=50>谢</marquee><font color=green><marquee behavior=alternate direction=up height=150 width=50>您</marquee><font color=red><marquee behavior=alternate direction=up height=200 width=50>的</marquee><font color=orange><marquee behavior=alternate direction=up height=150 width=50>光</marquee><font color=fuchsia><marquee behavior=alternate direction=up height=200 width=50>临</marquee><font color=lime><marquee behavior=alternate direction=up height=150 width=50>!</marquee>
<body background="http://airyland.myrice.com/wzsc/wysc/background/star.jpg"></body></td> <br><td></table><br><td width=10 bgcolor="whitesmoke"></td><td bgcolor=#000000 width=1></td><td></tr><br><br></font></th></tr><tr><th></th></tr></table></td><br></td></p><br> <br> <br></td><td width=10 bgcolor="gainsboro"></td><td bgcolor=#000000 width=1></td><td></tr>
<tr bgcolor="gainsboro"><td bgcolor=#000000 width=1><td height=10></td><td width=10 bgcolor="gainsboro"></td><td width=10 bgcolor="gainsboro"></td><td bgcolor=#000000 width=1></tr></table>

初学者必读 之四 特殊图片效果

特别注意使用语法时放网址处不能有空格。

贴图片时查看图片属性,修改图片的宽度width 和高度height ; width="?" height="?"
<table height=480 cellspacing=0 cellpadding=0 width=640 align=center background=http://www.365pic.com/bq_picll29/nature2/natureqb2.jpg border=3 table><tbody><tr><td><embed pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.cn898.net/bg/6.swf width=640 height=480 type=application/x-shockwave-flash quality="high" wmode="transparent"></embed> </td></tr></tbody></table>

一:图下雨前景效果

<table height=480 cellspacing=0 cellpadding=0 width=640 align=center background=http://www.365pic.com/bq_picll29/nature2/naturegd12.jpg border=3 table><tbody><tr><td><embed pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.cn898.net/bg/104.swf width=640 height=480 type=application/x-shockwave-flash quality="high" wmode="transparent"></embed> </td></tr></tbody></table>


二:图片 金鱼游动前景效果

<table height=480 cellspacing=0 cellpadding=0 width=640 align=center background=http://www.365pic.com/bq_picll29/nature2/natureqb3.jpg border=3 table><tbody><tr><td><embed pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.cn898.net/bg/5.swf width=640 height=480 type=application/x-shockwave-flash quality="high" wmode="transparent"></embed> </td></tr></tbody></table>

三:图片 线样银光闪动前景效果

<table height=480 cellspacing=0 cellpadding=0 width=640 align=center background=http://www.365pic.com/bq_picll29/nature2/natg15.jpg border=3 table><tbody><tr><td><embed pluginspage=http://www.macromedia.com/go/getflashplayer src=http://mailimg-fs.hanmail.net/fl/effect/18/e-fall1.swf width=640 height=480 type=application/x-shockwave-flash quality="high" wmode="transparent"></embed> </td></tr></tbody></table>


四:图片 蜻蜓飞舞银光闪动前景效果

<table height=480 cellspacing=0 cellpadding=0 width=640 align=center background=http://www.365pic.com/bq_picll29/nature2/natg16.jpg border=3 table><tbody><tr><td><embed pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.cn898.net/bg/8.swf width=640 height=480 type=application/x-shockwave-flash quality="high" wmode="transparent"></embed> </td></tr></tbody></table>


五:图片 青蛙/雨点前景效果

<table height=480 cellspacing=0 cellpadding=0 width=640 align=center background=http://www.365pic.com/bq_picll29/nature2/natureqb15.jpg border=3 table><tbody><tr><td><embed pluginspage=http://www.macromedia.com/go/getflashplayer src=http://mailimg-fs.hanmail.net/fl/effect/19/e-fall2.swf width=640 height=480 type=application/x-shockwave-flash quality="high" wmode="transparent"></embed> </td></tr></tbody></table>


六:枫叶飞舞前景效果

<table height=480 cellspacing=0 cellpadding=0 width=640 align=center background=http://www.365pic.com/bq_picll29/nature2/natureqb15.jpg border=3 table><tbody><tr><td><embed pluginspage=http://www.macromedia.com/go/getflashplayer src=http://mailimg-fs.hanmail.net/fl/effect/19/e-fall2.swf width=640 height=480 type=application/x-shockwave-flash quality="high" wmode="transparent"></embed> </td></tr></tbody></table>







[fly]代码不断添加中......................[/fly]

[ 本帖最后由 風荇煭熖褚 于 2006-9-24 22:27 编辑 ]

TOP

SF~~~~~~~~~~~~~~~

TOP

请班长把它设置成置顶好吗?

TOP

提示: 作者被禁止或删除 内容自动屏蔽

TOP

附件

4.gif (82.75 KB)

2006-9-24 21:46

4.gif


TOP

谢谢谢谢谢谢 谢谢提供

TOP

学习!!!!!!!!!!!!!!!!!!!!!!!

TOP

沙发难抢啊,好帖,要加上实效更好

TOP

3q

TOP


TOP

3q

TOP

大家晚上好!!!!!!!!!!!!!!!!



嘿嘿!!!!!!!!!!!!!!!!!!!!!!

TOP

支持一下.
发代码有很多种形式,可以适当的设计

TOP

哭砂
[ur

[ 本帖最后由 思绪飘零 于 2006-9-24 22:46 编辑 ]

TOP

晚上好!!!!!!!!!!!!!!!!

TOP

发新话题

理想论坛上的网友发表的帖子纯属个人意见,理想论坛不负任何责任! 免责声明
共同建设网络精神文明,欢迎广大网友举报论坛上的不良信息,我们会在最短的时间内及时处理

信息产业部信息备案:津ICP备05011481号      天津市通信管理局电子公告专项备案:060006号
茂名市公安局网警备案:4409013011161号 感谢茂名群英网络提供带宽支持
理想论坛值班电话[8:30~17:30]: 022-23707282  022-23707281 022-23707280 15902230709(紧急)