分类为‘有码设计’的日志

不用插件解决Picasa图片不能显示的方法

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

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

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

Tags : , ,

如何使用代理恢复显示Twitter的JS挂件

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

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

Tags : ,

给你的主题添加各种分享图标

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

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

继续阅读 »

Tags : , ,

优化Twitter在博客中的显示

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

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

Tags :

定义页面中的链接样式

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

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

继续阅读 »

Tags : ,

纯CSS圆角边框——让IE一边站


如图,博客已经换上。
如标题,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博客的主题也很漂亮,大家可以去观摩一下 😛

Tags :

分享一个Plurk主题:Citi Theme

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

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

代码如下:
继续阅读 »

Tags : , ,

1 / 2 ☑ 2