|
 最新评论 |
|
|
 我的好友 |
|
{Link}
|
  获取RSS
|
|
|
 BLOG常用设计修改方法
|
| Author:糖粿o吖頭┈━═☆蕥麗 PublishTime:2005-8-7 |
GOOD LUCK!!!  
1.怎样添加背景音乐...
要添加背景音乐其实很简单...
虽然很多人都会,但也相信也有不会的人!
有2种方法:
1.可以直接在编辑器内加入
进入修改模版或是修改链接
首先在编辑器内找到
(2个有所区别,前者是支持avi,wma,asf,mov格式的,后者是支持rm,ra,ram格式的)
只要找到想要插入的音乐的网址,复制进去就可以了!
音乐的网址可以去www.sogua.com上搜索...
PS.如果在修改模版中添加,那么下次改模版的时候,背景音乐也将会没有.
如果是在友情链接中添加,即使下次改了模版,背景音乐仍然还会在.
想在BLOG中加音乐的，在<STYLE>标签结束后（</style>后面）加上这些<BGSOUND balance=0 loop=infinite src="http://www.caishow.com/ring/404440.mid" volume=0> 其中0代表无限制循环 如果用的其他的数代表循环次数 不过最好弄个小的，不然打开网页会很慢 建议用纯音乐 譬如上面这个天空之城的音乐。
2.可以添加代码进去
加音乐，一般高度只要设置100就行了,可以这样设置:
<embed src="http://音乐文件地址" width="480" height="100" loop="false" 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精美时钟
发现了很多绚丽的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 添加“状态栏文本”功能
<script language=java-script>
var MESSAGE="欢迎您亲自光临`尐餹綶o的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>
<body onLoad="makesnake()" >
<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.给blog增加一个功能，每次打开的时候自动在顶部副标题位置显示一条格言 （这个我没使用）
<script language="java-script">
var word=new Array();
word[0]="当你感到悲哀痛苦时，最好是去学些什么东西。学习会使你永远立于不败之地。"
word[1]="每一个成功者都有一个开始。勇于开始，才能找到成功的路。"
word[2]="与其临渊羡鱼，不如退而结网。"
word[3]="若不给自己设限，则人生中就没有限制你发挥的藩篱。"
word[4]="绊脚石乃是进身之阶。"
word[5]="即使爬到最高的山上，一次也只能脚踏实地地迈一步。"
word[6]="积极思考造成积极人生，消极思考造成消极人生。"
word[7]="人之所以有一张嘴，而有两只耳朵，原因是听的要比说的多一倍。"
word[8]="别想一下造出大海，必须先由小河川开始。"
word[9]="即使是不成熟的尝试，也胜于胎死腹中的策略。"
word[10]="积极的人在每一次忧患中都看到一个机会，而消极的人则在每个机会都看到某种忧患。"
word[11]="如果我们想要更多的玫瑰花，就必须种植更多的玫瑰树。"
word[11]="世上没有绝望的处境，只有对处境绝望的人。"
word[12]="当你感到悲哀痛苦时，最好是去学些什么东西。学习会使你永远立于不败之地。"
word[13]="世界上那些最容易的事情中，拖延时间最不费力。"
word[14]="没有口水与汗水，就没有成功的泪水。"
word[15]="如果你希望成功，以恒心为良友，以经验为参谋，以小心为兄弟，以希望为哨兵。"
word[16]="大多数人想要改造这个世界，但却罕有人想改造自己。"
word[17]="未曾失败的人恐怕也未曾成功过。"
word[18]="人生伟业的建立，不在能知，乃在能行。"
word[19]="挫折其实就是迈向成功所应缴的学费。"
word[20]="任何的限制，都是从自己的内心开始的。"
word[21]="忘掉失败，不过要牢记失败中的教训。"
word[22]="不是境况造就人，而是人造就境况。"
document.all("header").innerHTML="<a href="/nzhitao.blogchinese.com"><img src="/uploadfile/200534145731970.gif'" border=0 alt='蓝色梦想align=right /></a><span>"+document.all("Header1_HeaderTitle").outerHTML+"<br/> "+word[parseInt(Math.random()*22)]+"</span>"
</script>
7.改变动态鼠标样式
动态鼠标的插入
在<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上填加水滴效果？
<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>
lain1978.com/collection/flash/005.swf
lain1978.com/collection/flash/006.swf
lain1978.com/collection/flash/007.swf
lain1978.com/collection/flash/008.swf
bbs.whzg.net/skins/dream/top.swf
如何在你的Blog中显示MSN、QQ在线状态
<!-- 显示msn在线状态,注意:必须在msn中设置允许所有人查看你的状态才有效,否则msn图标永远发灰 -->
<A HREF="http://snind.gotdns.com:8080/message/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]
<!-- QQ在线状态显示 -->
<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>
不断变化的状态栏
<SCRIPT language=javascript>
<!--
<!--
var speed = 100
var pause = 1000
var timerID = null
var bannerRunning = false
var ar = new Array()
ar[0] =" "
ar[1] = " "
ar[2] = " "
ar[3] = " "
ar[4] =" "
var currentMessage = 0
var offset = 0
function stopBanner() {
if (bannerRunning)
clearTimeout(timerID)
bannerRunning = false}
function startBanner() {
stopBanner()
showBanner()}
function showBanner() {
var text = ar[currentMessage]
if (offset < text.length) {
if (text.charAt(offset) == " ")
offset++
var partialMessage = text.substring(0, offset + 1)
window.status = partialMessage
offset++
timerID = setTimeout("showBanner()", speed)
bannerRunning = true}
else {
offset = 0
currentMessage++
if (currentMessage == ar.length)
currentMessage = 0
timerID = setTimeout("showBanner()", pause)
bannerRunning = true }}
startBanner();
// -->
//
Blog标题栏特效
代码如下.加在<body>与</body>之间.
<SCRIPT LANGUAGE="javascript">
<!-- Begin
var message = new Array();
// Set your messages you want typed into the title bar below.
// To add more messages, just add more elements to the array.
message[0] = "文字.";
message[1] = "文字";
message[2] = "文字.";
message[3] = "文字.";
message[4] = "文字";
// Set the number of repetitions (how many times a given message is typed out
// before moving onto the next message).
var reps = 1;
var speed = 275;// Set the overall typing speed (larger number = slower action).
var hold = 4 // set the length of time to display the whole phrase before retyping (larger number = longer)
// DO NOT EDIT BELOW THIS LINE.
var p = message.length;
var q = 0;
var r = 0;
var C = 0;
var mC = 0;
var s = 0;
var sT = null;
……
[图片特效]黑白图片渐变彩色
将所要的图片地址换上既可.
以下代码放在<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("")'>
<IMG id=oImg style="FILTER: gray" src="图像.gif">
</SPAN>
教你在blog中插入QQ美妙的电台
登陆到你blog的后台，修改它的模板，切换到原代码，然后在最下面插入如下的代码，就这么简单哟！
<DIV style="LEFT: 0px; VISIBILITY: hidden; WIDTH: 0px; POSITION: absolute; TOP: 0px; HEIGHT: 0px"><IMG height=0 src="http://ping.qq.com/ping?u=http://listen.qq.com/player/web_play.htm#&r=" width=0></DIV>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD bgColor=#2f86c9><IMG height=1 src="http://listen.qq.com/images/spacer.gif" width=1></TD></TR>
<TR>
<TD align=middle bgColor=#57a8e6 height=24>
<TABLE cellSpacing=0 cellPadding=0 width=680 border=0>
<TBODY>
<TR>
<TD align=middle width=140>
<TABLE cellSpacing=0 cellPadding=0 width=116 border=0>
<OBJECT id=media codeBase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701standby=Loading type=application/x-oleobject height=0 width=0 classid=CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6 Microsoft?
……
为BLOG加入计数器
为统计BLOG中用户的访问量，在页面中加入计数器。网络上有许多免费的计数器，样式五花八门，这里选择了xcinfo.ha.cn提供的计数器，免费注册后即可获取代码，具体代码如下：
<script src="http://www.xcinfo.ha.cn/jsq/default.asp?User=yuanxz&Length=8&x=20&y=27&Mode=059"></script>
其中User是注册的用户名，长度为计数器的显示长度，xy是计数器数字的大小，Mode是计数器的样式，具体样式信息可以在网站上浏览得到。
为BLOG加入搜索工具
为BLOG添加Google搜索工具，具体代码如下：
<input type=text id=txtQ size=10>
<img src="http://www.google.com/logos/Logo_25wht.gif"
border="0" alt="Google" align="absmiddle" onclick="self.open('http://www.google.com/search?&hl=zh-CN&q='+txtQ.value,'goog');"><br>
也可使用Google站点提供的代码：
<!-- SiteSearch Google -->
<FORM method=GET action="http://www.google.com/search">
<INPUT TYPE=hidden name=ie value=GB2312>
<INPUT TYPE=hidden name=oe value=GB2312>
<INPUT TYPE=hidden name="hl" value="zh-CN">
<TABLE bgcolor="#FFFFFF"><tr><td>
<A HREF="http://www.google.com/">
<IMG SRC="http://www.google.com/logos/Logo_40wht.gif"
border="0" ALT="Google"></A>
</td>
<td>
<INPUT TYPE=text name=q size=31 maxlength=255 value="">
<INPUT TYPE=submit name=btnG value="Google Search">
<font size=-1>
<INPUT TYPE=hidden name=domains value="YOUR DOMAIN NAME"><br>
<INPUT TYPE=radio name=sitesearch value=""> 搜索WWW
<INPUT TYPE=radio name=sitesearch value="http://blog.csdn.net/yuanxz" checked> 搜索我的博客<br>
</font>
</td></tr></TABLE>
</FORM>
<!-- SiteSearch Google -->
|
|
|
 全部分类中有 1 篇日志 | 每页显示 1 篇 |
 
|
堅持做單純啲女孩
咻鈊养性 尐餹綶dё綄羙⊕緈諨ゞmē
虎
E-mail:
home:
Powered by 
