博客代码全集，有了这些，你也能有精彩的博客！从此我们不用再羡慕别人的漂亮博客 - 聆听悦读分享---Sin奇\You趣\Blog闻\See考 - chimufs

载入中

自定义HTML载入中...

快速链接

博客代码全集，有了这些，你也能有精彩的博客！从此我们不用再羡慕别人的漂亮博客 [转贴 2007-10-21 19:12:30]

博客代码全集

1.给图片加透明flash代码

2.个性名片代码如下：

性别男 gg 女 mm

加QQ在线交谈按钮: QQ个人设置-右下角<生成在线状态> 进去填写好资料后生成网页代码然后全复制过来.( 复制在最后)

3.1.光晕效果文字代码
<DIV style="FILTER: glow(color=#ff6600,strength=6); COLOR: #000000; HEIGHT: 10px"><FONT size=5>要输入的文字</FONT></DIV>
-------------------
3.2.滚动字代码
<marquee border="0" align="middle" scrolldelay="120">要输入的文字</marquee>

滚动字代码
1.建立第一个滚动字幕。代码：
<marquee width="200" height="100" direction="right" behavior="alternate" scrollamount="6" scrolldelay="88">小赛家园</marquee>

　2.各参数详解：
a)scrollAmount。它表示速度，值越大速度越快。如果没有它，默认为6，建议设为1～3比较好。
b)width和height，表示滚动区域的大小，width是宽度，height是高度。特别是在做垂直滚动的时候，一定要设height的值。
c)direction。表示滚动的方向，默认为从右向左：←←←。可选的值有right、down、up。滚动方向分别为：right表示→→→，up表示↑，down表示↓。
d)scrollDelay，这也是用来控制速度的，默认为90，值越大，速度越慢。通常scrollDelay是不需要设置的。
e)behavior。用它来控制属性，默认为循环滚动，可选的值有alternate(交替滚动)、slide(幻灯片效果，指的是滚动一次，然后停止滚动)

3.实例：
a)如何给滚动字幕加超链接？这跟平时的超链接是完全一样的。只要在文字外面加上<a href=***>和</a>就可以了。代码是：
<marquee scrollAmount=2 width=300><a href=http://qqjia.com>小赛家园</a></marquee>

b)当鼠标停留在文字上，文字停止滚动代码：
<marquee scrollAmount=2 width=300 onmouseover=stop() onmouseout=start()>小赛家园</marquee>

c)交替效果。代码如：
<marquee scrollAmount=2 width=150 behavior=alternate>碧云轩-QQ家园</marquee>

d)多行文本向上滚动。代码如：
<marquee scrollAmount=2 width=300 height=50 direction=up>·早晨好啊！<br>·空气好清新啊<br><a href=http://qqjia.com>小赛家园</a></marquee>

----------------------
4.涂鸦版
这个涂鸦板，就是版面设计不好，代码是：
<EMBED pluginspage=_Prod_Version=ShockwaveFlash src=http://flash.haoniub.com/flash_data/fe_f/6633.swf width=400 height=300 type=application/x-shockwave-flash quality="high">
----------------------
5.发光效果
<FONT style="COLOR: #FF0033; FILTER: glow(color=blue); FONT-FAMILY: 宋体; FONT-SIZE: 30pt; WIDTH: 100%"><B>要输入的文字</B></FONT>

常用代码：

1、基本代码:

贴图：<img src="图片地址">
贴带连接的字：<a href="所要连接的相关地址">写上你想写的字</a>

带连接的图片</a> <a target="cont" href="地址"><img src="图片地址" width="100" height="100" border="0"></a>
贴音乐：<embed src="音乐地址" width="宽度" height="高度" autostart=false>
贴flash: <embed src="flash地址" width="宽度" height="高度">
贴影视文件：<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>

2、友情连接:

编辑-排版-模块-添加自定义HTML

其中：target=_blank是另外打开网页，<br>是另一行

3、图片连接：

4、文章连接：

②贴rm,ra,ram类型的音乐，代码如下：
（?#123;用的是計算機内的Realplay播放器）
</textarea><embed width="0" height="0" type="audio/x-pn-realaudio-plugin" autostart="true" controls="ControlPanel" src="音樂源地址";>

③播放Mid格式的音樂：
</textarea><embed src="音樂源地址" type="audio/midi" hidden="false" autostart="true" loop="true" height="20" width="200"></embed>

④播放.Avi.Mpg格式的音樂：
</textarea><embed src="音樂源地址" border="0" width="320" height="240" type="application/x-mplayer2"></embed>

⑤播放.Mp3.Mov格式的音樂：
</textarea><embed controller="true" width="200" height="20" src="音樂源地址" border="0" pluginspage="http://www.apple.com/quicktime/download/indext.html"></embed>

5. 文字设置

1、文字基本设制

　基本代码如下：

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

　color=颜色代码　具体颜色代码可参照：颜色选取＜＜点击查看

　face=字体　常用字体为：宋体.黑体.楷体.仿宋.新宋体.细明体等

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

　2、大字体文字

　代码：

　<font style=font:40pt face=新宋体 color=#ff0000>插入文字</font>marquee direction=移动方向 scrollamount=移动速度数值>插入文字</marquee>

　说明：direction=移动方向　可选值为向上(up)　向下(down)　向左(left)　向右(right)

　基本代码2：

　说明：

　behavior=scroll 一圈一圈绕着走　

　behavior=slide 只走一次　

behavior=alternate 来回走

　停停走走：

　代码如下：

图片系列：

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

2．多张图片滚动代码：
<MARQUEE 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)" 要显示的字')"><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; COLOR: #00ff00; HEIGHT: 10px"><IMG src="上面图片地址"><FONT style="FONT-SIZE: 27pt; FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv(); 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 style="padding:0px; ; 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-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-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是上下振动

6.3二．MTV/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="" width="380" height="270">

3.无边框FLASH:
普通FLASH： <div style="padding:0px; ; 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 style="padding:0px; ; 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-right: rgb(0,0,0) 1px dotted"><embed src="FLASH地址" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" 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>
字体系列：

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 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)">文字内容</font>

★投影效果： <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,starty=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>

★跳跳字： <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>

★滚动字效果： <MARQUEE scrollAmount=1 scrollDelay=60 direction=up width=100 height=50>文字内容</MARQUEE>

6.彩虹字:(该代码是无边框代码,字效可以去喵喵代码测试器查看)

图片处理

1、反色：
<IMG src="图片地址" style="FILTER: invert()" border=0>

2、浮雕效果
<IMG src="图片地址" style="filter : progid:DXImageTransform.Microsoft.Emboss(Bias=0.7) ;" border=0>

3、扭曲效果：
<IMG src="图片地址" style="FILTER: wave(add=0,freq=3,lightstrength=50,phase=0,strength=3)" border=0>

(freq=5表示扭曲尺度，strength=5表示扭曲强度)

4、虚线边框效果：
<IMG src="图片地址" style="FILTER: Gray;border-width:2;BORDER-STYLE: dotted;" border=0>

(border-width:2表示边框宽度，数值可改)

7、透明效果：
<IMG src="图片地址" style="FILTER: Alpha(Opacity=80,style=2)" border=0>

(style=2表示模糊类型，1表示从左往右渐变模糊，2如图效果，3表示四周渐变模糊)

友情链接：