您好!欢迎您光临如何利用这些常用的代码?_〖百荷音画驿站〗(音画教程 flash素材 音画欣赏)【百荷音画驿站】分站! 聊天室 I 论坛 I 企业建站 I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>【网站建设】>>>如何利用这些常用的代码?
如何利用这些常用的代码?
发表日期:2007/10/6 17:49:00 出处:网络 作者:未知 发布人:baihe99 已被访问 214

“公告”模块功能的妙用

 利用“公告”模块的HTML编辑功能能实现很多特效:比如 QQ在线留言图标、滚动文字、鼠标特效……这可是之前bokee新公社所不能的……不过bokee过滤了部分代码特效的添加,比如:Javascript、Frame、Table、Form、Embed等标签都禁用了,而且只能支持500字符:(

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

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


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

 <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://myok.blogchina.com/3429184.html

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


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

特效代码为:

(博主:此技巧已被bokee禁用)
<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://kf025.bokee.com/2939377.html
(非常好消息:虽然bokee禁用了本技巧,但是本人找到了新方法!具体请参见新发表的日志:
 
http://chanterlee.bokee.com/viewdiary.12287054.html )


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

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

 比如下面计数器代码例子:
<TD align=middle><A href="http://00counter.com/"><IMG alt=00Counter.com src="http://00counter.com/counter.asp?id=56174" border=0></A></TD>

 图例:              

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


七、如何插入漂亮的图片                                                               

插入

 ① 图片简易代码: <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> 

 ④ 图片页面移动:
<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=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>
<IMG src=图片URL地址>
</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> 


八、博客首页点击弹出新窗口                                                        
 代码
1)<STYLE>#blogIndex a{ text:expression(target="_blank");}</STYLE> (注:点击日志链接,弹出新窗口。)

2)<STYLE>#content-nav a{ text:expression(target="_blank");}</STYLE>(注:点击导航栏中的日志、个人资料等弹出新窗口。)


3)
<STYLE>#content-nav a{ text:expression(target="_blank");}#blogIndex a{ text:expression(target="_blank");}</STYLE>  (简易综合)

博客帮助

分类:初入博客

特别提醒:

请慎用本日志中的技巧,并养成良好的备份习惯……备份方法,请参考第8条。

代码请切记:如果您对以下代码不是很精通,请勿乱改代码,否则后果自负^-^


友情提示:

 新公社博客目前不支持直接在首页或者日志中添加代码,只能使用以上已生成的代码特效。(你可以通过别的博客或者在你的图博个人信息中生成。)


 博客留言和评论或者最新编辑后效果不能及时看到的话,请按:“Ctrl+F5――即可以立刻看到。如果按“Ctrl+F5仍不行,可尝试多按几次。

 最新方法:bokee在线升级后,您可以直接点击左上角的“刷新”字样即可。

1、如何及时看到留言、评论和最新编辑效果


2
、在首页添加QQ的方法

1先打开自己的QQ并登陆,然后在“个人设置”右下角,点击“生成在线代码”,然后会近日腾讯网站“QQ网页代码生成”,根据提示生成自己喜欢的代码
将以上代码放到“我的图博”--个人信息里或者通过别的博客中(如Sina博客)转化为QQ图像形式(如我置顶日志的一样),在博客浏览状态下,将QQ图像复制到您日志编辑框中发布就ok了!

2)点击“模块”,选择“自定义列表”,然后在弹出的窗口中列表名称输入“QQ在线留言”,链接中输入“http://wpa.qq.com/msgrd?V=1&Uin=188801858&Site=吴昕&Menu=yes”,标题栏内输入:“点击这里QQ在线留言”,然后在描述栏输入“打开您的QQ,在线给我留言^^”。切记:将您的QQ号和昵称代替链接中我的QQ号和昵称。


3
、加载晃来晃去的特效文字

 您可以复制下面的特效文字到您的日志编辑框内,删除它的文字,换上您的文字就可以了。

 

 欢迎来我的博客客!^-^  

 

欢迎您朋友! !友朋您迎欢

 

真诚的朋友是最宝贵的财富。

 

 

 

 

 

 

 
注意:复制时要保证要把流动文字的编辑框复制全!
操作图例如下:

 


4、加载计数器的方法

 左键点击我网页上的计数器就弹出网页,点击最下面的“YILUDA免费计数器”,再弹出一页面,点击“免费申请”,就会再弹出一页面,填好内容,点击“注册”,就会得到“代码”,将代码保存到“个人简介”或者“座右铭”里即可!
注意:1)申请过程中注意选择您喜欢的类型!

2)加载计数器后,登陆时能看到而浏览时却看不到,这是正常的,一般一天后就可以看到了。必要时按“Ctrl+F5进行清除缓存。


5
、添加“本站公告”的方法

 点击“模块”,选择“自定义列表”,然后在弹出的窗口中列表名称输入“本站公告”,链接中输入自己的博客地址,然后在描述栏输入“……”您自己的友情提示内容。


6

bokee新公社博客日志编辑带有Flash插入功能,在此就略过。

、加载flash动画


7、如何加视频播放代码(目前暂时不能用)

 将如下代码加到“个人简介”或“座右铭”里即可。视频地址可换成你喜欢的视频。

  <embed width=160 height=140 type="application/x-mplayer2" src="http://dvfile.leyuan.com/dv/2005/0/1131938770tCE4gOnGz5.wmv" name=play1>

注:width、heigh值设置不能太大,另外因为博客网的限制,代码添加后请不要更改代码,否则会失效。


8、如何备份您的blog?

 为了以防万一,最好养成定期备份自己博客的习惯:下载Teleport软件,它可以把你的网上的东西差不多全备份下来。具体的用法你可以在网上搜索一下。它可以每次打开时自动更新备份你的博客。


9、特效鼠标的添加

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

说明:

 1、将代码添加到公告编辑栏内即可;

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

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

(1.树叶;2.小鸟)

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

2.www.chinathink.net/background.ani051 请将鼠标放在这里察看效果 CURSOR: url(''http://webme.bokee.com/inc/mouse051.ani''); 

更多鼠标特效样式及代码网址:
http://myok.blogchina.com/3429184.html


10、加载特效Flash

 背景代码 ① <EMBED style="POSITION: absolute;TOP:-70px;" src=http://www.52blog.net/uploadfile/20041214112848382.swf . width=680 height=1500 wmode="transparent">
② <EMBED style="LEFT:10px;POSITION:absolute;TOP:-70px;" src=http://mailimg-fs.hanmail.net/fl/effect/19/e-fall2.swf width=900 height=675 wmode="transparent">

Twins样式的钟表代码:
 <EMBED src=http://www.59178.com/Twins/Twins07.swf width=140 height=140 >

 更多特效Flash,请参考:

   http://kf025.bokee.com/2939377.html


11、留言编辑管理的操作方法

 留言编辑的进入,不是点击“留言”下面的“管理”,而是在编辑状态下,首页上方有一行“首页  博客名片  日志  图片  音频  博客群  好友  管理”  就是这里的“管理”,进入后,上面有一行“设置  收藏  自定义列表  友情博客  留言列表  评论列表  统计”,点其中的“留言列表”你就可看到删除按钮了。


12、为博客添加个性图标^-^

 为自己的日志增加一些漂亮的小图标可以展现Blog的个性。QQ头像、MSN头像、论坛头像、论坛签名、博客广告、通讯工具(邮件、MSN、QQ、书签)等的标签快速生成工具,一个方便、实用的图片制作网站!
http://www.eoool.com/Default.aspx?TypeID=0&TypeID=100

不需要学会任何制图软件,就可以出漂亮的,精致的,带文字的,甚至会动的图片,随时享受绚彩带来的乐趣。在这里,你可以:把你的照片加上漂亮的相框,配上各种动画效果,生成你的个性头像;把你的邮件制作成精致标签,不用担心邮件地址被盗走;把你的QQ靓号成图片,送给你的好友;随时按心情一个MSN头像,从此MSN上不再单调!

心动不如行动!具体效果,您可以参考我的置顶日志:

 http://chanterlee.bokee.com/viewdiary.10753979.html 
技巧提示:所生成的图标,请保存到相册或者图片博客中。最好是保存到图片博客中,这样便于链接!


13、编辑bokee日志的技巧

 由于bokee日志编辑的BUG和弱点,在编辑日志时明明已经“首行缩进、字体大小适合等等”,等发布后却全变样!经过多次的教训和尝试,日志编辑技巧如下:

① 所有日志最好在Windows计事本或者Word中编辑好,然后全选复制到日志编辑中;编辑时,字体不宜太大,一般以小四号为宜。

② Bokee日志编辑,请不要手工“首行缩进”,否则会变得乱七八糟;日志发布后bokee会自动首行缩进。如果要取消Bokee的自动首行缩进,可以按住“Shirft”,然后回车。

③ 日志字体大小可选范围跟Word不一样,一般以“特小”或者“极小”字体即可。


14、如何在日志中实现鼠标特效和背景音乐?

 是不是觉得浏览你的日志时特别单调?是不是希望浏览日志时能跟博客首页一样有鼠标特效和背景音乐?技巧请参见:

http://chanterlee.bokee.com/viewdiary.11131107.html 

(好经验大家分享)漂亮羽毛鼠标特效及背景音乐

http://chanterlee.bokee.com/viewdiary.11235482.html


15、编辑日志插入Flash的技巧

 插入Flsh地址后,如果直接保存,那么很对Flash都会大小不适合。可是如果手动拉伸又很容易让日志“变形”而面目全非!请插入Flash后适当拉伸Flash,并让输入光标置前,然后按住“Shirft”+回车,即可让Flash紧靠日志左边。因为bokee会自动首行缩进,造成Flash不靠左而很难看。


16、背景音乐的代码

 代码:<IMG height=1 width=1 border=0 loop=infinite dynsrc="http://sd.stu.com.cn/music/jingdianlaoge/tianliangle.mp3">

 将以上歌曲链接地址替换成你喜欢的歌曲链接地址即可。


17、在线HTML编辑器

  一个很不错的在线HTML编辑器,功能十分强大,比一般的blog自带的编辑器强多了,支持HTML模式,排版十分方便。使用它,你会发现意想不到的效果^^  具体使用方法请参考

http://chanterlee.bokee.com/viewdiary.11812489.html


18、如何使用bokee博客的音频功能请参考日志:

http://chanterlee.bokee.com/viewdiary.11588398.html

如何找到有效的歌曲链接地址,请参考日志:

http://chanterlee.bokee.com/viewdiary.11757885.html


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

请进入公告栏编辑状态,然后直接复制下面的滚动文字代码即可:
<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: 85px" onmouseout=this.scrollDelay=1 scrollAmount=1 scrollDelay=1 direction=up height=85>
<P align=center><FONT color=#008000 size=2>[博主公告]<BR>Lonely island</FONT></P>
<P align=left><FONT color=#008000 size=2>欢迎您光临本站,本站建设中,如果您任何建议,请您评论或者留言!好经验大家分享……本站随时更新,请常来客!</FONT></P>
<P align=center><FONT color=#008000 size=2>[责权声明]</FONT></P>
<P align=left><FONT color=#008000 size=2>本站为个人博客,非商业网站。资料大部分来自于转摘 或本人原创,其版权归原作者、其他合法者或本人所有。请您维护本人版权的同时,如果内容涉及或侵犯了您 的权益,请通知本人,本站将尽快处理,谢谢!</FONT></FONT> </P>
<P></P></MARQUEE>

 更多修饰请自行研究。

 更多“公告”模块功能的技巧使用请参考日志:

 http://chanterlee.bokee.com/viewdiary.12121562.html

 

双击自动滚屏 【打印本页】 【关闭窗口

上篇文章:FLASH学习入门到精通

下篇文章:四则你要知道的QQ技巧

 相关评论:

没有相关评论

 发表评论:

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

〖百荷音画驿站〗(音画教程 flash素材 音画欣赏)【百荷音画驿站】分站(二站) | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话:13772211718 站长QQ:546683833 联系人:幽幽百荷

琼icp备09005167