博客园公告栏

前几天耍耍博客园，发现公告栏是个好东西，支持HTML代码。虽然没学过HTML，不过有百度嘛~(大神请自动忽略该文……)

要知道自己的博客寄人篱下是什么感觉，懒得自己弄个服务器独立自主自力更生，但是你觉得界面哪个地方不爽又改不了。

还好博客园有点人性，给这一席之地让我们这些寄宿者发挥所剩无多的个性。

第一次尝试是加了张图片：嗯用微博的头像，感觉无论是外观还是亲和力瞬间升级了好几倍。再在图片上添加链接，转到我的微博上。顺便为微博打打人气嘿嘿……

<a href="http://weibo.com/helloworld">
<img src="http://tp4.sinaimg.cn/1849994703/180/5668689381/1">
</a>

第二次尝试是添加按钮：添加一个百度的按钮。注意这里的链接不能省略http://。

<a href="http://www.baidu.com">
<button type="button">百度一下</button>
</a>

第三次尝试添加背景音乐：强大的embed.（我也不知道是什么）玉满堂，仙三游戏音乐，当年循环通关了几次的仙三嘿~提到玉满堂就想到渝州永安当~然后....

1.这种背景音乐的链接很苛刻，我也不知道怎么弄的，反正就是跟当年玩QQ空间背景音乐的链接一样。一样是.mp3结尾，有些打开来后是下载，有些则是网页上播放。而这些网页上播放的才能当作背景音乐。所以当放一个下载链接的时候，每打开或刷新下博客，浏览器就会提示下载……囧

2.当把链接换成一个普通链接，这时就能实现自动跳转了，好神奇。因为是这个链接是自动执行...autostart = "true"

3.本来想换《下一个天亮》，但是每打开一个日志，浏览器又会自动加载公告栏，这时背景音乐又得从头开始放了......因为我们只能控制局部代码（公告栏），所以无法提供一个全局的范围去播放背景音乐.....然后看到embed有一个参数是 starttime用来设置音乐开始播放的时间，查了下发现可以用cookie来当作一个全局变量，然后跳转的时候用cookie保存播放的进度，加载完后再读取播放进度。嗯perfect~~~~~But.....怎么读取当前的播放进度，embed参数里面根本没有这个东西，坑啊。。。或许可以用js什么的去实现，太高级了所以然后就没有然后了。

<EMBED src="http://www.hbfy.com/ebook/1001/bbdb4e45-fe41-432f-8237-6e278894b108.mp3"   hidden = "true" autostart="true"  loop = "false">

第四次尝试添加微博秀：这个折腾了好久好久，终于解决了iframe的问题。博客园自动屏蔽iframe关键词，所以要用特殊的方法处理iframe。但是……一直失败……问那些成功显示微博秀的人要的代码也失败了？问了博客园管理员，也是找不出原因。后来用审查元素一个一个删掉，终于找到了根源。原来是在【通过CSS代码定制代码页面风格】这个框中以前添加了以下去广告的代码，定制了css风格，所以iframe才没能成功显示啊！！！（因为这些广告是通过iframe显示出来的）

iframe
{
display:none;
}

删除它，增加小小成就感，贴代码

<div id="norcy">
<script type="text/javascript">
var ifr = '<ifra';
ifr += 'me width="230" height="550" class="share_self"  frameborder="0" scrolling="no" src="http://widget.weibo.com/weiboshow/index.php?language=zh_cn&width=230&height=550&fansRow=1&ptype=1&speed=100&skin=6&isTitle=1&noborder=0&isWeibo=1&isFans=1&uid=1849994703&verifier=2163a5e7&dpc=1"></ifr';
ifr += 'ame>';
document.getElementById('norcy').innerHTML = ifr;
</script>
</div>

微博组件：http://open.weibo.com/widget/

ps:

embed:html5带来的新东西，用于媒体播放，具体参数百度百科。

html没学过，上面的代码都是查的，找时间补一下。

width="100%" 宽度自适应~

一些其他代码，太无聊没放上去。学会HTML这些应该不是问题……先存着吧

字体闪烁

<marquee scrollamount=8 direction=right behavior=alternate><b><font color=#7700bb size=5><font color=lime>
<marquee direction=up behavior=alternate width=40 height=150>欢</marquee><font color=red>
<marquee direction=up behavior=alternate width=40 height=200>迎</marquee><font color=orange>
<marquee direction=up behavior=alternate width=40 height=150>您</marquee><font color=orange></font></b></marquee>

View Code

鼠标碰一下会变色

<FONT onmouseover="this.style.backgroundColor = 'red';" 
onmousewheel = "this.style.backgroundColor = 'blue';"
style="BACKGROUND-COLOR: green" onmouseout="this.style.backgroundColor = 'Green';" face=arial size=3>欢迎光临我的博客</FONT>

View Code

还有……一些其他的透明动画。

<EMBED style="RIGHT: 370px; POSITION: absolute; TOP: 18px"
src="http://www.dabaoku.com/FLASH/flash/5.swf" autostart = "true"  width=182 height=182 ;; quality="high" onmouseover="width = 300" onmouseout = "width = 182">

View Code