纯CSS实现tab切换

2008-10-29 22:01:40

Demo

前两天在一个页面中使用锚点时偶然发现了纯CSS实现tab切换的方法,其实在很久很久以前就有人实现过了,但是我从没留心过,也从没看过具体的实现方式。因为JS其实也很简单,但是如果纯CSS能实现当然再好不过了。

但是,遗憾的是这种方法opera不支持~同时这种方法确实限制也比较多,比如往往需要设置另外的样式来区分当前激活的tab,纯CSS显然是无法做到的。所以如果要求不是很高,不用兼容opera,这种纯CSS的写法还是可以选择的!

wordpress主题—ND

2008-10-28 21:30:38

前几天说要做个主题,原因有四:

  1. 原来的techicon真的用了很久了,虽然很好,还是视觉疲劳了
  2. techicon不是自己做的,虽然我改了很多东西~···
  3. techicon的宽度是固定的,晚上回家用宽屏看,很不爽~
  4. 呃~没有4了~···

其实早就在说自己做个theme,也画过好几张图,也写了几段代码,但是每次在中途就被我自己扼杀在摇篮中~:)

ND其实和techicon在布局上差别不大,我太喜欢techicon的三栏布局了,所以继续沿用。配色最开始主体部分用的白色背景,着实闪眼睛,液晶屏更甚,所以最后加了点灰色,减小了对比度,看着舒服多了。

遗憾:

  1. CSS中两处使用了hack~···(静态页面很完美,套上WP的主题标签,出问题了~至今没有得解!)
  2. Micro-Blogging页面fanfou API中的时间格式太BT了吧~很脑残!
  3. widget支持有点问题,但是我不用widget,无视~···

IE透明背景滤镜的问题

2008-10-27 13:40:37

测试IE6的透明png支持方式,其实也就是使用的IE的滤镜支持,发现两个问题(#box,a均使用了背景透明滤镜): 问题代码:

<!--
body{margin:0; background:#999;}
div#box{height:300px; width:600px; margin:0 auto; margin-top:100px; position:relative; background:#333 url(bg.png) no-repeat center center; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=corp,src="bg.png"); _background:none;}
a{position:absolute; display:block; width:80px; height:35px; line-height:35px; color:#FFF; text-align:center; top:70px; left:85px; cursor:crosshair;}
a:hover{color:#F30; background:url(bt.png) no-repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=corp,src="bt.png"); _background:none;}
-->
<div id="box"><a href="http://omiga.org">omiga.org</a></div>

1、如果#box使用了透明背景滤镜,#box的宽高设置在IE6、IE7中无效,#box的尺寸会根据其背景自适应。Demo

2、如果#box使用了透明背景滤镜,#box内伪类子元素失效。Demo

如果#box没有使用透明背景滤镜,不会出现以上问题。Demo

博客一年了

2008-10-25 01:37:25

激情已不在了!

更新越来越慢了!

语言越来越贫乏了!

PS:这段过了,自己做个theme吧~话放出来,给自己制造点压力!

生活·节奏

2008-10-20 23:55:40

一个人正在专心致志地弹琴(可能是钢琴),这时候另外一个人也来弹琴(可能不是钢琴)。他们弹的是完全不相同的曲子,不管后来的人弹的多么美妙动听,他都全然听不进去,而且他自己的节奏受到干扰,他没有办法再弹下去~···因为他此时只对自己的曲子感兴趣~···那是他自己熟悉的节奏!

生活亦是如此,每个人都是不一样的生活节奏,自己熟悉的适合自己的节奏,更多时候也是一种计划、规划,恩,自己写的曲子。如果有人试图用自己的节奏去干扰别人的节奏,不论动听无否,对别人来说你都是在乱弹琴!

为什么很盼望周末?因为自己有计划,或许星期一就计划了这个周末要怎么去度过。但是这段时间总是受到干扰,让我很恼火,恼火的不是具体那个人,而是你有时不在我的计划之内!

周五一个很久没有联系其实也不是太熟的高中同学给我聊天,她说她上了大学才知道其实自己不喜欢理科,我对她说其实我知道我一直不喜欢理科!但我还不是读了十多年。因为很久很久以前,我们不知道自己要什么,我们根本就不认识自己,也可以说我们过得很虚伪!我们的很多重大决定都是在很多其他条件的影响下完成。年龄的增长,我们慢慢认识了解自己,清楚自己的方向。什么是方向?你能为之奋斗终身的目标!不管我们之前做过多少错误的决定,一切都还来得及,只要马上去做!

对人情世故越来越冷淡,其实以前也很冷淡,但是我会装,现在不装了,那是给别人看让自己受累而且又虚无飘渺的东西。当然礼貌还是要,但是不再会花费太多的时间和精力。我卖笑又没人给我埋单,我不是为别人活着,那是GCD干的事,我没那么伟大!

不喜欢交太多朋友,太多就假了。玩,四五个人足矣;喝酒,四五个人足矣;帮忙,四五个人足矣!其他的?混日子,我是这样想的,也没想过要什么“广交天下友”,没那本事,不会谈天说地,更不会装得左右逢源,还是那句话,不是我要的!

for a simple life,我想把一切简化,让生活更简单清晰。要和我合奏,也先有礼貌地等我弹完,再问我愿不愿意,OK?你的摇滚可以乱弹,但我不玩摇滚!谢谢!

Page 1 of 212