『柴说』 » Silverlight 版 FanShow Widget

之前用Flash设计过一个饭否的Widget,但是它太宽了,以至于我无法将它添加到侧边栏中(或许这也是我的blog一直都没有换主题的一个原因吧。)。
其实早就想用Silverlight设计这样一个Widget来玩玩,当作练手,无奈1.x时代的Silverlight跨域访问和中文支持都相当不好,于是作罢。
今年Microsoft发布了Silverlight 2 Beta,解决了阻碍我的跨域和中文问题,所以我就尝试了设计了这样一个Widget。


Get Microsoft Silverlight

它很小,以至于无法将你的长篇大论完整的显示,但他可以很方便的添加到侧边栏中。
当然,如果你想要看到这个Widget,你得先安装浏览器的Silverlight插件,这里不要大惊小怪,Flash一样需要安装插件,而且体积要比Silverlight庞大。

下面是在blog中添加这个Widget的代码:

 <object type=”application/x-silverlight-2-b1″ height=”140″ width=”160″ data=”data:application/x-oleobject;base64,QfXq3+HzJEysrJnDBxUISgAIAACJEAAAeA4AABAAAAAjAEYARgBGAEYARgBGAAAAAAAAAAAAAAB4AAAAaAB0AHQAcAA6AC8ALwBmAGkAbABlAHMALgBjAG4AYgBsAG8AZwBzAC4AYwBvAG0ALwB4AGkAYQBvAHMAaABhAHQAaQBhAG4ALwBzAGkAbAB2AGUAcgBsAGkAZwBoAHQAZgBhAG4AcwBoAG8AdwAuAHgAYQBwAAAAPAAAAAAAAAAmAAAAbwBuAFMAaQBsAHYAZQByAGwAaQBnAGgAdABFAHIAcgBvAHIAAAAAAAAAAAAAAAAAAAAOAAAASQBEAD0AEXtecSlZAAAAAAAAAQAAAAAAAAAAAAAAAAAAAA==”>
<param name=”source” value=”http://blog.windstyle.cn/wp-content/uploads/2008/04/silverlightfanshow.xap”       />
<param name=”onerror” value=”onSilverlightError”       />
<param name=”background” value=”#001342″       />
<param name=”InitParams” value=”ID=笑煞天”     />
<param name=”EnableHtmlAccess” value=”true” />
<a href=”http://go.microsoft.com/fwlink/?LinkID=108182″ style=”text-decoration: none;”>
<img src=”http://go.microsoft.com/fwlink/?LinkId=108181″ alt=”Get Microsoft Silverlight” style=”border-style: none”    />
</a></object>

注意上面代码中的朱红色粗体字,它们是你可以定制的部分:

  • 要将“ID=笑煞天”修改为你的饭否ID,否则你只能看到我的风言风语了,呵呵;
  • “width”和“height”表示widget的大小,建议修改时保持等比例;
  • “background”表示widget的背景颜色,你可以根据自己的需要来修改。

最后,如果你对这个Widget的设计/开发过程感兴趣的话,可以移步到我的技术博客