切换到宽版
  • 6023阅读
  • 12回复

[分享]一些常用的制贴代码 [复制链接]

上一主题 下一主题
离线浪子小色

UID: 7951

精华: 56
级别: 开山鼻祖
 

发帖
779
金币
11216
道行
771
原创
19
奖券
125
斑龄
0
道券
0
获奖
0
座驾
设备
摄影级
在线时间: 1184(小时)
注册时间: 2005-08-23
最后登录: 2012-02-23
只看楼主 倒序阅读 使用道具 楼主  发表于: 2007-04-10
— 本帖被 lxm3830 从 音乐欣赏 移动到本区(2009-06-06) —
一.图片系列:


1.最基本的插入大图: <IMG src="图片" width="100"
height="250">
      让图片居中: <center><IMG src="图片" width="100"
height="250"></center>


2.多张图片滚动代码:
  <MARQUEE onmouseover=this.stop() onmouseout=this.start()
direction=left width=200 height=250><IMG src="你的图片地址1"
width=400><IMG src="你的图片地址2" width=400><IMG
src="你的图片地址3" width=400><IMG src="你的图片地址4"
width=400>


  本代码说明: direction=up
是图片滚动方向,可以修改为UP(上)、DOWN(下)、LEFT(左)、RIGHT(右)。
width=200 height=250
是整体可移动范围的宽和长,可以根据需要修改。后面的width=400
是指图片的宽度。


3. 图片防被盗代码:
    屏蔽反键: </textarea><img src="图片地址" width="400"
height="400" body oncontextmenu="return false"></textarea>
  鼠标放上去弹出提示窗: <A HREF="javascript:void(0)"
onMouseover="alert('要显示的字')"><IMG SRC="图片地址"
Align="center" Border="0" width="250" height="200"></A>


4.
带解说文字的图片代码(就是鼠标放在图片上有文字显示的)


  <img src="图片地址" width=620 height=138 border=0
title="说明文字" align=absmiddle>


5. 多种效果图片代码:
  ★黑白效果  <IMG src="图片地址" style="FILTER:
gray(color=#ffedff)">


  ★底片效果  <IMG src="图片地址" style="FILTER:
xray(color=#ffedff)">


  ★左右反置  <IMG src="图片地址" style="FILTER:
fliph(color=#ffedff)">


  ★左右上下反置 <IMG src="图片地址" style="FILTER:
flipv(color=#ffedff)">


  ★滤镜效果  <img src="图片地址" width=380 height=147
style=filter:Alpha(opacity=100,style=2)>


  ★上下倒影  <P align=center><FONT style="FONT-SIZE: 27pt;
WIDTH: 220px; COLOR: #00ff00; HEIGHT: 10px"><IMG
src="上面图片地址"><FONT id=ew style="FONT-SIZE: 27pt; FILTER:
wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv(); WIDTH:
220px; COLOR: #3333ff; HEIGHT: 10px"><IMG
src="下面图片地址"></FONT></FONT></P>
      *说明:适合动态小图片,上下图片可不同


  ★图片重复  <MARQUEE behavior=alternate direction=up
height=300 width=130><img src=图片1地址></MARQUEE><FONT
color=orange><MARQUEE behavior=alternate direction=up height=250
width=130><img src=图片2地址></MARQUEE><FONT color=Fuchsia><MARQUEE
behavior=alternate direction=up height=300 width=130><img
src=图片3地址></MARQUEE><FONT color=olive><MARQUEE
behavior=alternate direction=up height=250 width=130><img
src=图片4地址></MARQUEE>
      *说明:适合动态小图片,可添加多个不同图片


6. 无边框图片: <div id="layer25" style="padding:0px; LEFT: 0px;
OVERFLOW: hidden; WIDTH:634px; POSITION: absolute; TOP: 0px; HEIGHT:
530px; zindex: 90" resiziable="true"><IMG src="图片地址" border="0"
width="图片的宽" height="图片的高">


7. 图片特效--上下,左右分别振动
  <table width="200" cellspacing="0" cellpadding="0"><tr
align="center"><td style="BORDER-top: rgb(0,0,0) 1px dotted;
BORDER-bottom: rgb(0,0,0) 1px dotted; BORDER-left: rgb(0,0,0) 1px
dotted; BORDER-right: rgb(0,0,0) 1px dotted"><marquee
behavior="alternate" direction="left" height="80"width="100%"
scrolldelay="60"><img src="图片1地址" width="110" height="70"
border="0"></a></marquee></td></tr><td style="BORDER-bottom: rgb(0,0,0)
1px dotted; BORDER-left: rgb(0,0,0) 1px dotted; BORDER-right:
rgb(0,0,0) 1px dotted"><marquee behavior="alternate" direction="up"
height="80"width="100%"scrolldelay="60"><img src="图片2地址"
width="110" height="70" border="0"></a></marquee></td></tr></table>
  *说明:  图片1是左右振动,图2是上下振动


二.MV/FLASH系列:


1.基本插入MV:  <embed src="你的MV地址" console=clip1
controls=imagewindow height=128 width=180 autostart=true loop=true>


2.Flash代码:
  普通:<embed src="FLASH地址" width=360 height=280>
  透明:<embed src="FLASH地址" wmode=transparent style="position:
absolute" width="380" height="270">


  *说明: width宽度 height高度,可自行修改调节


3.无边框FLASH:
  普通FLASH: <div id="layer25" style="padding:0px; LEFT: 0px;
OVERFLOW: hidden; WIDTH:634px; POSITION: absolute; TOP: 0px; HEIGHT:
530px; zindex: 90" resiziable="true"><embed src="FLASH地址"
pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?
P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"
width="宽" height="高" play="true" loop="true" quality="high"
scale="showall" menu="true"></embed></div>


  透明FLASH: <div id="layer25" style="padding:0px; LEFT: 0px;
OVERFLOW: hidden; WIDTH:634px; POSITION: absolute; TOP: 0px; HEIGHT:
530px; zindex: 90" esiziable="true"><embed src="FLASH地址"
quality=high wmode="transparent" WIDTH="宽" HEIGHT="高"
TYPE="application/x-shockwave-flash"></div>


4.让模块背景全透明的FLASH:
  </textarea></table></tr><td style="BORDER-top: rgb(0,0,0) 1px
dotted; BORDER-bottom: rgb(0,0,0) 1px dotted; BORDER-left: rgb(0,0,0)
1px dotted; BORDER-right: rgb(0,0,0) 1px dotted"><embed
src="FLASH地址"
pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Versio..."
type="application/x-shockwave-flash" width="647" height="490"
play="true" loop="true" quality="high" scale="showall"
wmode="transparent" menu="true"></embed></td></tr></table>


5.空间主页任意位置放FLASH:
  <img
src="javascript:document.getElementById('Mlogo').innerHTML+='<div
style=\'position:absolute;top:0;left:0;width:100;height:550;z-index:500\'><­EMBED
src=\'这里放FLASH地址\' quality=high wmode=\'transparent\'
WIDTH=\'100%\' HEIGHT=\'100%\'
TYPE=\'application/x-shockwave-flash\'></div>';">


【结合图片+FLASH的综合代码】


<IMG src="图片地址" width="300" height="300">
<div
style="position:absolute;top:0;left:0;width:925;height:655;z-index:500">
<EMBED src="FLASH地址" quality=high wmode="transparent" WIDTH="100%"
HEIGHT="100%" TYPE="application/x-shockwave-flash"></div>


三.字体系列:


1.基本改字体: <b><font face="字体" size="字号"
color="#00BFFF">你要打的字</font></b>


  *说明: <b>...</b>是把字体加粗,可选择性使用
        <I>...</I>是把字体倾斜,可选择性使用
        <U>...</U>是 加下划线,可选择性使用
        字体可以是:
宋体,隶书,楷体,华文彩云,黑体……
        color后面的是颜色编码,可进网站参照修改
http://www.ezsell.com.tw/aseip_folder/color.htm


2.发光的字:<table style="FILTER:
glow(color=#6699FF,direction=2)"><font color=#ffffff
size=2>要改的字</font></table>


3.主页走动字(走马灯): <marquee width="157"
height="21">要写的字</marquee>


4.滚动字效果编码:<MARQUEE onmouseover=this.stop()
onmouseout=this.start() scrollAmount=1 scrollDelay=60 direction=up
width=100 height=50>内容</MARQUEE>
  *说明:参数修改同移动图片一样


5.几种文字效果:
  ★模糊效果:      <font color=#EE00EE
style="width:610;filter:blur(add=true,direction=135,strength=30)">文字内容</fon­t>


  ★投影效果:      <font color=#FF0000
style="width:80;filter:shadow(color=#0000FF,direction=135)">文字内容</font>


  ★波纹效果:      <font color=#FF0000
style="width:80;filter:wave(add=add,freq=2,lighstrength=0,phase=25,strength­=2)">文字内容</font>


  ★定点投影效果:  <font color=#FF0000
style="width:80;filter:dropshadow(color=#0000FF,offx=1,offy=2,positive=true­">文字内容</font>


  ★透明效果:      <font color=#FF0000
style="width:80;filter:alpha(opacity=10,finishopacity=20,sytle=2,startx=1,s­tarty=1,finishx=100,finishy=100)">文字内容</font>


      *说明:
finishopacity=20这里可以修改透明度.从1-100中选择数字,100是完全不透明.0是完全透明.


  ★浮雕效果:      <table style="FILTER:
dropshadow(color=#6699FF, offx=1, offy=1, positive=1);"><font
color=#ffffff>文字内容</font></table>


  ★阴影效果:      <table
style="Filter:Shadow(color=#ff0000,direction=45)">文字内容</table>


  ★文字左右反转:    <table
style="Filter:FlipH">文字内容</table>


  ★文字上下反转:    <table
style="Filter:FlipV">文字内容</table>


  ★3D文字效果:    <style type="text/css">.3dfont { FILTER:
glow(color=ffffff,strength=0) shadow(color=cccccc,direction:135);
POSITION: relative; WIDTH: 100% }</style><table border="0"
width="100%"><tr><td width="100%" class="3dfont"><font
color="#008040">文字内容</font>


  ★左右互动字效果:  <FONT color=#0096ff face=隶书
size=7><MARQUEE height=50 width=240>文字内容</FONT></MARQUEE><FONT
color=#0000ff face=隶书 size=7><MARQUEE direction=right height=50
width=240>文字内容</MARQUEE></FONT></FONT>


  ★跳跳字:      <MARQUEE behavior=alternate direction=up
height=98 scrollAmount=5><MARQUEE behavior=altrnate scrollAmount=2
width=460><FONT color=red face=楷体_gb2312
size=7>文字内容</FONT></MARQUEE></MARQUE></MARQUEE>


  ★奇怪来回走动:  <MARQUEE behavior="alternate"
direction="up" height="80" width="60%" scrollamount="2"
scrolldelay="0"><marquee behavior="alternate"
scrollamount="2">文字内容</marquee></marquee>
[ 此贴被浪子小色在2007-04-10 20:44重新编辑 ]
2条评分
By mumu 金币 +38 | 理由: 优秀文章 2007-04-10
By woshima 金币 +50 | 理由: 优秀文章 2007-04-10
山庄提示: 道行不够,道券不够?---☆点此充值☆
 
离线denny1209

UID: 163

精华: 2
级别: 得道成仙

发帖
2256
金币
545
道行
2888
原创
0
奖券
564
斑龄
12
道券
11
获奖
0
座驾
设备
摄影级
在线时间: 2310(小时)
注册时间: 2005-11-12
最后登录: 2020-03-27
只看该作者 沙发  发表于: 2007-04-13
恩,不错,谢谢!收下了!
如何不发帖就快速得到金币道行
 
离线historymusic

UID: 143187

发帖
568
金币
197
道行
43
原创
0
奖券
0
斑龄
0
道券
0
获奖
0
座驾
设备
摄影级
在线时间: 62(小时)
注册时间: 2007-01-20
最后登录: 2018-09-20
只看该作者 板凳  发表于: 2007-07-06
天啊,看起来不是一时就能学会的。努力!
如何不发帖就快速得到金币道行
 
离线118818

UID: 237249

发帖
65
金币
15
道行
35
原创
0
奖券
0
斑龄
0
道券
0
获奖
0
座驾
设备
摄影级
在线时间: 94(小时)
注册时间: 2007-07-04
最后登录: 2016-11-23
只看该作者 地板  发表于: 2007-08-22
看起来不是一时就能学会的。努力!
如何不发帖就快速得到金币道行
 
离线yzjwoa

UID: 277366

发帖
573
金币
55
道行
10
原创
0
奖券
0
斑龄
0
道券
0
获奖
0
座驾
设备
摄影级
在线时间: 110(小时)
注册时间: 2007-08-20
最后登录: 2009-12-08
只看该作者 4楼 发表于: 2007-08-29
好东东,谢谢分享,研究研究
如何不发帖就快速得到金币道行
 
离线hrbxly

UID: 293398

发帖
618
金币
283
道行
501
原创
0
奖券
0
斑龄
0
道券
0
获奖
0
座驾
设备
摄影级
在线时间: 827(小时)
注册时间: 2007-09-29
最后登录: 2014-09-02
只看该作者 5楼 发表于: 2007-10-19
学习学习,谢谢分享。
如何不发帖就快速得到金币道行
 
离线du1jia

UID: 298106

发帖
69
金币
577
道行
3
原创
0
奖券
3
斑龄
0
道券
0
获奖
0
座驾
设备
摄影级
在线时间: 16(小时)
注册时间: 2007-10-07
最后登录: 2012-10-03
只看该作者 6楼 发表于: 2007-10-20
对新手是些好东西哦,楼主辛苦了。
如何不发帖就快速得到金币道行
 
离线小非

UID: 137507

发帖
749
金币
5062
道行
780
原创
0
奖券
39
斑龄
0
道券
16
获奖
0
座驾
设备
摄影级
在线时间: 815(小时)
注册时间: 2007-01-12
最后登录: 2023-08-09
只看该作者 7楼 发表于: 2007-10-24
不错的啊,有些用的说
如何不发帖就快速得到金币道行
 
离线zhuce00000

UID: 183485

精华: 12
级别: 得道成仙

发帖
16299
金币
5634
道行
2394
原创
232
奖券
142
斑龄
0
道券
0
获奖
0
座驾
设备
摄影级
在线时间: 7003(小时)
注册时间: 2007-04-12
最后登录: 2022-09-13
只看该作者 8楼 发表于: 2007-10-30
也来学习学习,好帖当然要顶起来。
如何不发帖就快速得到金币道行
 
离线7zgmgxg

UID: 43007

发帖
153
金币
294
道行
21
原创
0
奖券
12
斑龄
0
道券
0
获奖
0
座驾
设备
摄影级
在线时间: 82(小时)
注册时间: 2006-02-20
最后登录: 2020-09-14
只看该作者 9楼 发表于: 2007-11-19
恩..谢谢告诉我们这些
如何不发帖就快速得到金币道行
 
离线pygm20052008

UID: 247237

发帖
110
金币
55
道行
11
原创
0
奖券
0
斑龄
0
道券
0
获奖
0
座驾
设备
摄影级
在线时间: 43(小时)
注册时间: 2007-07-14
最后登录: 2019-12-07
只看该作者 10楼 发表于: 2007-11-29
恩,不错,谢谢!收下了!
如何不发帖就快速得到金币道行
 
离线zhangjm3239

UID: 44117

发帖
58
金币
337
道行
1
原创
0
奖券
0
斑龄
0
道券
0
获奖
0
座驾
设备
摄影级
在线时间: 100(小时)
注册时间: 2006-02-23
最后登录: 2020-03-19
只看该作者 11楼 发表于: 2008-01-16
<table style="FILTER: } v:YSG 
dropshadow(color=#6699FF, offx=1, offy=1, positive=1);"><font =hFY-~U 
color=#ffffff>感谢,收下了</font></table
如何不发帖就快速得到金币道行
 
离线cxling

UID: 349850

发帖
297
金币
19
道行
23
原创
0
奖券
15
斑龄
0
道券
0
获奖
0
座驾
设备
摄影级
在线时间: 64(小时)
注册时间: 2008-01-07
最后登录: 2013-09-28
只看该作者 12楼 发表于: 2008-01-19
好贴,学习.
如何不发帖就快速得到金币道行
 
快速回复
限120 字节
认真回复加分,灌水扣分~
 
上一个 下一个