[ 2007年 星期六 8Dec 11:34 am | 作者: iVane Hwang | 标签: ]
这个效果是在Faceren上面看到的，主要是一排图标，鼠标移到图标上去时，在图标的上方会弹出个tooltip的提示，当时看到了感觉很有趣，于是想自己做一个试试，先看看效果图～
首先想一下思路，类似这样的图片链接，最好的方法是将图片做成背景来处理，而当用背景来处理时，自然又会想到用一张背景图通过移动背景位置来实现效果；图片hover时周围有个小黑框，这个在设置<a>的样式时就可以先通过padding来设置间距；至于弹出的tooltip,利用<span>来实现，在<span>里使用tooltip的背景图片，使用display: none; display: block;来实现tooltip的隐藏与显示，说了那么多，有点乱，看代码吧～
分类：06. 标 准 ※ 重 构 | 哇！有5 条评论哦~ »
[ 2007年 星期五 16Nov 6:01 pm | 作者: iVane Hwang | 标签: ]
记得W3CN有篇文章是介绍《如何以及何时使用sIFR》，使用sIFR可以实现在客户端显示客户端所没有的字体，前几天在网上有看到一篇文章是介绍利用PHP和CSS来实现同样的效果，而且使用的方法是很简单的。
原文的标题是《Dynamic Text Replacement》，我自己将之翻译成中文：动态文字替换，不知道这样翻译对不对呢，当然照常，先看看效果如何，下面是我自己做的一个demo：
Demo地址：http://ikshow.com/demo/dtr/
怎样？效果不错吧？可以将N多字体效果显示到用户客户端上，当然，这个东东目前只支持以下的CSS：
分类：03. 乱 七 ※ 八 糟, 06. 标 准 ※ 重 构 | 哇！有11 条评论哦~ »
[ 2007年 星期三 31Oct 6:31 pm | 作者: iVane Hwang | 标签: ]
原帖看这里：http://ikshow.com/archives/194
今天下午发现这个布局如果之中有采用锚点的话，会出现只显示锚点以下的内容，其他内容会被隐藏了，这就是使用了负边距的麻烦了，具体的情况可点击以下链接查看：
http://ikshow.com/demo/3_col_3_fail/
点击里面的链接，会跳到页面底部的锚点，之后就会发现我所描述的问题了。
IE6, IE7, Firefox, Safari(Win版)都是会出现这个问题，但是Opera居然不会，怪不得Opera会被称为最符合标准的标准浏览器。
解决方法：
恕在下水平还不是那么的够，研究了一个下午还是找不到解决方法，最后无奈还是用JS解决布局，如果您有很好的解决方，麻烦分享一下，在下不胜感激~
一点感慨：最近老是在不断否定自己以前所做的，虽然有点烦恼，但也应该算是自己进步吧？呵呵！
还有一点就是希望11月能给自己带来好运~
分类：06. 标 准 ※ 重 构 | 哇！有6 条评论哦~ »
[ 2007年 星期二 2Oct 5:59 pm | 作者: iVane Hwang | 标签: ]
这应该是目前最好最有效的方法了，在CSS Play上面看到的，图片可以是未知高度的，先看看Demo, http://ikshow.com/demo/vertical-middle/
结构部分的代码：
分类：06. 标 准 ※ 重 构 | 仅仅只有一条评论 »
[ 2007年 星期日 30Sep 6:09 pm | 作者: iVane Hwang | 标签: ]
首先我先否定我以前写的《利用em和百分比来控制字体大小》这篇的方法其实是不科学的，为什么？浏览器默认字体大小是16px, 设16px=1em=100%的话，那么12px=12/16=0.75em=75%，这是可以整除的，那么14px呢？ 14px=14/16=0.875em=87.5%, 这样写固然可以，但是不科学，那么怎么写才算是科学的呢？
还有很多，点击继续读下去 »
分类：06. 标 准 ※ 重 构 | 哇！有2 条评论哦~ »
[ 2007年 星期三 8Aug 11:37 pm | 作者: iVane Hwang | 标签: ]
由于平时我都是用 TopStyle 编写CSS样式的，而 TopStyle 本身是不支持中文的，所以写中文时是麻烦的，经常乱码，而有时页面上要用到黑体的字体，当直接打上黑体时，总是会在IE6遇见样式读取不到的怪问题，没办法，只能看看能否用其他的方法来解决，后来发现只要把这些中文字体写成英文名就可以解决问题，我列举了三个常用的中文字体名的英文名称：
宋体：simsun
黑体：simhei
微软雅黑：microsoft yahei
分类：06. 标 准 ※ 重 构 | 哇！有4 条评论哦~ »
[ 2007年 星期二 24Jul 12:05 pm | 作者: iVane Hwang | 标签: ]
BT第二波，这次要求菜单栏改了一下位置，好，上图：
要求还是不变，代码部分右侧内容还是排在菜单栏之前，就是右侧内容要排在<body>之后，好，继续使用浮动定位来解决，当然，还得考虑一下是用相对定位，还是绝对定位，如果是绝对定位，那么在自适应方面可能得写多点代码，最后还是决定是采用相对于右侧内容来定位，这样能省些代码～
分类：04. 粗 糙 ※ 习 作, 06. 标 准 ※ 重 构 | 哇！有4 条评论哦~ »
[ 2007年 星期二 24Jul 12:51 am | 作者: iVane Hwang | 标签: ]
先看一下设计稿：
照这界面来看，应该是不难的，不过对方的要求比较BT点，第一是左边固定宽度，右边自适应；第二是中间右边在代码中是排在<body>之后，左边代码排其次，顶部和菜单排在之后；
新版theme测试，正在调整结构，优化样式，修改bugs，所以，没有问题是不可能的事~
