博客特效 - 偶很期待！ - 老广

载入中

自定义HTML载入中...

快速链接

博客特效 [原创 2006-12-10 10:22:59]

首先,和讯的博客对于其他博客门户,并没有特别的功能开放,而且把CSS的提交也封死了,这就要求我们在有限的自由度内发挥自己的想象力,还好,昨天和讯通知开放了HTML自定义模块(我的强烈要求有效!?),让我马上又可以缔造一些自己个性化的设计元素了.
首先先说一下利用HTML自定义模块添加自己的功能,如我现在的下雪背景就是这样造出来的,效果如何大家可以去看看.(和讯通知:现在的HTML自定义模块只在门户生效,在其他的界面显示会在2007年后才得以完善).
以下先把和讯博客管理员的一些教案搬过来:
注意最下面的红字部分！

[color=Red]自定义html可以做什么？[/color]
        1. 可以添加广告（比如：google广告、百度广告等等）；
        2. 可以增加天气预报；
        3. 可以增加日期或者时钟；
        4. 可以增加flash播放器；
        5. 可以增加视频播放器；
        6. 可以增加google、百度等搜索框；
        7. 可以增加邮箱登录框；
        8. 可以增加左右两边的挂件；
        9. 可以设置鼠标样式；
        10. 可以对个人门户，及其内容页面进行美化；

一、去哪里设置？

请登录后，点击个人门户首页的“进入管理”，在个人门户管理系统的个人设置中的 [color=Red]自定义html [/color]中进行代码设置，（马上去设置>>）

二、会在哪里显示出来？

考虑添加的代码可能为广告代码，或者点击记录，或者美化的界面的样式等等，所以尽可能在个人的个人门户的所有页面都显示出来，主要包括个人门户首页、博客、相册、网摘、视频、音乐的首页以及内容页。

（1）比如在个人门户首页显示，模块位置可以通过鼠标随意拖动，放到您觉得合适的位置即可

（2）比如在博客文章列表页显示，在个人头像的下放，位置固定，文章页面也将在相应位置出现。

注意：在2007年1月1日之前代码只在个人门户首页出现，切换完成将实现所有页面（主要包括个人门户首页、博客、相册、网摘、视频、音乐的首页以及内容页）出现。

三、如何控制该模块的开启和关闭？

可以在个人门户首页的“模块”中设置，或者进入管理以后在“模块设置”中设置。

四、还有一些注意事项！！！

（1）为了防止某些恶意病毒的植入，对于某些未知代码需要管理员审核后才能完全显示出来，请大家添加完后注意看代码框下面的提示语：

“您提交的代码已经完全显示，请到个人门户首页查看”，说明您的代码全部为系统认可来源的代码，已经完全显示出来了；
“您提交的代码需要通过管理员审核后才能显示到页面上，请稍后”说明您提交的代码中含有系统未知来源的代码，需要通过管理员审核后才能显示出来，呵呵，为了社区所有用户的安全着想，请谅解。
“您提交的代码XXXXXX为不允许的内容，请修改”说明您的代码中含有系统不允许的内容，只能请您重新编辑后再提交。

（2）目前正在使用博客旧模版的用户，请注意！（哪些是博客旧模版？点击这里查看）

和讯博客旧模版，已经全部重新制作完毕（包括个人门户配套的所有页面）；大约两周后，这些模版将被新制作的模版替代，全部转化成新制作的模版。

如果您对旧博客模版自定义了样式，请尝试将其转化到个人门户自定义样式中，请在 2006年12月31日前完成；
如果您在旧博客模版的简介与公告中添加了代码，请将代码转移到个人门户自定义html中，请在 2006年12月31日前完成。

和讯将在2007年1月1日切换模版，在切换之前代码只在个人门户首页出现，切换完成将实现所有页面（主要包括个人门户首页、博客、相册、网摘、视频、音乐的首页以及内容页）出现。

经过以上的介绍，相信大家也可以设置一点自己的元素了。

下面是我的代码,把代码贴到自定义模块里面就可以了,里面的FLASH地址自己可以更换,换了FLASH就换了效果,也可以加入多个的FLASH:

背景落叶FLASHA特效1:
<EMBED style="LEFT: 150px; POSITION: absolute; TOP: 220px; absolute: " align=right src=http://imgfree.21cn.com/free/flash/131.swf width=1000 height=800 type=application/x-shockwave-flash wmode="transparent" quality="high" ;;>
背景落叶FLASHA特效2:
<EMBED style="RIGHT: 10px; POSITION: absolute; TOP: -70px" align=right src=http://www.3lian.com/flash/flash/32.swf width=500 height=800 type=application/x-shockwave-flash wmode="transparent" quality="high" ;></EMBED>
时钟FLASH特效：
<embed src="http://www.aswis.net/100000/clock/clock32.swf" width="180" height="180" type="application/x-shockwave-flash" />

背景音乐：

<script language=JavaScript>
var browsername = navigator.appName;
var gettype = browsername;
if (gettype=="Netscape") {
document.write('<embed src="http://www.tangparadise.com.cn/music/music/jshy.MP3" autostart=true WIDTH=0 HEIGHT=0 REPEAT=TRUE>')}
else {document.write('<bgsound src=http://www.tangparadise.com.cn/music/music/jshy.MP3 loop=-1>')}
</script>

下雪背景FLASH地址:
http://imgfree.21cn.com/free/flash/23.swf 雪花飘 <可以应用>网上搜的绝大多数已经无效了.不过也可以继续再搜搜.把这个地址替换掉上面的背景代码里面的SWF地址即可.

鼠标显示特效：(这个在新的模板也可以应用,放在CSS文件的BODY{后面就可以全方位显示)
CURSOR: url(http://imgcache.qq.com/qzone/space_item/orig/7/6103.ani);
<STYLE type=text/css>
a:hover {cursor:url('http://webme.bokee.com/inc/mouse092.cur')}
BODY {cursor:url('http://webme.bokee.com/inc/mouse092.cur')}
</STYLE>

网上的QQ下雪背景FLASH，[已经不能使用]
http://img5.picsplace.to/img5/17/tuyetdo.swf
http://img5.picsplace.to/img5/17/tuyetim.swf
http://img5.picsplace.to/img5/17/tuyetvang.swf
http://img5.picsplace.to/img5/17/tuyetxanh.swf
http://img5.picsplace.to/img5/17/xiaxue007.swf

JAVASCRIPT下雪背景特效(比加载FLASH来得方便且不会限制在固定显示范围——100%全屏)：
<style>
.drop { position: absolute; width: 3; filter: flipV(), flipH(); font-size: 40; color: white }
</style>

snow = false;
snowsym = " * "
rainsym = " * "
howmany = 15

if(snow){sym = snowsym; speed=2; angle=15; drops=howmany}
else{sym = rainsym; speed=10; drops=howmany; angle=6}
movex = -speed/angle; movey = speed; count = 0;

</script>
<script language="javascript">

if (document.all){
drop = new Array(); xx = new Array(); yy = new Array(); mv = new Array()
ly = "document.all[\'"; st = "\'].style"
for(make = 0; make < drops; make++){
document.write('<div id="drop'+make+'" class=drop>'+sym+'</div>');
drop[make] = eval(ly+'drop'+make+st);
maxx = document.body.clientWidth-40
maxy = document.body.clientHeight-40
xx[make] = Math.random()*maxx;
yy[make] = -100-Math.random()*maxy;
drop[make].left = xx[make]
drop[make].top = yy[make]
mv[make] = (Math.random()*5)+speed/16;
drop[make].fontSize = (Math.random()*10)+20;
if(snow){col = 'white'}else{col = 'white'}
drop[make].color = col;
}
window.onload=moverain
}
</script>
</BODY>