论坛代码大全集合册152

来源：百度文库 编辑：神马文学网 时间：2024/04/29 04:59:00

如何贴背景图案（文字与图片居中）:



背景图片或颜色" width=700>




文字或图片。。。




图片加边框:



图片地址">



图上做文:

图片地址" width="1000" height="450">
“文字内容 ”



帖子里插入Flash代码：
http://Flash地址" width=500 height=340>



贴MP3播放器的代码
mp3地址" width=310 height=35 type=audio/x-pn-realaudio-plugin controls="ControlPanel,StatusBar" autostart="true" loop="true">



支持rm或mid格式（随机播放）： 
http--rm\mp3\mid" width=150 height=25 type=audio/x-pn-realaudio-plugin controls="ControlPanel" autostart="true">



（非自动播放）:




隐藏mp3播放器:  
 MP3地址" type="application/x-shockwave-flash">




播放器直接放(在中间小图)：

歌曲地址" width="39" height="18" autostart="true" hidden="false" loop="infinite" align="middle" volume="100" type="audio/x-pn-realaudio-plugin" controls="PlayButton" autostart="true">




视频常用播放器[MTV]
视频地址" type="audio/x-pn-realaudio-plugin" console="Clip1" controls="ControlPanel,StatusBar" height="330" width="450" autostart="true">




上下滚动特效代码:


*文字内容园*


注：direction后面就滚动的方向，也可是down，left，right。   html基础知识，忘了代码的来看  1)贴图：

2)加入连接：写上你想写的字

3)在新窗口打开连接：写上要写的字

4)移动字体(走马灯)：写上你想写的字

5)字体加粗：写上你想写的字

6)字体斜体：写上你想写的字

7)字体下划线: 写上你想写的字
8)字体删除线: 写上你想写的字
9)字体加大: 写上你想写的字

10)字体控制大小：

写上你想写的字

(其中字体大小可从h1-h5,h1最大，h5最小)

11)更改字体颜色：写上你想写的字(其中value值在000000与ffffff(16位进制)之间

12)消除连接的下划线：写上你想写的字

13)贴音乐： 

14)贴flash:
15)贴影视文件： 

16)换行：


17)段落：

段落



18)原始文字样式：
正文


19)换帖子背景：

20)固定帖子背景不随滚动条滚动：bgproperties=fixed>

21)定制帖子背景颜色：(value值见10)

22)帖子背景音乐：

23)贴网页：  文本：  ：

这是改变文字大小、字形、颜色最常用的标记

例子：face="楷体_gb2312"
size="5" color="#00ff00">一堆废话

效果：一堆废话


 


  • face用于设定字体，如果你用的不是系统自带的字体（如用什么文鼎阿、方正阿这类字体），其他人可能会看不到效果的。不加此参数即用默认字体

  • size用于设定字的大小，默认是3，数字越大字体越大，文字多的话最好不要把字调得太大，因为一换行就会乱作一团看不清了

  • color就是调颜色啦，可以用16进制数微调颜色，也可以直接用英文，如：

    color="red">一堆废话：一堆废话

    详细的颜色代码要自己找的~~嘿嘿~~~~~

      ：

    这是字体加粗的标记

    例子：写上你想写的字

    效果：写上你想写的字

     

    这是字体加大的标记

    例子：写上你想写的字

    效果：写上你想写的字

     


    这是字体缩小的标记

    例子：写上你想写的字

    效果：写上你想写的字

     

    这是字体下滑线的标记

     例子：写上你想写的字

    效果：写上你想写的字

     

    这是控制字体大小的标记

     例子：

    写上你想写的字

    效果：写上你想写的字

    (其中字体大小可从H1-H5,H1最大，H5最小) 

     


    字体上标

    例子：上标

    效果：上标

     

    字体下标

    例子：下标

    效果：下标

     

    删除线

     

    例子：删除线

    效果：删除线

  ◆链接：  

１、链接标记，使一段文字或图片变成打开另一个网页或其它什么东西的链接


例子：href="http://zxonly.unibbs.net/"
target="new" title="点击进入">猴子的zxonly论坛

效果：猴子的zxonly论坛



  • href后面就是你这个链接要去的地方，也可以是当前页或其他页面的内部锚点（看下面的例子）
  • target参数用于指定该链接将在什么窗口打开，常用的值：

                       target="_self"
                     在当前页打开，这个是默认值

                       target="_blank" 或 target="new"
                     在新窗口中打开

                      target="框架页名称" 或"window_name"
                    指定该链接在哪个框架页打开




 

2、想做一个返回页面最顶端的链接是不用事先定义锚点的，用#top这个值就可以了

例子：href="#top">回到该页最顶上


效果：回到该页最顶上


 

也可以用图片做链接：

例子：点我-〉href="http://zxonly.unibbs.net/">src="http://image9.360doc.com/DownloadImg/2010/04/1906/2914117_1.gif">

效果：点我-〉  

◆图形：

图形标记，贴图用的，也可以用来贴影视文件，这个标记也是不用加结束标记的

例子：src="xxx.jpg"   width=50   height=100   border=3   alt="这个不是红叉">

效果：

 

  • src后面的是图片所在的地址，这个地址可要写清楚啊！要是贴成硬盘上的地址是非常可耻的
  • width和height是设定图片的宽度和高度，单位是像素，通常是不用加上的，标记会默认使用图片的实际宽高，如果图片太大那就要设好这两个参数缩小图片以便浏览

  • border参数用于设定图片边框，设成0即不显示边框
  • alt可以给图片加上注释，和上面提到的title功能差不多，也是鼠标停留就显示注释，甚至可以直接用title代替alt来完成这个任务，但alt有一项title没有的功能，就是浏览器不支持图片显示时或者自己可耻的贴成红叉图时，alt的注释可以代替图片显示出来
    • ◆多媒体： 

    插入背景音乐的语句，bgsound 的参数比较简单，也不用结束标记的，不过现在黑马论坛里乱贴背景音乐是会被杀的，所以建议大家少用为妙，如果实在有什么绝世天音非要大家听不可，可以用下面介绍的 标记来贴，而且记得要设成不自动播放，要不然咱们的管管就会很热情地招待你的

     

    例子：src=http://zxonly2.nease.net/music/圣斗士冥王篇-blue dream.mid
    loop=-1>

    效果：听


     

    • src后面是音乐的地址，可以是mp3也可以是midi（建议还是用midi的好，mp3会死人的）
    • loop是循环播放的次数，“-1”的话就会不断循环播放

     

    播放多媒体文件的标记，支持各种视频、音频、flash动画的播放，这个标记的参数有很多，在此就只介绍一些常用的吧：

    src="多媒体文件地址"
    autostart="false" width="宽度"
    height="高度" loop="false"
    hidden="true">

     

     

    • src后面是多媒体文件的地址
    • autostart是设定是否自动播放的选项，有两个值"true"（是）和"false"（否）。如果不加这个参数那就默认是"true"的，上面已经说过了，贴自动播放的音乐、动画什么的会被管管招待的，所以大家一定要加上autostart=false啊
    • width和height是设定播放面板大小的，hidden="true"时将无效。如果只是贴音乐这两个参数设不设都无所谓，如果是视频文件且分辨率不高的话，也可以不设，那就会用视频文件的原始尺寸来显示，如果是flash动画，最好还是给它设个合适的大小，以免过大或过小看不清
    • loop参数和bgsound那个的作用是一样的，也是控制循环，默认值是"false"即只播放一次不会循环再放，=true或=-1就是不断循环播放
    • hidden这个参数是设定显不显示播放面板（包括视频画面），默认=false，如果想贴成背景音乐可以把autostart=true、hidden=true，那就跟bgsound效果一样了，但如果设成autostart=false、hidden=true那这句语句就白写了（除非加上name参数然后用脚本调用），还无辜的让人浪费时间下载要播放的文件
     ◆其他： 

    本来是用于网页正文的开始，一个网页只要一个就够了，不过我们为了得到想要的效果，不得不“非法”的把它拖出来用了，嘿嘿~~~~注意：的设置会影响整个页面，请小心使用


    text="#000000"
    bgcolor="#ffffff" background="874.gif"
    bgproperties="fixed">



    • text是设置页面文字的颜色，如这里就是设置成text="#666666"
    • bgcolor用于设置背景颜色，如果用了后面的background参数那么背景颜色可能会被背景图遮蔽而看不出效果
    • background给页面插入背景图片，如果用来做背景的图片很小的话，那么该参数将会用该图片平铺填充整个背景，选图片一定要小心，如果背景图片太花，使文字都看不清的话，那么很可能会被管大动刑的
    • bgpropertie是配合上面的背景图片来使用的，加了bgproperties="fixed"背景图片就不会随着文字滚动而滚动
     

    ◆css滤镜：


    css即层叠样式表，功能强大，运用得好的话可以做出很多绚丽效果。部分无参数滤镜已经在图形那里介绍了，这里就不再重复了，网页中加入css的方法有很多种，这里为求方便-_-就只介绍使用ｓｔｙｌｅ参数直接加在部分标记里的方法

    {filter:alpha()}


     

    此滤镜可以使文字或图像产生透明效果（图形上面已经有一个例子了）

  • opacity设定透明度，取值0-100，0为完全透明，100为完全不透明
  • finishopacity渐变效果结束时的透明度，值同上
  • ｓｔｙｌｅ设定透明区域的类型，有4个值，=0是统一形状、=1是线形、=2是放射状、=3是长方形
  • startx、starty是用于设定渐变透明效果开始的像素坐标，这个位置的透明度由opacity参数决定
  • finishx、finishy是用于设定渐变透明效果结束时像素坐标，这个位置的透明度由finishopacity参数决定


    •  

    {filter:blur()}


    blur滤镜会产生类似于ps的涂抹效果，这里是用

    标记来加入ｓｔｙｌｅ，在ｓｔｙｌｅ里面必须用width或height设定一个范围，否则滤镜效果将显示不出来的

     

  • add用于指定blur滤镜是否起作用，有两个值true（或1）和false（或0），默认是true，所以可以不加此参数

  • direction设定涂抹的方向，取值0-360，但只能45度一个间隔，所以只由8个方向可选
  • strength设定涂抹效果的强度，单位是像素

    •  

    {filter:shadow()}
    {filter:dropshadow()}

    这两个滤镜都是产生阴影效果的，shadow产生的效果类似于blur滤镜，而dropshadow的效果就像灯照的投影


     

  • color用于设定阴影的颜色
  • direction和blur滤镜那个一样，是设定阴影的方向
  • strength是设定阴影的强度（长度）

  • offx、offy用于设定阴影对应在x轴y轴的位置，单位为像素，值为正整数的话阴影将会在x轴右方（y轴下方），为负整数的话阴影会在x轴左方（y轴上方），这两个数值的大小也决定了阴影离开对象的距离

  • positive有两个值true（或1）和false（或0），如果是true，那就为不透明的部分建立阴影，如果是false就相反

    {filter:wave()}


    wave滤镜用于产生扭曲效果

  • freq设定将产生多少个波纹
  • lightstrength设定产生光影效果的强度，取值0-100，建议不要设太高，否则会产生很难看的黑条的

  • phase设定正弦波开始的偏移量，取值是0-100
  • strength设定扭曲的强度


     

    {filter:glow()}


    glow滤镜会给文字或图片包一层光晕效果

  • color设定光晕的颜色
  • strength设定光晕的大小，单位是像素


     

    {filter:chroma()}


    此滤镜可以使指定的一种颜色变成透明，这个滤镜很简单，就一个参数

    color就是指定要变成透明的颜色

    •  一、文字标记

    基本代码如下：

    插入文字



    align=center　表示字体居中，可选值为居右（right）居左（left）


    color=颜色代码
    face=字体　常用字体为：宋体.黑体.楷体.仿宋.幻缘.新宋体.细明体等

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


    1.字体变化 ..........
    a.字体大小 .......... #=1~7；数字愈大字也愈大
    b.指定字型 ..........
    c.文字颜色 ..........
    rr：表红色（red）色码
    gg：表绿色（green）色码
    bb：表蓝色（blue）色码
    rrggbb也可用6位颜色代码数字

    2.粗体字 ..........
    3 字体加粗..........和标签差不多的效果
    4.换行（也称回车）


    5.分段标记



    文字的对齐方向

    #号可为 left：表向左对齐（预设值） center：表向中对齐 right：表向右对齐 P.S.

    之后的文字都会以所设的对齐方式显示，直到出现另一个

    改变其对齐方向，遇到

    或标签时会自动设回预设的向左对齐。

    6.区隔标记


    称为区隔标记。作用：设定字、画、表格等的摆放位置。
    应用于 Style Sheet（式样表）方面会更显威力，它最终目的是给设计者另一种组织 能力，有 Class ; Style ; title ; ID 等属性。。
    以
    为例：

    align="center"
    可选值：center ; left ; right 。决定字、画、表格等居中、靠左或靠右。
    的作用和居中标记
    一样。。
    注：其实常用跟

    标签的效果差不多，但是功能比

    相对强一些。。。


    7.分隔线


    a.分隔线的粗细

    b.分隔线的宽度

    c.分隔线对齐方向

    #号可为 left：表向左对齐（预设值） center：表向中对齐 right：表向右对齐
    d.分隔线的颜色

    e.实心分隔线


    8.居中对齐
    ..........
    跟

    ........

    ,
    ........
    效果基本是一样的。。。

    9.文字移动标记..........

    滚动内容

    移动速度指令是:scrollAmount=# #最小为1，速度为最慢；数字越大移动的越快。
    字符移动每步的延时:scrolldelay=# 属性值为数字， #最小为1， 数值越大速度越大，反之亦然。
    移动方向指令是：direction=# up向上、down向下、left向左、right向右。
    移动方式:behavior 属性值为scroll：文字单向移动，side：移动到边界停止，alternate：到边界后反向移动；
    align，对齐方式，其属性值为center，left，right，top, middle, bottom，分别表示居中，左对齐， 右对齐，对齐上沿、中间、下沿；
    bgcolor，移动字符的背景色，属性值为颜色代码，可以是rrggbb 16 进制数码，r=red，g=green， b=blue，也就是色彩中的三原色，也可是预定义色彩；
    loop，移动字符的循环次数，属性值为数字，若未指定则循环不止(infinite)；

    width及height，文字高度和宽度，以象素为单位，属性值为数字；
    hspace字符左右留白长度，属性值为数字；
    vspace字符上下留白长度，属性值为数字；
    scrollamount字符的移动速度，属性值为数字，数值越大速度越大，反之亦然；  如何突破6号字的大小
       我们需要以嵌套方式调用CSS样式来定义字体，这种方法可以让我们最大限度地设置字号大小，实现方法也很简单，只需在标签里用以下代码替换纯HTML原来的元素即可。请看以下代码和效果：
    简单
    简单     简单
    以上是部分最常用的代码,HTML代码还有很多,全都列举出来会让初学者头皮发麻的,因此不想一下子全部列举.我想在实际的运用中结合实例再详细讲解,大家的印象会更深,也更容易理解.
    以前面的文字移动标记..........为例,我们用实际来讲解
       在论坛默认的编辑状态下，我们可以通过UBB语法的move和fly语句让对象动起来，但功能很简单，只是平行地移动。而我们使用HTML的Marquee语句则可以产生更多的移动效果：向左、向右、向上、向下。再嵌套使用marquee语句，效果就更加丰富了。
        marquee的基本语法： ...

    说明：与大多数HTML语法元素一样，它也是成双出现的，被修饰对象就放在起始符和终止符之间。请看如下例子：
    新音乐阵线
    新音乐阵线
    瞧，简单吧？不过，以上例子只是使用了marquee的默认用法。我们加入相应的参数，它的移动方法就有所不同了。 参数一：behavior。移动方式。值：scroll(循环移动)、slide(只移动一个回合)、alternate(来回移动)。
    例：哈哈，我来回走！
    哈哈，我来回走！
    参数二：scrollamount。移动速度。值取正整数。数值越大，速度越快。例：
    看，我走多快！
    看，我走多快！
    参数三：scrolldelay

    延时。数值。例：
    我走一走，停一停
    我走一走，停一停
    参数四：bgcolor

    底色。例：
    pink>看到了吧？我有底色！
    看到了吧？我有底色
    #=rrggbb 16 进制数码，或者是下列预定义色彩：
    Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
    Fuchsia, White, Green, Purple, Silver, Yellow, Aqua 参数五范围：width和height。就是移动的宽度与高度了。例：
    在我的地盘里移动！
    在我的地盘里移动！
    参数6:外观(Layout)设置1.对齐方式(Align) #=top, middle, bottom
    我在上面移动
    我在中间移动
    我在下面移动

    对齐上沿、中间、下沿。    我在上面移动对齐上沿
    我在中间移动对齐中间
    我在下面移动对齐下沿

    参数7:空白
    ********************************************
    你好
    版主来了
    大家好！

    ********************************************
    ********************************************
    你好
    版主来了大家好！
    ********************************************
     代码:



    background=http://www.jiahuism.com/bbs/UploadFile/2004-9/200496102712413.gif>


    <IMG alt="" src="图片地址"><FONT color=#ff0000 size=6>九斤姜欢迎您<IMG alt=""src="图片地址">


    看了这个实例大家是否意识到了什么??呵呵,原来图片和文字一样,在代码...控制,而图片则由....控制。本例中蓝色部分是边框的背景图，绿色部分是定义文字，而玫瑰色当然就是移动的图片了。
    这些代码都可以通过改变字体,图片地址,等等,来为己所用.当我们随后学了表格的相关内容后,大家就会对这些代码一幕了然,慢慢来!!!

    图片的基本格式

    1、 HTML的一般图片格式(不改变大小）

    代码：

    举例：代码：


    显示效果(保持原图一样）：






    补充术语解释：
    代码：

    图片网址

    ：表示图片居中。
     有缩小和放大功能的图片格式代码：

    1）缩小图片
    代码：
    图片地址     ;>   
    2）放大图片
    代码：
    图片地址     ;>
    的一般参数设定：

    　　例如 Logo of PenPals Garden

    src="logo.gif"
    图片来源，接受 .gif, .jpg 及 .png 格式，
    width=100 height=100
    设定图片大小，此宽度及高度一般采用 pixels 作单位。通常只设为图片的真实 大小，以免失真，若需要改图片大小最好使用图像编辑工具。（改变大小的宽和高与原图的宽和高要成正比例，图片最好是改小不改大，以免失真。）

    hspace=5 vspace=5
    设定图片边沿空白，以免文字或其它图片贴近。hspace 是设定图片左右的空间，vspace 是设定图片上下的空间，高度采用 pixels 作单位。

    border=2
    图片边框厚度

    align="top"
    调整图片旁边文字的位置，你可以控制文字出现在图片的偏上方、中间、底部、 左右等，可选值：top, middle, bottom, left, right，内定为 botom。Netscape 还支持 texttop, baseline, absmiddle, absbottom，
    texttop 表示图片和文字依顶线对齐，
    baseline 表示图片对齐到目前文字行底线值，
    absmiddle 表示图片对齐到目前文字行绝对中央，
    absbottom 表示图片对齐到目前文字行绝对底部，（绝对底部是指它考虑到比如 y 、g、q 等字的下边）。

    alt="Logo of PenPal Garden"
    这是用以描述该图形的文字，若使用文字浏览器，由于不支持图片，这些文字 将会代替图片被显示。若支持图片的浏览器，当鼠标移至图片上该文字也会显示。

    lowsrc="pre_logo.gif"
    设定先显示低解析度的图片，若加入的是一张很大的图片，下载要很长的时间，这张低解析度的图片会先被显示以免浏览者失去兴趣，通常是原图的黑白版本。
    　例如
    Logo of PenPals Garden图片地址 width=150 align=top lowsrc=pre_logo.gif vspace=5 border=8>
    论坛代码大全集合册152 论坛代码大全集合册 论坛代码大全集合 FLASH代码集合 社会化分享代码集合 淘宝社区-全新论坛HTML实用代码 报道集合处！！！(添加中） 经典ASP代码集合(ZZ) 代码大全 代码大全 代码大全 QQ空间代码 QQ空间最新代码大全哦--搜索引擎优化(SEO)论坛 ★☆论坛背景音乐集合贴【停止更新】★☆ - 视听盛宴 - 新新资源吧 QQ空间代码|QQ空... ★☆论坛背景音乐集合贴【停止更新】★☆ - 视听盛宴 - 新新资源吧 QQ空间代码|QQ空... 健康集合大全1 健康集合大全12 健康集合大全 健康集合大全1。 健康集合大全(1) 健康集合大全 **健康集合大全2 健康集合大全22 健康集合大全2 健康集合大全3 健康集合大全