BLOG常用设计修改方法大全（代码）--唐仲慧远

BLOG常用设计修改方法大全（代码） [::jy021ty::]

1.怎样添加背景音乐...

要添加背景音乐其实很简单...

虽然很多人都会,但也相信也有不会的人!

有2种方法:

1.可以直接在编辑器内加入

进入修改模版或是修改链接

首先在编辑器内找到

(2个有所区别,前者是支持avi,wma,asf,mov格式的,后者是支持rm,ra,ram格式的)

只要找到想要插入的音乐的网址,复制进去就可以了!

音乐的网址可以去百度上搜索...

PS.如果在修改模版中添加,那么下次改模版的时候,背景音乐也将会没有.

如果是在友情链接中添加,即使下次改了模版,背景音乐仍然还会在.

2.可以添加代码进去

加音乐，一般高度只要设置100就行了,可以这样设置:

autostart="false"></embed>

其中，如果把 autostart="false" 改为 autostart="true"，那么音乐就会自动播放

了

PS.加入代码的话,下次修改模版,背景音乐也还是在的.

2.为你的 Blog 添加“天气预报”功能。

<p><b>今日天气</b><br>

<center><iframe width=157 height=240 frameborder=0 scrolling=NO

src='http://appnews.qq.com/cgi-bin/news_qq_search?

city='></iframe></center>

3.给blog增加flash精美时钟

你可以预览后选择自己喜欢的。

时钟：

<EMBED SRC=http://www.butabon.com/Clock/clock_038.swf WIDTH=150 HEIGHT=150

wmode=transparent quality=high loop=true menu=false>

其中的http://www.butabon.com/Clock/clock_038.swf是时钟的flash地址，可以在

IE中预览，其中的038可以替换成000-039之间或者051-059之间的任何一个数字

数字时钟：

第一种风格：

<EMBED SRC=http://www.butabon.com/Clock/digiwide019.swf WIDTH=150

HEIGHT=15 wmode=transparent quality=high loop=true menu=false>

其中的http://www.butabon.com/Clock/digiwide019.swf同样是时钟的flash地址，

可以在IE中预览，其中的019可以替换成000-019之间之间的任何一个数字

第二种风格：

<EMBED SRC=http://www.butabon.com/Clock/digital_019.swf WIDTH=150

HEIGHT=90 wmode=transparent quality=high loop=true menu=false>

其中的http://www.butabon.com/Clock/digital_019.swf同样是时钟的flash地址，

可以在IE中预览，其中的019可以替换成000-019之间之间的任何一个你可以在IE中可

以成功预览的数字

4.为Blog 添加“状态栏文本”功能

var MESSAGE="欢迎您光临唐远的BLOG "

var POSITION=100

var DELAY=10

var scroll=new statusMessageObject()

function statusMessageObject(p,d)

{

this.msg =MESSAGE

this.out =" "

this.pos =POSITION

this.delay=DELAY

this.i=0

this.reset=clearMessage

}

function clearMessage()

{

this.pos=POSITION

}

function scroller()

{

for (scroll.i=0;scroll.i<scroll.pos;scroll.i++){

scroll.out += " "}

if (scroll.pos >= 0)

scroll.out += scroll.msg

else scroll.out=scroll.msg.substring(-scroll.pos,scroll.msg.length)

window.status=scroll.out

scroll.out=" "

scroll.pos--

if (scroll.pos < -(scroll.msg.length)) {

scroll.reset()}

setTimeout('scroller()',scroll.delay)

}

function snapIn(jumpSpaces,position)

{

var msg = scroll.msg

var out = ""

for(var i=0; i<position; i++)

{

out+= msg.charAt(i)

}

for(i=1;i<jumpSpaces;i++)

{

out += " "

}

out+=msg.charAt(position)

window.status = out

if(jumpSpaces <= 1)

{

position++

if(msg.charAt(position) == ' ')

{

position++

}

jumpSpaces = 100-position

}

else if (jumpSpaces > 3)

{

jumpSpaces *= .75

}

else

{

jumpSpaces--

}

if(position != msg.length)

{

var cmd = "snapIn(" + jumpSpaces + "," + position + ")";

scrollID = window.setTimeout(cmd,scroll.delay);

}

else

{

window.status=""

jumpSpaces=0

position=0

cmd = "snapIn(" + jumpSpaces + "," + position + ")";

scrollID = window.setTimeout(cmd,scroll.delay);

return false

}

return true

}

snapIn(100,0);

</script>

5.为Blog 添加“跟随鼠标的文字”功能

<style type="text/css">

.spanstyle

{

position:absolute;

visibility:visible;

top:-500px;

font-size:10pt;

color: #0000ff;

font-weight:bold;

}

</style>

<script>

var x,y

var step=15

var flag=0

var message="你的快乐是我最大的幸福"

message=message.split("")

var xpos=new Array()

for (i=0;i<=message.length;i++)

{

xpos[i]=-500

}

var ypos=new Array()

for (i=0;i<=message.length;i++)

{

ypos[i]=-500

}

function handlerMM(e)

{

x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX-5

y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY-75

flag=1

}

function makesnake()

{

if (flag==1 && document.all)

{

for (i=message.length; i>=1; i--)

{

xpos[i]=xpos[i-1]+step

ypos[i]=ypos[i-1]

}

xpos[0]=x+step

ypos[0]=y

for (i=0; i<message.length; i++)

{

var thisspan = eval("span"+(i)+".style")

thisspan.posLeft=xpos[i]

thisspan.posTop=ypos[i]

}

else if (flag==1 && document.layers)

{

for (i=message.length; i>=1; i--)

{

xpos[i]=xpos[i-1]+step

ypos[i]=ypos[i-1]

}

xpos[0]=x+step

ypos[0]=y

for (i=0; i<message.length; i++)

{

var thisspan = eval("document.span"+i)

thisspan.left=xpos[i]

thisspan.top=ypos[i]

}

var timer=setTimeout("makesnake()",30)

}

</script>

for (i=0;i<=message.length;i++)

{

document.write("<span id='span"+i+"'class='spanstyle'>")

document.write(message[i])

document.write("</span>")

}

if (document.layers)

{

document.captureEvents(Event.MOUSEMOVE);

}

document.onmousemove = handlerMM;

</script>

6.改变动态鼠标样式

动态鼠标的插入

在<head>与</head>之间插入：

<STYLE type=text/css>body{cursor:url()}</STYLE></style>

说明：

1、( )号中的为你的图标的路径，后缀名还有**.ico的，和**.ani的．

2、第一个路径是接触链接时的指针。第二个路径是鼠标移动时的指针。

后缀名为**.ico 的为静态

后缀名为**.cur 的为静态

后缀名为**.ani 的为动画

演示

下面我介绍一些代码：

01 绿色<BODY style='cursor:url(http://images.jojoo.net/gif/mouse.cur)'>

02 花树枝 <BODY style='cursor:url

(http://yuhou.net/work/images/xw_answer/liujg_xw_answer_nor.cur)'>

03 小点跟随<BODY style='cursor:url

(http://yuhou.net/images/liujg_m030719.ani)'>

04 粉红玫瑰<BODY style='cursor:url(http://yuhou.net/build/images/03.cur)'>

05 钥匙<BODY style='cursor:url

(http://asp.7i24.com/yhsjxe/book1/images/c.cur)'>

06 小手<BODY style='cursor:url

(http://asp.7i24.com/yhsjxe/book1/images/c2.cur)'>

07 短笔<BODY style='cursor:url(http://asp.7i24.com/yhsjxe/links/01.cur)'>

08 太阳花<BODY style='cursor:url(http://lssm.wx-e.com/images/lssm.ani)'>

09 小色杆<BODY style='cursor:url

(http://home.vipcp.net/kukumm/diary1/images/kuru2r.ani)'>

10 绿色样式剪头<BODY style='cursor:url

(http://lengku.net//index/mouse.ani)'>

11 银色样式剪头<BODY style='cursor:url

(http://nms.voline.net/aspsky/skins/dream/mouse.ani)'>

12 小老鼠<BODY style='cursor:url

(http://e.1asphost.com/xiayule/guest7/pic/1.ani)'>

13 有点像猫<BODY style='cursor:url

(http://asp2.6to23.com/whslj/lyb/pic/cur.ani)'>

14 美女头像<BODY style='cursor:url

(http://e.1asphost.com/xiayule/guest10/pic/cur.ani)'>

15 小红鼠<BODY style='cursor:url

(http://e.1asphost.com/xiayule/guest11/pic/cur.ani)'>

16 小粉猪<BODY style='cursor:url

(http://e.1asphost.com/xiayule/guest8/pic/cur.ani)'>

17 小美女加小煎头<BODY style='cursor:url

(http://e.1asphost.com/xiayule/guest12/pic/cur.ani)'>

18 蝴蝶<BODY style='cursor:url

(http://asp2.6to23.com/rlf/gb3/pic/cur.ani)'>

19 小钟点样式<BODY style='cursor:url

(http://asp2.6to23.com/peg3/clover3/pic/cur.ani)'>

20 十字<BODY style='cursor:url

(http://asp2.6to23.com/peg3/sky/pic/cross.ani)'>

21 样式剪头<BODY style='cursor:url

(http://asp2.6to23.com/peg3/sky/pic/cur.ani)'>

22 银杆<BODY style='cursor:url

(http://asp2.6to23.com/peg3/sd/pic/cur.cur)'>

23 带头粉红杆<BODY style='cursor:url

(http://asp2.6to23.com/peg3/sakura/pic/cur.ani)'>

24 两十字<BODY style='cursor:url

(http://www.bluenuo.com/gbbear/pic/cur.ani)'>

25 兔头<BODY style='cursor:url(http://50net.com/book/img2/1.ani)'>

26 螺旋<BODY style='cursor:url(http://50net.com/home/ani5.ani)'>

27 花<BODY style='cursor:url(http://50net.com/forest/1.ico)'>

28 花<BODY style='cursor:url(http://50net.com/forest/2.ico)'>

29 动态小鼠<BODY style='cursor:url

(http://www.kulongnvhai.com/free/pic/cur.ani)'>

30 尾动灰色<BODY style='cursor:url

(http://fhwep.lwang.net/Images/Wag3dg.ani)'>

31 三角<BODY style='cursor:url(http://fhwep.lwang.net/Images/Wag3dw.ani)'>

　如何在Blog上填加FLASH效果？

<CENTER><EMBED style="LEFT: 10px; POSITION: absolute; TOP: -70px"

align=right src=http://www.mydeskcity.com/Images/drip.swf width=700

height=400 type=application/x-shockwave-flash wmode="transparent"

quality="high" ;></CENTER>

http://lain1978.com/collection/flash/005.swf

http://lain1978.com/collection/flash/006.swf

http://lain1978.com/collection/flash/007.swf

http://lain1978.com/collection/flash/008.swf

http://bbs.whzg.net/skins/dream/top.swf

如何在你的Blog中显示MSN、QQ在线状态

<!-- 显示msn在线状态,注意:必须在msn中设置允许所有人查看你的状态才有效,否

则msn图标永远发灰 -->

<IMG SRC="http://snind.gotdns.com:8080/msn/你的msn用户名"

align="absmiddle" border="0" ALT="MSN Online Status Indicator"

onerror="this.onerror=null;this.src='http://snind.gotdns.com:8080/image/msnunknown.gif';">

[/font]

<a target=blank href=http://wpa.qq.com/msgrd?V=1&Uin=你的qq号码

&Exe=QQ&Site=Simplelife&Menu=yes><img border="0" SRC=http://wpa.qq.com/pa?

p=1:你的qq号码:4 alt="点击发送消息给我"></a>

[图片特效]黑白图片渐变彩色

将所要的图片地址换上既可.

以下代码放在<body>与</body>之间

<SCRIPT>
function doTrans(filterCode)
{

imgObj.filters[0].apply();

oImg.style.filter = filterCode

imgObj.filters[0].play();

}

</SCRIPT>

<SPAN id=imgObj

onmouseleave='doTrans("gray")'

style="FILTER: progid:DXImageTransform.Microsoft.Fade(Overlap=1.00);

WIDTH: 1px"

onmouseenter='doTrans("")'>

</SPAN>

为BLOG加入好友<代码>

嘿嘿,试一下就会喽~~

2005-12-23 20:05:03 阅读全文 | 回复(5) | 引用通告 | 编辑

BLOG常用设计修改方法大全（代码） [::jy021ty::]

Re:BLOG常用设计修改方法大全（代码） [::hx055bomin::]

Re:BLOG常用设计修改方法大全（代码） [::myzzf::]

Re:BLOG常用设计修改方法大全（代码） [::kevin::]

Re:BLOG常用设计修改方法大全（代码） [::zyx521::]

Re:BLOG常用设计修改方法大全（代码） [::zy031陈嘉浩::]

发表评论：