Loading, please wait...

Friday, May 8, 2009

修正Blogger in Draft编辑文章链接

虽然blogger升级到了draft,但文章的快速编辑链接  依然是指向旧版的地址.
要想修正此链接,只有在Layout > Edit HTML 中勾选Expand Widget Templates,再进行编辑.

在模板中找到以下片段:
<b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>
  </b:if>
</b:includable>

将其中的
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
替换为
<span expr:class='"item-control " + data:post.adminClass'>
      <a expr:href='&quot;http://draft.blogger.com/post-edit.g?blogID=你的BlogID&amp;postID=&quot; + data:post.id' expr:title='data:top.editPostMsg'>

enjoy it!

转载声明: 出自: Ghoul To World!作者: GreatGhoul

强悍,JS做的开源纵卷轴射击游戏 天机

无忧脚本 上看到了这样一个强悍的网页游戏 .<天机> ,画面取材于彩京 .由JavaScript 编写,而且支持IE6、IE7、FF3、Opera、Safari、Chrome .

主选单:
1 - 开始游戏
2 - 键位设置,可以根据个人的喜好设置相应的操作按键,默认是:W-上、S-下、A-左、D-右、J-发射、K-炸弹。
3 - 难度设置,有三个难度,如果你觉得默认的简单难度没挑战,可以选择高一点的难度,肯定不会让你失望。
4 - 语言设置,目前支持简单中文和英文。
 5 - 关于作者


游戏中飞机可以加强火力,蓄力攻击,还有boss,简直可以彩京的原版相媲美.而且,很重要的一点,它是开源的.
大家都来玩玩,欢迎给作者报告 bug.

作品博客: http://www.cnblogs.com/Random/archive/2008/11/24/1339648.html
论坛讨论: http://bbs.51js.com/viewthread.php?tid=81717

转载声明: 出自: Ghoul To World!作者: GreatGhoul

JavaScript版超级玛莉

http://greatghoul.blogspot.com/search/label/3D Javascript Mario》是一款用JavaScript 开发的网页游戏 ,再现经典红白机游戏《超级玛莉》 ,由NIHILOGIC 开发.
操作方法:
移动:四个方向键
跳跃:左右Ctrl
这个游戏只是一个测试版。
该网站还提供了一些其它的JavaScript 游戏,比如3D国际象棋,马里奥赛车等等,via 

转载声明: 出自: Ghoul To World!作者: GreatGhoul

travianer 非常养眼的MMORPG

Travianer,偶然在网站看到这款游戏,从画面来看,应该非常好玩。因为开发者在界面上的确花了一翻功夫,不过可惜的是,这是一款MMORPG,你有三种种族可以选择,罗马人,高卢人,日尔曼人,在游戏中你是一个普通国民,通过获取资源,和对手在竞技场PK,获取经验,参加联盟,获得声望等。感觉和猫游记差不多,但做工绝对比猫游记好许多,据介绍,此游戏极重玩家交互。至于具体的交互法,就不得而知,不懂德语,没法玩,不过有德语基础的同学可就有福了,休闲佳作呀。


游戏地址:http://www.travianer.de/

转载声明: 出自: Ghoul To World!作者: GreatGhoul

用jquery设置Blogger外部链接的样式和打开方式

blogger中链接默认都是在本窗口打开,但如果想要外部链接能醒目一点并且在新窗口打开,就得借助jquery的力量了.这个功能需要选择器的组合使用,以开始怎么都搞不定,后来看了Rails/jQuery magic: marking external links with a CSS class后才知道":not"选择器可以连续使用.
目标效果:
思路:
其实关键在于jquery选择器的设置,如果只转换文章正文中的链接,需要应用一下规则:
  • 只设置文章正文的链接
  • 忽略"javascript:"的链接
  • 忽略以http://yourname.blogspot.com开头的链接
  • 所有外部链接在新窗口打开
  • 图片链接不显示外部链接图标
  • 链接淡蓝色显示
首先,通过以上规则,获得所有外部链接的jquery包装集,然后对含有图片和不含图片的链接应用不同的样式即可.

代码:
jQuery代码:
$(document).ready(function() {
 $(".post-body a:not([href^='javascript:'])" +
   ":not([href^='http://greatghoul.blogspot.com'])").each(function() {
  var link = $(this);
  if (link.is(":has(img)"))
   link.attr("target", "_blank");
  else
   link.addClass("external").attr("target", "_blank");
 });
});

css代码:
a.external {
  padding-right: 12px;
  background-image: url(http://lh3.ggpht.com/_rL8ku7jXhnw/SfR3c_mnKYI/AAAAAAAAFdA/7ZZeKEUAoes/s800/external_white.gif);
  background-position: center right;
  background-repeat: no-repeat;
  background-color: #E0ECFF;
} 

测试效果:
Blogger页面加载等待效果
测试
博客用上了新皮肤,Google样式的
jquery学习:仿discuz论坛回帖添加表情效果

转载声明: 出自: Ghoul To World!作者: GreatGhoul