分享

博客空间代码大全

 静谧之家 2010-08-10
博客空间代码大全
光晕效果文字代码
<DIV style="FILTER: glow(color=#ff6600,strength=6); COLOR: #000000; HEIGHT: 10px"><FONT size=5>要输入的文字</FONT></DIV>
--------------
2.滚动字代码
<marquee border="0" align="middle" scrolldelay="120">要输入的文字</marquee>
----------------------
4.涂鸦版
这个涂鸦板,就是版面设计不好,代码是:
<EMBED pluginspage=_Prod_Version=ShockwaveFlash src=http://flash./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>
--------------------
6.模糊效果


<FONT color=#FF0033 style="FILTER: blur(add=1, direction=40,strength=10); FONT-SIZE: 30px; FONT-WEIGHT: bolder; WIDTH: 200px">要输入的文字</FONT>
----------------------
7.在新浪BLOG里加入挂件
1*固定位置挂件的源代码:
<DIV id=youxia style="RIGHT: 10px; POSITION: absolute; TOP: 100px"><IMG src="图片地址" border=0></A></DIV>
说明:以上为右挂件代码,更换RIGHT(右)为LEFT(左),则为左挂件代码
2*(挂件)随滚动条上下移动的源代码:
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; ; RIGHT: (eval(document.body.scrollLeft)+eval(document.body.clientWidth)-1020); FILTER: progid:DXImageTransform.Microsoftpadding:8px; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: (eval(document.body.scrollTop)+eval(document.body.clientHeight)-600); TEXT-ALIGN: center"><IMG src="图片地址" border=0></DIV>
代码说明:
(document.body.clientWidth)-1020);表示图片的左右位置,负数值越大距离左侧越远

(document.body.clientHeight)-600);表示图片的上下位置,负数值越大距离下方越远
左侧对联代码:
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: (eval(document.body.
scrollLeft)+eval(document.body.clientWidth)-750); BORDER-LEFT: medium none;
 BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-350); TEXT-ALIGN:
center"><IMG src="图片网址" border=0></DIV>
右侧对联代码:
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: (eval(document.body.
scrollLeft)+eval(document.body.clientWidth)-110); BORDER-LEFT: medium none;
BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-350); TEXT-ALIGN:
 center"><IMG src="图片网址" border=0></DIV>

代码说明:

1、clientWidth后面负数的绝对值越大,图片越靠近左侧;

2、clientHeight后面负数的绝对值越大,图片越靠近上部;

3、“图片URL地址”处加入你想用到的图片的URL地址即可,
建议使用BLOG内部的图片;

注意:前两个参数需要根据图片的实际情况来设定,
代码中的8px保持默认即可,无需改动;

4、为了显示正常,请将电脑显示器分辨率设置为1024×768。


8.制作默林老人代码
以下代码的文字可自行修改,动作也可以自行修改,
例如--默林老人文件里的动作代码:“宣布” 改为 “变魔术1”就是:
Merlin.Play("Announce"); ---修改成---> Merlin.Play("DoMagic1");
就是这么简单,其他都不用改,只改("XXX")里面的动作代码!大家慢慢试试看吧!
如何配合得好就看你咯打造个性化的空间老人!动作代码:
Merlin.MoveTo(200,200); >飞到坐标(200,200)
Merlin.Show(); >显示
Merlin.Hide(); >隐藏
RestPose >复位
Merlin.Stop()   >停止
Acknowledge >点头
Surprised >惊讶
GestureUp >手势
Pleased >满足
Alert   >警告
Announce >宣布
Blink   >眨眼
Confused >困惑
Congratulate >恭喜1
Congratulate_2 >恭喜2      
Decline >拒绝
DoMagic1   >变魔术1
DoMagic2 >变魔术2
DontRecognize >没听清
Explain >说明
GetAttention >敲一下
GetAttentionContinued >不停敲
GetAttentionReturn >不敲了
Greet   >问候
Hearing_1 >听1
Hearing_2 >听2
Hearing_3 >听3
Hearing_4 >听4
Idle1_1 >1-1
Idle1_2 >1-2
Idle1_3 >1-3
Idle1_4 >1-4
Idle2_1 >2-1
Idle2_2 >2-2
Idle3_1 >3-1
Idle3_2 >3-2
LookDown >俯视
LookDownBlink >俯视眨眼
LookDownReturn >俯视眨眼返回
MoveUp >上移
MoveDown >下移
MoveLeft >左移
MoveRight >右移
Process >熬汤
Processing >熬汤
Read   >读
ReadReturn >不读了
Reading >正在读
ReadContinued >不停读
Sad   >悲哀
Search >查找
Searching >正在查找
StartListening >听
StopListening >捂耳朵
Suggest >暗示
Uncertain >想飞
Wave   >挥手
Write   >写东西
WriteContinued >不停写
WriteReturn >不写了
fly >想
使用方法:
1.新建一个TXT文档。
2.将代码保存 。
3.将TXT文档传到网上或者网络U盘上。
4.得到TXT文档地址。
5.运用以下代码:
<div id=Merlin><img src="javascript:Merlin.innerHTML=’
<iframe src=http://默林文本的连接地址 width=0 height=0 marginwidth=0
marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no></iframe>’"
style=display:none></div>
首先点控制面板,再点建立新模块,勾选源代码,然后把以上代码写在
“空白面板中”这一栏里,其他的可以全部不填。
考 虑到部分博友没有上传地方(可以申请一个雅虎公文包,
把你的文件上传到里面,必须要选择成共享此文件夹,在代码里才能调用,
或者申请一个个人主页空间, 为你提供一个地址:
www.传到里面也可以调用),你也可以直接调用以下代码(效果演示),
适合所有的人:
<div id=Merlin><img src="javascript:Merlin.innerHTML=’
<iframe src=http://www./learn/q-zone/Merlin.txt width=0 height=0
 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no>
</iframe>’"
style=display:none></div>
--------------------
9.以图片为背景发表文章
制作方法如下:
1. 进入发表文章窗口;(想要作背景的图片网络地址应该先前就知道,
否则文章做一半又得去找图,多烦!)
2. 勾选“显示源代码”---至关重要!
3. 在编辑栏内添加下列代码:
<table width="450" border="0">
<tr>
<td height="562" background="http://album.sina.com.cn/pic/48506b8a020001ix"></td>
</tr>
</table>
4. 取消“显示源代码”的选择,你就会在编辑栏看到图片,而且光标也在图片之上
(可能光标的首行不在图片的顶端,不过没有关系,尽管从光标的首行可
是您的写作就行了,文字会自动顶到图片的顶端);
5. 写文章与没有图片一样,完了点击“发表文章”就行了。
6. 把红色部分换成你的图片地址就可以了。450和562换成你图片的大小。
---------------------
10.在片里移动的文字.
<DIV></DIV>:
<table border=3 borderColor=#cd5c5c width=450 align=center height=350>
    <tbody>
        <tr>
            <td background=http://image30.360doc.com/DownloadImg/2011/06/1101/12712073_1>
            <marquee direction=down height=350 behavior=alternate scrollAmount=3>
            <marquee style="WIDTH: 427px; HEIGHT: 58px" behavior=alternate width=427 scrollAmount=3>
            <p align=center><font color=red size=7><strong>要输入的文字 </strong></font></p>
            </marquee></marquee></td>
        </tr>
    </tbody>
</table>--------------------
11.滚动字幕代码
<MARQUEE scrollAmount=1 scrollDelay=77 direction=up width=270
height=77 onmouseout="this.start()" onmouseover="this.stop()">怎么样能够
<BR>把全世界的女人都变成你
<BR>那么真好
<BR>那么真糟
<BR>如果说如果
<BR>这个世界上根本没有你
<BR>那么
<BR>把你的影子缩小成零点零一厘米
<BR>移植在我的心底
<BR>那么
<BR>我一声迟到了三千六百五十天的叹息
<BR>忽然幻化成清越神妙的风笛
<BR>偷偷地告诉我
<BR>爱
<BR>应该找另外一个字代替
<BR>你</MARQUEE>
怎 么样让滚动的文字让它成彩色?首先点发表文章,
(如果是让它显示在面板里就点控制面板,定制我的首页,
点添加模块,创建自定义空白面板)下面的部分都一 样了勾选源代码——切记,
很重要,出现<DIV></DIV>,然后把以上代码粘贴到<DIV>< /DIV>后,
然后去掉显示源代码前的对号,出现了文字,对吧,双击(一定要双击)
出现的文字,出现一个像虚线那样的框,把我所有的文字都删除,写
上你想滚动的文字。然后运用上面的word编辑文字的字体,颜色啊上面的就可以了。
想让它在多大的范围内滚动只需要拖动那个框的边就可以了。
--------------------
12.改变新浪博客图.
<STYLE type=text/css>
body
{background:url(页面背景图片) repeat
scroll!important;}
.logo
{background:url(题图logo图片) no
repeat no scroll!mportant;}
.banner
{background:url(题图大图) no
repeat no scroll!mportant;}
.menu{
background:url("题图下的菜单图片") no-
repeat center;}
.feeds .up{
background:url("正文标题栏上翻时的图片") no-
repeat center;}
.feeds .down{
background:url("正文标题栏下翻时的图片") no-
repeat center;}
.feeds .function{background:url("正文摘要结尾处菜单的图片") no-
repeat right;}
.links .up{
background:url("面板标题栏上翻时图片");}
.links .down{
background:url(面板标题栏下翻时的图片);}
.links .mid{
background:url(面板的背景图片);}
.photo .mid{
background:url(形象照片处的背景图片);}
.label .mid{
background:url(自定义面板的背景图片);}
.calendar .mid{
background:url("日历面板背景");}
.callboard .up{
background:url("公告栏标题栏上翻时图片");}
.callboard .down{
background:url("公告栏标题栏下翻时图片");}
.callboard .mid{
background:url("公告栏背景图片");}
.bodyBg{
background:url("正文背景图片");}
.bodyBottom{
background:url("正文背景图片");}
</STYLE>
gbook .up{
background:url(’留言板标题栏上翻时的图片’) no-repeat;
}
.gbook .down{
background:url(’留言板标题栏下翻时的图片’) no-repeat;
}
.feeds .page{
background:url("正文文章页数图片") no-repeat center;
}

 


注意以下代码在文本输入框中勾上显示源代码后,才能正常使用

如何使用代码更改自己的Banner通栏+背景图片。
1.BANNER
剪切或制作一张大小为770*135象素(勿用其它大小的图片)的个性化Banner通栏图或者动画;

2, 将制作好的图或者动画上传到网上生成一个图片或动画的网址;

3, 将该网址复制入写好的代码相应“网址”位置中即可。
图片Banner通栏代码如下:

<CENTER><IMG style="LEFT: 104px; POSITION: absolute; TOP: 55px"
align=right src=网址 width=770 height=135></CENTER>

动画Banner通栏代码如下:
<CENTER><EMBED style="LEFT: 104px; POSITION: absolute; TOP: 55px"
align=right src=网址 width=770 height=135 type=application/x-shockwave-flash
wmode="transparent" quality="high" ;></CENTER>

注意:这里是添加在已经建立好、有内容的模板里。

2.背景图片修改
图片背景方式。支持后缀为
静态图片:*.jpg *.bmp
动态图片:*.gif

加入以下代码
<STYLE type=text/css>
body
{background:url(网址);}
</STYLE>
或将以下代码加入文章开头
<div style=’background:url(网址);’>

动画背景方式。支持后缀格式 *.swf

<EMBED style="LEFT: 10px; POSITION: absolute; TOP: -70px"
src="SWF文件网址" width=800 height=500 type=application/x-shockwave-flash
wmode="transparent" quality="high">
代码中的红色和橘色中的数字表示动画效果的缩放比例。

2.如何在BLOG里加入音乐
1.加入背景音乐--无播放器
代码1,
<BGSOUND src="音乐文件网址" loop=infinite>

代码2,
<img dynsrc="音乐文件网址" loop=infinite>
注意:这里是添加在已经建立好、有内容的模板里。
此用法也适用于加入文章中的源代码后。变成某个文章的背景音乐。

2.加入播放器,使用播放器播放背景音乐;(可以单独新建模板)
1, Windows Media Player播放器的2种代码方式。

1, 代码a:
<DIV><OBJECT id=videowindow1 height=185 width=179
classid=CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6>
<PARAM NAME="URL" VALUE="音乐文件网址">
<PARAM NAME="playCount" VALUE="infinite"><PARAM NAME="autoStart" VALUE="1"><PARAM NAME="volume" VALUE="50"><PARAM NAME="uiMode" VALUE="full"><PARAM NAME="stretchToFit" VALUE="1"></OBJECT></DIV>
绿色"playCount" VALUE="infinite">中的 infinite可以替换为数字,
表示重复播放多少次,如果不更改表示永久循环播放;
“NAME="autoStart" VALUE="1">”的“VALUE="1"”表示是否自动播放,
更改为"0"时不会自动播放,"1"的时候是自动播放。

2, 万能播放器代码b:
<DIV><EMBED id=mePlay style="BORDER-RIGHT: #666666 1px solid;
BORDER-TOP: #666666 1px solid; BORDER-LEFT: #666666 1px solid;
BORDER-BOTTOM: #666666 1px solid" codeBase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.
cab#Version=6,0,5,0803 src=音乐文件网址 width=179 height=185
type=application/x-oleobject classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" standby="Loading Windows Media Player components..." loop="3"></EMBED></DIV>
蓝绿色引号里的数字表示重复播放次数,可替换成你想要的数字,
如果需要改成永久循环可以修改为"infinite"。
有很多朋友问如何连续播放多首歌曲
我找到了一 个方法
你可以到http://www./player/index.asp
申请账号
进行相关填写,得到代码
添加
我试过了
是成功的
但有时会不稳定

3.新歌爬升榜、搞怪歌曲榜、歌曲热搜榜代码
大小:170*244
新歌爬升榜
<script language="JavaScript" type="text/JavaScript"
src="http://code.qihoo.com/ad_bcast/news.js?a=2113&b=1003&p=2007&nt=&m=152081">
</script>
搞怪歌曲榜<script language="JavaScript" type="text/JavaScript" src="http://code.qihoo.com/ad_bcast/news.js?a=2114&b=1003&p=2007&nt=&m=152081">
</script>
歌曲热搜榜<script language="JavaScript" type="text/JavaScript" src="http://code.qihoo.com/ad_bcast/news.js?a=2115&b=1003&p=2007&nt=&m=152081">
</script>


468*179
唱片精选(有图片)<script language="JavaScript" type="text/JavaScript" src="http://code.qihoo.com/ad_bcast/news.js?a=2121&b=1003&p=2007&nt=&m=152081">
</script>

170*318
歌曲爬升榜
<script language="JavaScript" type="text/JavaScript"
src="http://code.qihoo.com/ad_bcast/news.js?a=2116&b=1003&p=2007&nt=&m=152081">
</script>


468*239
新歌爬升榜+搞怪歌曲榜<script language="JavaScript" type="text/JavaScript" src="http://code.qihoo.com/ad_bcast/news.js?a=2117&b=1003&p=2007&nt=&m=152081">
 </script>
新歌爬升榜+热搜歌曲榜<script language="JavaScript" type="text/JavaScript" src="http://code.qihoo.com/ad_bcast/news.js?a=2120&b=1003&p=2007&nt=&m=152081">
</script>

760*150
新歌爬升榜+搞怪歌曲榜<script language="JavaScript" type="text/JavaScript" src="http://code.qihoo.com/ad_bcast/news.js?a=2110&b=1003&p=2007&nt=&m=152081">
</script>
新歌爬升榜+歌曲热搜榜
<script language="JavaScript" type="text/JavaScript"
src="http://code.qihoo.com/ad_bcast/news.js?a=2112&b=1003&p=2007&nt=&m=152081">
 </script>



4.在文章中加入flash动画
勾上显示源代码后,将以下代码加入所有代码后即可放入你想放置的Flash动画。
<P align=center><EMBED pluginspage=http://www.macromedia.com/shockwave/
download/index.cgi?P1_Prod_Version=ShockwaveFlash
src="SWF文件网址" width=480 height=360 type=application/x-shockwave-flash
quality="high"></P>
没有经验红色数字请不要更改,以免破坏也面效果
 
透明FLASH<P align=center><EMBED src=透明FLASH地址 width=524 height=393 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"> </P>
5.滚动字幕:
<DIV align=center>
<DIV style="OVERFLOW: auto; WIDTH: 159px; HEIGHT: 145px">
<MARQUEE class=p131 scrollAmount=1 scrollDelay=60 direction=up height=145 onmouseover="this.stop()" onmouseout="this.start ()" align="left" WIDTH: 200px;>
<P align=left><FONT size=3> 文字</FONT></P></MARQUEE>

7.添加搜索引擎代码
百度的
<div align=center><iframe id="baiduframe" border="0" vspace="0" hspace="0"
marginwidth="0" marginheight="0"
framespacing="0" frameborder="0" scrolling="no" width="200" height="30"
src="http://unstat.baidu.com/bdun.bsc?tn=aiyat&cv=1&cid=31577&csid=102&rkcs=2&bgcr=EDEDEB&ftcr=FF0000&rk=
1&bd=1&bdas=0">
</iframe></div>
更多见http://so./baidu.htm
Google的
<div align=center><FORM method=GET action="http://www.google.com/search" target=_blank>
<input type=hidden name=ie value=GB2312>
<input type=hidden name=oe value=GB2312>
<INPUT TYPE="hidden" NAME="hl" VALUE="zh-CN">
<A HREF="http://www.google.com/" target=_blank>
<IMG SRC="http://www.google.com/logos/Logo_40wht.gif" border="0" ALT="Google" height="20px"></A><INPUT TYPE=text name=q size=12 maxlength=255 value="">
<INPUT type=submit name=btnG VALUE="搜索">
<input type=hidden name=domains value="http://www."</br>
<input type=radio name=sitesearch value="">全球搜索
<input type=radio name=sitesearch value="http://www." checked> 本站搜索<br>
</font></FORM></div>
把 http://www. 文字请替换成你的网站地址
更多代码见http://so./fc.htm

8.文字移动代码
<marquee onmouseover=this.stop() onmouseout=this.start() scrollamount="1" scrolldelay="60" direction="up" width="180" height="210"><div><font color="#ff0000"><b>本站公告</b></font></div>< div><font color="#003366">这里是移动文字内容</font></div></marquee>

9.图片链接移动代码
<marquee onmouseover=this.stop() onmouseout=this.start() scrollamount="1" scrolldelay="60" direction="up" width="200" height="230"><div align="center"><a href="http://myok.blogchina.com/1574968.html" target="_blank"><img src="http://www./pic/upload/200471269665.jpg" width="200" border="0" /></a></div><div align="center"><a href="http://myok.blogchina.com/1575395.html" target="_blank"><img src="http://ccd./images/txtp/yzyh007.jpg" width="200" border="0" /></a></div></marquee>


10.有事您Q我
代码:
<A href="http://wpa.qq.com/msgrd?V=1&Uin=37482880&Site=http://blog.sina.com.cn/u/1444199281&Menu=yes" target=blank><IMG style="WIDTH: 69px; HEIGHT: 58px" height=78 alt=和我聊天吧! src="http://wpa.qq.com/pa?p=1:37482880:11" width=143 border=0></A>

如何在BLOG裏增加水滴傚果
操作步骤:
进入管理中心:点击设定修改模板—修改主模板切换到源码方式编辑,在最上面插入下面代码就可以了!
<CENTER><EMBED style="LEFT: 10px; POSITION: absolute; TOP: -70px" align=right src=http://www./Images/drip.swf width=700 height=400 type=application/x-shockwave-flash wmode="transparent" quality="high" ;></CENTER>   
 
收编于:2010年8月

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约