博客代码公告栏

最新推荐文章于 2025-06-23 08:20:18 发布

prettysea

最新推荐文章于 2025-06-23 08:20:18 发布

阅读量2.1k

点赞数

分类专栏：教你做博客文章标签：公告 border flash filter url qq

教你做博客专栏收录该内容

2 篇文章

订阅专栏

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

此处为你自己的公告内容。

</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 href="http://time001.com/" target=_blank>北京时间查询</a>

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

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

鼠标特效代码为：

① 单鼠标特效代码：

② <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背景特效？

特效代码为：

（博主：此技巧必须要配合修改器才能使用）

警告：请勿乱改代码，尤其是不能删除“<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

六、添加漂亮的计数器图标

进入免费申请计数器网站：http://www.00counter.com/，按要求申请注册，就可得到个人计数器代码，然后将代码复制到公告编辑栏内即可。

比如下面计数器代码例子：

图例：

能让你的公告栏变得很漂亮哦，试试吧！

七、如何插入漂亮的图片

插入

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

② 图片超链接代码：<A href="要链接的网址"><IMG src="图片地址" height=280 width=210></A>

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

④ 图片页面移动：

<TBODY>

<MARQUEE style="FLOAT: none; MARGIN-LEFT: auto; MARGIN-RIGHT: auto" scrollAmount=10 scrollDelay=99 direction=up width=400 height=1000 border="0"><FONT color=#0000ff><FONT face=隶书 color=red size=5><B>Qzone联盟欢迎您加入</B></FONT><BR><BR><BR>

</FONT></MARQUEE>

</div></TD></TR></TBODY></TABLE>

⑤ 插入背景图片： <BODY BACKGROUND="背景图片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=375 ALGIN="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('对不起,图片不能随便下载!')"><IMG SRC="http//图片地址" Align="center" Border="0" width="99" height="50"></A>

更多特效HTML编辑功能能，请随时关注，

同时希望各博友编写或提供更多更好的特效代码！

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

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