奶瓶腿（英文名： Netputweets，开源地址）是一个由 @NetPuter 修改、架设的一个安全的、个性的中文 Twitter 手机客户端，基于 Dabr 源码，在国内非常流行。但是直到目前的最新版（NetPutweets_2009_Final_SP2，发布于2010年1月3日）还没有支持时下最流行的img.ly推图服务。这也对一些喜欢贴图的用户造成了一定的不便，因为奶瓶腿默认的图片上传服务twitpic在国内已经不能访问了，现在写一下为奶瓶腿在上传图片时给用户提供图片服务选择和预览img.ly图片的方法。

1.提供图片服务选项

这个方法参考了《给dabr添加多种图片上传服务》，但选择太多有时反而是累赘，保留大众的就行，因此我精简了一下。

打开common/menu.php，在 function theme_menu_toptop 和 function theme_menu_bottomtom 都进行以下修改。

最近国外有开发者发现Firefox和Opera的一个BUG：无法改变按钮里文字的行高（包括input type=”sumbit”和HTML的button标签）。举个例子，对一个按钮使用以下样式：

1
2
3
4
5
6
7

input#button {
	border: 2px solid #06f;
	color: #06f;
	background-color: #6cf;
	font: bold 12px Arial, Helvetica, sans-serif;
	line-height: 50px;
}

按照常理，这个样式将为按钮设置50px的行高，并使文本垂直居中。因为这个样式在Chrome、Safari和IE8里的表现都一致，唯独在Firefox和Opera里并没有表现出50px的行高，具体效果如下图。

Microsoft Expression Web 3 SuperPreview是微软公司为WEB开发人员推出的一个用来测试网站效果的软件，免费版可以用来测试IE6+的页面效果，并且可试用60天。这对一般的网页设计人员来说已经足够了。特别在升级到Win7以后，老牌测试工具IETester经常报错，令人非常郁闷。微软自家的Web 3 SuperPreview就不会犯这种低级错误了，而且它的功能比IETester强大多了。我以我的日记博客（http://shouy.in）为测试对象演示一下几个好用的功能。

本篇文章讲的是提高WordPress自带的搜索功能的体验，使用Google CSE的可以飘过。

随着站内信息的增多，站内搜索成为了每个网站必不可少的功能。为了提高搜索体验，很多人采用Google Custom Search Engine服务作为站内搜索，可是使用搜索引擎进行站内搜索存在页面收录问题，因此对于新站和是不实用的，因此使用WordPress提供的搜索功能是最好的选择。相对于Google CSE，WordPress的搜索功能有两个明显不足：1.不能显示被检索到的条目数量；2.关键词没有高亮。我们可以通过修改模板来添加这两个功能。

这篇文章将简述使用CSS3的border-radius来画圆、半圆和四分之一圆，并如何利用它们。

如何使用border-radius属性

下面是border-radius属性最基本的使用方法。

1
2
3
4
5
6
7

.round {
	border-radius: 5px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */
	-moz-border-radius: 5px; /* Mozilla浏览器的私有属性 */
	-webkit-border-radius: 5px; /* Webkit浏览器的私有属性 */
 
	border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角 */
}

关于在IE里怎么实现圆角，可以看《Excellent Article Which Included Ways to Achieve Rounded Corners in IE》这篇文章。

在网页设计越来越精美的今天，圆角的应用已经越来越广泛这篇文章将分别讲述圆角在CSS2和CSS3里的创建方法。

从易用性来说，CSS3不需要额外的标记和图片，比CSS2要先进得多。但当应用在网站上时，采用CSS2能使页面在主流浏览器上的效果更加一致。下面将详细阐述创建圆角的各种方法和其对浏览器的兼容性。

注：本文以第一个配图的效果作为演示。

用CSS2创建圆角的方法

1.固定宽度的圆角

这个是最简单的方法最多只需要使用两个图片（顶部和底部），并且也不需要添加额外的标记。在这里，我使用以下两个图片做背景：

段落间距网页设计里一个提升阅读体验的重要因素。但网页排版不想Word那样简单，你能否通过CSS有效率地设置段落间距呢？

网页设计里的文字排版问题

作为网页设计师，我们必须为文章的每个小标题和段落都预留一定的余量(在CSS通常使用margin)，但一个段落里所包含的元素（HTML标签）并不是一成不变的，这意味着你必须为这些可能存在的元素都设置一个明确的样式，避免产生多余的代码。

在逐步向W3C的标准过渡的前提下，目前设置段落间距的方法主要有两种：

通过类（Class）

为段落的第一个元素指定一个Class值，赋予margin-top:0。