RE:新浪blog代码_狡兔三窟

RE:新浪blog代码(2006-03-06 15:19:11)

1文章下拉条（伸缩的那种，浏览器右边那个）
<DIV style="BORDER-RIGHT: 0px; BORDER-TOP: 0px;
OVERFLOW: auto; BORDER-LEFT: 0px; WIDTH: 495px;
BORDER-BOTTOM: 0px; HEIGHT: 350px" align=left>
日志内容…
日志内容…
日志内容…
</DIV>
2音乐播放器的添加

进入原代码编辑，背景音乐的添加很简单，用<bgsound>语句就可以完成了。具体用法如：<bgsound src="歌曲链接地址" loop=3>
这里的loop表示循环次数，loop=-1表示无限循环。注意，mid文件不能用中文
也可使用mp3.wav格式，但是速度就慢了，建议到百度搜歌，复制最快的连接。
示范代码：
<bgsound src=http://c8m.cn/aaajing2/qilixiang.mp3 loop=-1>
复制以上代码到原代码编辑中输入后发表就可以了！

缺点：只能放一首歌，还有这种背景音乐格式，只有在IE浏览器中才可以听到。一般用来插入wav wma mid等格试的音乐。
还有一种代码，就是EMBED系列的。
基本语法： <EMBED SRC="音乐文件地址">
常用属性如下：
SRC="FILENAME" 设定音乐文件的路径
AUTOSTART=TRUE/FALSE 是否要音乐文件传送完就自动播放，TRUE是要，FALSE是不要，默认为FALSE
LOOP=TRUE/FALSE 设定播放重复次数，LOOP=6表示重复6次，TRUE表示无限次播放，FALSE播放一次即停止。
STARTIME="分:秒" 设定乐曲的开始播放时间，如20秒后播放写为STARTIME=00:20
VOLUME=0-100 设定音量的大小。如果没设定的话，就用系统的音量。
WIDTH HEIGHT 设定控制面板的大小
HIDDEN=TRUE 隐藏控制面板
CONTROLS=CONSOLE/SMALLCONSOLE 设定控制面板的样子
例一： <EMBED SRC="歌曲链接地址" autostart=true hidden=true loop=true>
作为背景音乐来播放，隐藏了播放器。
例二： <EMBED SRC="歌曲链接地址" loop=true width=145 height=60>
出现控制面板了，你可以控制它的开与关，还可以调节音量的大小。
注明：mp3 rm ra ram asf mid等音乐都用这个播放器
一般格试如下：
播放器3
<embed width="100" height="20" type="audio/x-pn-realaudio-plugin" autostart="true" controls="ControlPanel" src="歌曲链接地址">
大播放器不直接放
<EMBED src="歌曲链接地址" volume="100" width=250 height=20 hidden="FALSE" autostart="fault" type="audio/x-pn-realaudio-plugin" controls="PlayButton"></EMBED>
播放器直接放
<embed width="426" height="20" type="audio/x-pn-realaudio-plugin" autostart="true" controls="ControlPanel" src="歌曲链接地址">
仿真播放器rm
<embed src="歌曲链接地址" width="280，80%" height="60，80%" autostart="true"><embed>
视频点击播放
<object id=videowindow1 width=480 height=330 classid="CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6">
<param name=URL value=歌曲链接地址>
<param name=AUTOSTART自动/rate点击 value=0></object>
说明：一般用来插入mp3 rm ra ram asf mid等音乐文件，如果要隐藏播放器，把width和height的数值改成0或者1就可以了。

3图片连接一.图片的滤镜效果
准备:插入图片后进入"原代码编辑"模式,找到插入的图片代码域,对其进行修改.
比如插入右图后点击"显示原代码",找到相应的代码.为:
<IMG src="http://blog.sina.com.cn/pic_3/56d016d6187d490474aeb">
1.透明效果
格式:
<img src="图片地址" style="filter:Alpha(opacity=100,finishOpacity=0,style=0)">
或
<div style="filter:Alpha(opacity=100,finishOpacity=0,style=0) ;width:宽;height:高"><img src="图片地址"></div>
涉及到的属性:修改数值对应即可
opacity:开始处的透明度
finishOpacity:结束处的透明度
style:0,平均透明 1,线状透明 2,圆形透明 3,菱形透明
效果:

opacity=50,finishOpacity=0,style=0
opacity=100,finishOpacity=0,style=1
opacity=100,finishOpacity=0,style=2
opacity=100,finishOpacity=0,style=3
2.翻转效果
左右翻转格式:
<img src="图片地址" style="filter:FlipH">
或
<div style="filter:FlipH ;width:宽;height:高"><img src="图片地址"></div>
上下翻转格式:
<img src="图片地址" style="filter:FlipV">
或
<div style="filter:FlipV ;width:宽;height:高"><img src="图片地址"></div>
效果:
3.变调效果
灰调格式:
<img src="图片地址" style="filter:Gray">
或
<div style="filter:Gray ;width:宽;height:高"><img src="图片地址"></div>
X光效果:
<img src="图片地址" style="filter:Xray">
或
<div style="filter:Xray ;width:宽;height:高"><img src="图片地址"></div>
色彩对换:
<img src="图片地址" style="filter:Invert">
或
<div style="filter:Invert ;width:宽;height:高"><img src="图片地址"></div>
效果:
4.边框效果(来自小缘人)
发光:(color为发光颜色代码,strength是发光强度,滤镜宽=图宽+发光强度x2
滤镜高=图高+发光强度x2+10)
<div style="filter:Glow(color=#4A7AC9,strength=15);width:滤镜宽;height:滤镜高" align=center><br><img src="图片地址"></div>
投影:(color为发光颜色代码,direction方向(只能是45度的倍数如:45,90,135,180,225,270,315度),滤镜宽=图宽+25)
濾鏡高=图高40)
<div style="filter:Shadow(color=#4A7AC9,direction=135);width:滤镜宽;height:滤镜高" align=center><br><img src="图片地址"></div>
阴影:(color为发光颜色代码,offX水平位移offY垂直位移(可正可负),滤镜宽=图宽+水平位移绝对值+10,滤镜高=图高+垂直位移绝对值+20)
<div style="filter:Dropshadow(color=#333333,offX=5,offY=5);width:滤镜宽;height:滤镜高" align=center><br><img src="图片地址"></div>
模糊:(direction方向(只能是45度的倍数如:45,90,135,180,225,270,315度),滤镜宽=图宽+15,濾鏡高=图高+30)
<div style="filter:Blur(direction=135);width:滤镜宽;height:滤镜高" align=center><br><img src="图片地址"></div>
波形:(freq频率(>0)strength振幅强度(>0)lightstrength波峰强度(0~100愈高越黑)phase起始相位(0~100),滤镜宽=图宽+振幅强度x2
滤镜高=图高+振幅强度x2+10)
<div style="filter:Wave(freq=7,strength=9,lightstrength=5,phase=5);width:滤镜宽;height:滤镜高" align=center><br><img src="图片地址"></div>
效果:

一.如何是文字图片并排显示?
1.图片在左,文字在右
<P><IMG height=100 src="图片连接地址" width=100 align=left border=0>文章内容<BR> <BR clear=left></P>
效果:

换行,改变文字字体,颜色,大小正常操作

2.图片在右,把align=left改为align=right即为
<P><IMG height=100 src="图片连接地址" width=100 align=right border=0>文章内容<BR> <BR clear=left></P>
效果:

单击图片后拖动边框滑块即可改变图片大小

调整图片于文字的距离可加入[vspace=上下距离 hspace=左右距离]. 使用不同数值效果不一样.改后的代码是：
<P><IMG height=100 hspace=10 src="图片连接地址" width=100 vspace=10 align=left border=0>文章内容</P>
效果:

滚动字符
<MARQUEE scrollAmount=1 scrollDelay=77 direction=up width=270 height=77>诗：滚<BR>滚啊<BR>滚啊<BR>滚啊滚<BR>天天都在滚<BR>滚完还滚<BR>滚完还滚<BR>滚完还滚...</MARQUEE>
改变其中的字即可.<br>是换行的意思.~~记得要使用原码编辑哦!~
从上往下滚把direction=up改成direction=down，scrollDelay=77是速度。

滚动图片

<MARQUEE scrollAmount=1 scrollDelay=1 direction=up width=200 height=230>
<DIV align=center><IMG src="http://xiaobt.cn/web/images-bosstar/1.jpg" width=200 border=0></DIV>
<DIV align=center><IMG src="http://xiaobt.cn/web/images-bosstar/2.jpg" width=200 border=0></DIV>
<DIV align=center><IMG src="http://xiaobt.cn/web/images-bosstar/3.jpg" width=200 border=0></DIV>
<DIV align=center><IMG src="http://xiaobt.cn/web/images-bosstar/4.jpg" width=200 border=0></DIV>
<DIV align=center><IMG src="http://xiaobt.cn/web/images-bosstar/5.jpg" width=200 border=0></DIV>
<DIV align=center><IMG src="http://xiaobt.cn/web/images-bosstar/6.jpg" width=200 border=0></DIV></MARQUEE>
其中一个<div...>....</div>为一个单元，想添加更多图片滚动可以复制，格式很清楚了，但是多了会影响速度。

搜索

添加一个引擎可以让用户及时根据你的文章进行查询~原代码如下~
<iframe src="http://union.3721.com/v2/box.htm?p=1006&a=2001&b=1003&m=404287&bw=200&tr=1&st=0&u=1001" width=200 height=64 marginwidth=0 marginheight=0 FRAMEBORDER=0 SCROLLING=NO ></iframe>
注意：width=200是宽度，因为自建面版则要改为200较合适，高度不要改。欢迎使用，请误擅自修改其他代码！

天气预报和时钟

<IFRAME src="http://weather.qq.com/inc/ss125.htm" frameBorder=0 width=200 scrolling=no height=240></IFRAME>
FLASH时钟跟插入FLASH一样。代码格式
<div align="center"><embed src="FLASH地址" width="180" height="180" type="application/x-shockwave-flash" /></div>
FLASH时钟可以到http://www.fengzhuju.com/page-00s/wzgg/clocks.htm里挑
挑好了复制地址（都是.swf结尾的）替代上面的“FLASH地址就行”。
注意，存放FLASH的服务器的快慢影响你的博客浏览速度。
代码示范：
<div align="center"><embed src=http://www.souxp.com/fzjzykj/previews/clocks/clock2.swf width="180" height="180" type="application/x-shockwave-flash" /></div>

文字移动代码：<marquee direction=right>～</marquee>

<Entry>
    <Title>这里添加标题1 视频/音乐名称等等</Title>
    <Author>演员/歌手名1</Author>
    <Copyright>版权归属1</Copyright>
      <Banner href = "你的个性图片在网络中的地址1">
      </Banner>
    <Ref href = "以http或mms开头以mp3/wma/wmv/wav/midi/mpg/mpeg/avi结尾的视频音频地址1"/>
</Entry>

<Entry>
    <Title>这里添加标题2 视频/音乐名称等等</Title>
    <Author>演员/歌手名2</Author>
    <Copyright>版权归属2</Copyright>
      <Banner href = "你的个性图片在网络中的地址2">
      </Banner>
    <Ref href = "以http或mms开头以mp3/wma/wmv/wav/midi/mpg/mpeg/avi结尾的视频音频地址2"/>
</Entry>

<Entry>
    <Title>这里添加标题视频/音乐名称等等</Title>
    <Author>演员/歌手名</Author>
    <Copyright>版权归属</Copyright>
      <Banner href = "你的个性图片在网络中的地址3">
      </Banner>
    <Ref href = "以http或mms开头以mp3/wma/wmv/wav/midi/mpg/mpeg/avi结尾的视频音频地址3"/>
</Entry>

</ASX>

文章引用自：http://blog.sina.com.cn/u/468a865d0100019h

阅读|评论|收藏|打印|举报

前一篇：RE:14种美化Blog代码:图片、鼠标等
后一篇：RE:BLOG代码<转>

评论重要提示：警惕虚假中奖信息，点击查看详情[发评论]

评论加载中，请稍候...

发评论 明星私家相册

插入表情

登录名：
密码：
找回密码
注册
昵称：
匿名评论

验证码： 看不清楚数字吗？点击这里再试试。收听验证码

发评论

以上网友发言只代表其个人观点，不代表新浪网的观点或立场。