Sivan's Blog - 失心瘋

Picasa死掉有一段时间了，像我这种拿它当博客图床的人来说真是无比郁闷。图片搬迁太麻烦了，不过Wordpress用户可以使用江东老板的Pika插件来恢复Picasa的显示。现在Sivan再教大家一种不用插件的方法恢复图片的显示，任何程序和页面都能用，而且不需要国外主机。

跟恢复Twitter的JS挂件一样，这次还是用到Google AppEngine搭建的代理。由于代理图片是个极耗流量的事，所以强烈建议大家自己搭建一个代理。教程参考《五步搭建属于自己的代理服务器》，已经没法再简单了。目前Google AppEngine貌似已经缩水，免费帐户每天只能使用1G流量，所以我重新申请了一个专门给自己博客用。

接下来就很简单了，因为mirrorrr代理访问不加密地址。我们只要把代理地址加到原来外链图片的前面就OK了。为了不去修改每个图片的地址，我们采用jQuery在页面载入时修改地址。
继续阅读 »

因为一个特殊的原因，Twitter目前的外部引用JS失效。而我的Retweet主题也集成了Twitter的引用显示，在这个状况下该功能在国内也是没用的。

每次打开自己博客看着那个读取不出来的“Loading...”就不爽，过去通过hosts我们自己访问时还能意淫一下。现在没新IP开Twitter也变的很麻烦，通过IP实现也不是好方法。其实按照Sivan以前写过的办法，还是可以让它在博客正常显示的。我们只要把引用的代码通过自己的主机和代理打开即可。
继续阅读 »

Bookmarklet，可能很多朋友还不熟悉。它们说白了是一段Javascript代码，你可以拖到浏览器按钮栏或者作为一个书签来使用它。例如我们可以用它查看flv真实地址、网址缩短等，可以看我以前的文章《用Bookmarklet增强你的浏览器功能》。今天我们说说在博客主题中如何使用Bookmarklet来推广博客流量。

我是用一个<ul>来排列这些bookmarklet，每项前附带该应用网站的图标。你也可以不用文字只用图标来排列，那样更省空间，可以放更多分享图标，但是易乱从而不易被使用。有一个插件叫wp_addbookmark可以简单的添加这样的图标。不过既然只有日志页需要这个东西，我们还是自己改改代码少开一个插件吧。

继续阅读 »

很多朋友都在博客上集成了Twitter的Widget显示，在Retweet主题则直接当一个版块集成在主题里。在twitter的apps可以生成基于Flash或者JS的代码。基于Flash的样式上已经无法自己定义，这里就说说JS输出的一些优化。

我也一直用下面的代码显示twitter的更新列表而没有用其他插件。我们可以通过CSS对输出的这个列表进行美化，这还不是本文要说的内容。
继续阅读 »

最近读《精通CSS》一书，学了不少知识。前两天给博客的链接添加了一些样式，因为本身博客主题的链接就不怎么显眼，这样也是想给读者更多方便，同时让博客的样式更加丰富好玩。

我根据不同的链接，设定了不同的显示效果，如下图。

继续阅读 »

如图，博客已经换上。
如标题，IE不支持。尽管如此，我也换上了，效果觉得好看多了。至于IE，随便吧，方框也不是很丑。

过去看过一些介绍纯代码打造CSS边框的文章，都比较麻烦。想要简单，那兼容性就不好，我不知道到底是IE难兼容FF，还是FF总不能兼容IE？总是对于页面设计，这是个很痛苦的问题。既然如此，为何不先让非IE用户体验上他们本应有的效果？更何况代码如此简单。

代码如下：

.entry {
-moz-border-radius: 12px;
-khtml-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
}

这些圆角属性依次对应支持FF、Konqueror、Safari&Chrome、CSS3。后面的12px可以自己改动控制圆角的大小。比较酷的是，如果你有两个CSS打造的边框，他们甚至可以很好的重叠在一起。看看我博客主页那个随机公告那里的效果吧。

当然，你可以用一个复杂些的代码来获取更好的兼容性，可以看看mg12大虾的这篇文章。
总之，现在用纯CSS实现圆角边框还很麻烦。与其等待有更好的标准方案出现，我更希望FF更早一统江湖。

update(08.11.17)：添加其他浏览器支持，感谢Shawn给出的Safari和Chrome下的圆角代码，Shawn博客的主题也很漂亮，大家可以去观摩一下 😛

今天继续摸索我的Plurk，想换换主题，自己也懒得研究那些CSS代码。很快在Plurk Themes找到一款挺喜欢的Citi Theme并换上。咦，怎么样子差那么多？仔细一看，原来作者在CSS用的自己博客的图片地址，而这个地址有幸被GFW了。

代理下图，传到Picasa。有喜欢这个主题的可以用下面的代码，样式看下图或者看我的Plurk。

代码如下：
继续阅读 »