Welcome to 页面载入中,请稍候...

Diary博客广告代码
[ hotkey 发表于 2007-9-14 16:34:00 ]
利用“公告”模块的HTML编辑功能能实现很多特效:比如 QQ在线留言图标、滚动文字、鼠标特效……这可是之前bokee新公社所不能的……不过bokee过滤了部分代码特效的添加,比如:Javascript、Frame、Table、Form、Embed、object等标签都禁用了,而且只能支持500字符:={不过已经找到解决的办法了,只要浪费3秒钟下载一下 【推荐】 bokee公告模块代码修改器(转)  http://lloveyou5.bokee.com/viewdiary.12590949.html  就可以让你的博客公告限制字数增加到1000字,还可以使用object标签,让你的博客更显个性,}

     使用方法:要想使用代码,首先请登录自己的博客,进入编辑模式。在模块中添加“公告”。然后在公告管理中添加下面的代码。兹将一些特效功能代码提供如下:

友情提示:所有代码都经本人调试并能正常使用,如果您不是很清楚代码定义,请勿乱改代码。谢谢!


一、如何添加滚动的公告文字                                               

 <MARQUEE onmouseover=this.stop() onmouseout=this.start() scrollAmount=1 scrollDelay=60 direction=up width=180 height=100><DIV><FONT color=red><B><CENTER>本站公告</CENTER></B></FONT><BR>
 此处为你自己的公告内容。
 此处为你自己的公告内容。
</DIV></MARQUEE>

 比如我的博客首页滚动公告代码为:
<MARQUEE onmouseover=this.scrollDelay=500 style="FONT-SIZE: 9px; WIDTH: 337px; LINE-HEIGHT: 19px; HEIGHT: 99px" onmouseout=this.scrollDelay=1 scrollAmount=1 scrollDelay=1 direction=up height=161><FONT color=#008000 size=2>[责权声明] 本站为个人博客,非商业网站。资料大部分来自于转摘或本人原创,其版权归原作者、其他合法者或本人所有。请您维护本人版权的同时,如果内容涉及或侵犯了您的权益,请通知本人,本站将尽快处理,谢谢!</FONT></FONT><P></P></MARQUEE>

 说明:

① 将<P>与</P>之间的文字进行更换即可。增加文字请在相应位置增加配套的<P>与</P>;

② scrollAmount。它表示速度,值越大速度越快。 如果没有它,默认为6,建议设为1~3比较好;

③ scrollDelay 表示延迟时间;

④ width、height表示宽度和高度,需要根据自己的实际情况进行调整;

⑤ bgcolor 表示底色区域颜色;

⑥ color 表示字体颜色;

⑦ size 表示字体大小;

⑧ DIRECTION=DOWN | LEFT | RIGHT | UP //移动的方向

 更多修饰请自行研究。


二、如何实现QQ在线留言图标                                             

 1 先打开自己的QQ并登陆,然后在“个人设置”右下角,点击“生成在线代码”,然后会近日腾讯网站“QQ网页代码生成”,根据提示生成自己喜欢的代码。

 2)将以上代码放到公告栏编辑状态栏内即可

比如我的QQ在线代码:
<a target=blank href=http://wpa.qq.com/msgrd?V=1&Uin=188801858&Site=http://chanterlee.bokee.com&Menu=yes><img border="0" SRC=http://wpa.qq.com/pa?p=1:188801858:6 alt="点击这里给我QQ留言^^">

 具体效果请参见我的置顶日志。


三、添加简洁北京时间查询代码:                                         

 北京时间代码为:

<a href="http://time001.com/" target=_blank>北京时间查询</a>

将此代码添加到公告编辑栏内即可。


四、如何实现博客首页鼠标特效代码                                      

 鼠标特效代码为:
① 单鼠标特效代码:

<style type=TEXT/CSS> BODY {CURSOR:url('http://webme.bokee.com/inc/mouse025.cur');} A {CURSOR:hand} </style>

② <style>BODY{cursor:url('http://webme.bokee.com/inc/mouse025.ani');}A{CURSOR: url('http://webme.bokee.com/inc/mouse095.cur');}</style>

前者鼠标是主鼠标,浏览页面时起作用;当点击到链接处时后者鼠标起作用。具体效果请参考本日志效果。

 将此代码添加到公告编辑栏内即可。
说明:

 其中的红色部分就是鼠标特效的样式的网址。它是可以任意更换的。

例如:想设置“小鸟”或“树叶”样式的鼠标特效,则把红色部分换成下面相应的网址即可。

(1.树叶;2.小鸟)

1.http://www.52blog.net/uploadfile/20041214112739616.cur

2.http://www.chinathink.net/background.ani

 更多鼠标特效样式及代码请参考网址:

  http://www.blogcn.com/u3/7/89/loveyou8/blog/42693635.html

 这个网页里有很多样式的鼠标,大家可以随意挑选,然后按照上面的操作方法就可以设置。


五、如何实现博客首页透明Flash背景特效?                                  

特效代码为:

(博主:此技巧必须要配合修改器才能使用)
<object type="application/x-shockwave-flash" style="POSITION: absolute;TOP:-70px;left:0px"  width="750" height="1800"><param name="movie" value="
http://imgfree.21cn.com/free/flash/113.swf"><param name="wmode" value="transparent"></object>

 警告:请勿乱改代码,尤其是不能删除“<param name="wmode" value="transparent">”代码,否则会造成无法浏览博客!!

把上面红色的透明flash文件地址改为自己的flash地址就可以了,比如:

花瓣:http://imgfree.21cn.com/free/flash/113.swf

雪花:http://imgfree.21cn.com/free/flash/65.swf

金鱼:http://imgfree.21cn.com/free/flash/17.swf

花朵:http://imgfree.21cn.com/free/flash/33.swf

 更多特效Flash,请参考:

 http://www.blogcn.com/u3/7/89/loveyou8/blog/42692965.html




阅读全文 | 回复(0) | 引用通告 | 编辑
发表评论:
页面载入中,请稍候...
Powered by hblog.net.