博客上添加特效功能,会使你的博客页面栩栩如生哦[转]
广告投放★自助友情CMS落伍广告联盟晒乐广告联盟脉动广告联盟品味广告联盟
广告位可自定样式联系QQ:4285248个文字广告月20元广告联系QQ:428524广告位可自定样式
8个文字广告月20元黄金广告位每月20元广告位可自定样式联系QQ:428524广告位可自定样式
左旋肉碱、全国包邮
买二送一、无效退款

文章浏览→建站指南代码特效→博客上添加特效功能,会使你的博客页面栩栩如生哦[转]

博客上添加特效功能,会使你的博客页面栩栩如生哦[转]
博客上添加特效功能,会使你的博客页面栩栩如生哦[转]

自从我在博客上添加了一些特效功能之后,有很多朋友都会纷纷发送QQ信息来询问我各个功能的设定方法,现在为了方便大家,我把这些好经验发布成日记方便大家!

bokee升级了,在公告模块里支持html代码功能,对想增加博客个性化的博友是个好消息。

利用“公告”模块的HTML编辑功能能实现很多特效:比如QQ在线留言图标、滚动文字、

鼠标特效……这可是之前bokee新公社所不能的……不过bokee过滤了部分代码特效的添加,

比如:Javascript、Frame、Table、Form、Embed、object等标签都禁用了,

而且只能支持500字符:={不过已经找到解决的办法了,只要浪费3秒钟下载一下

【推荐】 bokee公告模块代码修改器(转)

http://lloveyou5.bokee.com/viewdiary.12590949.html

 就可以让你的博客公告限制字数增加到1000字,还可以使用object标签,

让你的博客更显个性,}

 

使用方法:要想使用代码,首先请登录自己的博客,进入编辑模式。在模块中添加“公告”。

然后在公告管理中添加下面的代码。兹将一些特效功能代码提供如下:

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


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

<MARQUEEonmouseover=this.stop() onmouseout=this.start()scrollAmount=1

scrollDelay=60direction=up width=180 height=100><DIV><FONTcolor=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=upheight=161><FONT color=#008000size=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=blankhref=http://wpa.qq.com/msgrd?V=1&Uin=188801858&Site=http://chanterlee.bokee.com&

Menu=yes><imgborder="0" SRC=http://wpa.qq.com/pa?p=1:188801858:6alt="点击这里给我QQ留言^^">

 具体效果请参见我的首页公告模块内;

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

 北京时间代码为:

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

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


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

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

<styletype=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"><paramname="wmode" value="

transparent"></object>

警告:请勿乱改代码,尤其是不能删除“<paramname="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
六、添加漂亮的计数器图标

进入免费申请计数器网站:http://www.00counter.com/,按要求申请注册,就可得到个人计数

器代码,然后将代码复制到公告编辑栏内即可。

比如下面计数器代码例子:
<TD
align=middle><Ahref="http://00counter.com/"><IMGalt=00Counter.com

src="http://00counter.com/counter.asp?id=56174"border=0></A></TD>

图例:

 能让你的公告栏变得很漂亮哦,试试吧!


七、如何插入漂亮的图片

图片简易代码:<IMG src="图片地址" height=280width=210> 

图片超链接代码:<A href="要链接的网址"><IMGsrc="图片地址" height=280 width=210></A>

插入左右滚动图片: <MARQUEE width=380height=80 onmouseover=stop() onmouseout=start() scrollAmount=3loop=infinite deplay="0"><img src="第一张图片地址"><imgsrc="第二张图片地址"></MARQUEE> 

图片页面移动:
<DIV id=Layer2 style="Z-INDEX: 2; LEFT: 10px; WIDTH: 211px;POSITION: absolute;

 TOP:100px; HEIGHT: 120px">
<TABLE cellSpacing=10 cellPadding=0 width="60%"border=0>
<TBODY>
<TR class=unnamed1>
<TD vAlign=top width="90%" height=274>
<DIV align=center>
<MARQUEE style="FLOAT: none; MARGIN-LEFT: auto; MARGIN-RIGHT:auto" scrollAmount=

10 scrollDelay=99direction=up width=400 height=1000 border="0"><FONTcolor=#0000ff><FONT face=隶书 color=redsize=5><B>Qzone

联盟欢迎您加入</B></FONT><BR><BR><BR>
<IMG src=图片URL地址>
</FONT></MARQUEE>
</div></TD></TR></TBODY></TABLE> 

插入背景图片:<BODYBACKGROUND="背景图片Url地址"> 

图片朦胧圆形效果: <IMG src="图片"width=500 height=375 style="filter:Alpha

(opacity=100,style=2);">

图片朦胧方形效果: <IMG src="图片"style="FILTER: Alpha(opacity=200,style=3)"

width=500 height=375ALGIN="MIDDLE">

带框图片的代码:<center><img src="图片地址"style="border-top-style:outset;border-bottom-style:outset;border-right-style:outset

border-left-style:outset"></center>  图片不让别人盗代码: <A HREF="void(0)"onMouseover="alert('对不起,图片不能随便

下载!')"><IMGSRC="http//图片地址" Align="center" Border="0" width="99"

height="50"></A>
同时希望各博友编写或提供更多更好的特效代码!

好经验大家分享,请多多指教。

更多博客技巧请参考:http://lloveyou5.bokee.com/viewdiary.12473455.html

所属分类:建站指南代码特效    作者:荡凯网络    时间:2010-6-26 9:25:00

文章导航