62.5%, 1em = 10px

  今天一天都在捣鼓KD03模版,现在大约完成了30%。其中花了很多时间去调整搜索框的大小位置,具体情况是这样的:搜索框和搜索按钮在Firefox和Opera下用css定义基本上是相同的,但是在IE下却总是大那么一点点。margin, padding, font什么的调了半天还是不对头,因为不清楚具体原因连放狗找哪方面内容也不清楚。幸好在看了半部影音不同步的银河系漫游指南后忽然就顿悟了orz。
  情况是这样的,css里常用的两种定义字体大小的单位:em, px。

  • em是一个相对数,比如1.1em就表示1.1个字符宽度,而这个字符宽度是根据font-size来初始化大小的。同时em还有继承父对象的特性,所以在不同位置的1.2em并不一定相等,不过这篇文章和这个没关系就不细说了。
  • px是对于当前显示设备的解析度而言,虽然对于不同设备仍然会有大小差别,但是相对来说更加适合用在定义字体上。

  而这个模版我没有特别定义搜索部分的字体大小,于是它就使用了父对象的font-size参数12px。而万恶的IE对字体的大小定义竟然和FF/Opera是不同的,默认情况下1em在IE下看起来要比其他浏览器大,所以需要在body部分加入以下定义:
[css]font-size:62.5%;
font-family:’Lucida Grande’, Verdana, Arial, Sans-Serif;[/css]
  关键是第一句,它使得IE下的字体大小看起来是:1em=10px,这样就和FF/Opera差不多了。

Technorati Tags: , , ,

Drupal 4.7.0 released

  Drupal 4.7.0 RC4发布仅仅三天,Drupal 4.7.0正式发布!不熟悉Drupal的可以参看下面三篇文章。

Technorati Tags: ,

湊數的文章

  这段日子这里的更新频率明显减少了,实在是琐事比较多。写篇网志至多也就二十分钟,可是要写得内容往往在脑子里需要连续的时间来组织,所以就一直没往上写东西。一般来说网志内容都集中在我感兴趣和想说的话上面,而不知何时开始也避免写大伙都在写得东西。不是我矫情,只是觉得一溜圈看下来都是同样的东西,换谁都会厌烦得。
  下面是唠叨话,可以忽略。除了上班,还在上其他的课程;最近又在学车,就变得几乎没有休息;还好前天结束掉了一门课;很惭愧的是上个星期又开始写小说,不知道能不能完。

Gnome以後會怎樣呢?

  好吧,Gnome正在失去用户,丫现在不让人控制字体的AA。Gnome一直以来总认为用户不应该或者不必要知道某些设置,或者某些设置会引起用户误会/误解所以不提供。直到2.14.1开始索性连改都不让你改,大伙都去用KDE算了。
https://bugs.freedesktop.org/show_bug.cgi?id=6759

Technorati Tags: ,

海豚的WordPress Theme教程 part5

  这次讲sidebar.php和footer.php,这两个其实能讲的不多,一般来说各位拿到一个模版最可能改的就是这两个文件了。

sidebar.php
[php]

[/php]
  KD02模版的sidebar被分成了两个部分:位于右边的部分提供导航菜单、“关于我”、搜索和Feed订阅地址,位于footer上方的分成了三栏来显示一些信息。

  • line1-line24: 是右侧的sidebar。
  • line2-line9: 这是导航菜单的部分,用css控制一下<li>的表现就很容易实现,如果菜单比较多或者少可以调整一下宽度。
  • line11-line13: “关于我”的部分,没什么说的。
  • line14-line17: 搜索部分。
  • line18-line23: Feed订阅地址。
  • line26-line48: 这是footer上方的三栏内容,用三个<div>来分隔,内容不是很重要,各位都会有自己的习惯。

  这里提一下sidebar的阴影制作:先决定需要的栏宽;然后做一个1px高度、栏宽宽度+40px的jpg文件;左右作20px适当的灰色;相应css如下。很简单吧,不用作大图片,会根据<div>的高度自适应。
[css]#menu {
float:right;
overflow:hidden;
display:inline-block;
font-size:0.8em;
width:213px;
margin: 220px 0 0 0;
background: url(images/fade.jpg) repeat-y;
padding: 0 20px 10px 20px ;
}[/css]
footer.php
[php]


[/php]
  footer没什么内容,主要就是一些站点的相关信息。计数器之类的非本地站点代码我也建议放在footer里,因为放在header里很可能因为网络原因拖慢整个页面的读入速度。