这个主题的元素都取自游戏《Need for Speed Carbon》,其实我也喜欢 Need for Speed Carbon 这个游戏和它的界面。Need for Speed Carbon 游戏界面的精华就是那个十字标记。
总算把这个主题基本搞定了。这个主题的元素都取自游戏《极品飞车10:卡本峡谷》 原计划是全部使用PNG图片,无赖的是 IE6 下的 PNG 透明问题实在是难以解决。IE6 下只有用 GIF图片代替了。
我的作品站上线了.地址是http://work.xuui.net/
转自:http://ued.taobao.com/blog/2008/11/05/grid_system_research_4/ 前三篇文章中,明确了栅格系统的设计细节和适用范围。这一篇将集中讨论960栅格系统的技术实现。 Blueprint的实现 Blueprint是一个完整的CSS框架,栅格系统是它的一部分功能。我们来看demo页面:
转自:http://ued.taobao.com/blog/2008/10/28/grid_system_research_3/ 研究(2)中讨论了栅格系统的基础知识。这一篇将集中探讨栅格系统的粒度问题。(注:如非特别指明,栅格系统均指24列960栅格系统) 淘宝的首页(截图)目前尚未严格遵守栅格系统,如果重构的话,宽度方向可以考虑采用下面的栅格布局(只考虑页面主体部分,忽略高度的比例): (图1)
转自:http://ued.taobao.com/blog/2008/10/22/grid_system_research_2/ 首先澄清一个应用场景问题。研究(1)中指出,对于结构复杂的网站,不少设计师们喜欢采用960固定宽度布局。但要注意的是,960并不是万能钥匙,大部分网站没有也不需要栅格系统。Amazon采用的是宽度自适应布局,最大限度的呈现信息。Google更是简简单单,主题部分就一个列表。eBay的页面非常简洁,商品页面宽度自适应,信息自然流畅,噪音少,购物很踏实。类似的站点还有很多,对于这些站 … 了解更多
转自:http://ued.taobao.com/blog/2008/10/22/grid_system_research_1/ 研究网页栅格系统前,来看一组数据: 网站 首页页面宽度 px Yahoo! 950 淘宝 950 MySpace 960 新浪 950 网易 960 Live Search 958 搜狐 950 优酷 960 AOL 960
新主题的风格类似 Need for Speed Carbon 的界面,其实我也喜欢 Need for Speed Carbon 这个游戏和它的界面。 这个主题不打算出英文版了,预计是2栏的主题。目前进度是刚开始 Code。不过我感觉这个主题要抛弃 IE6 了。
CSS Reset 或 Reset CSS,CSS重置,CSS重设,CSS复位,默认CSS… 怎么叫都可以。 每个浏览器会对HTML标记有自己默认的CSS样式定义,为了达到高度和谐的统一,先通过Reset CSS把所有的元素样式都定义为统一标准了,再去基于自定义的这个标准书写接下来的CSS。 我以前碰过一些朋友老是问布局在IE下错乱的非常诡异,有的时 候可能就是没进行Reset CSS,而浏览器写了一些你没看到的代码,就乱七八糟了。 具体的方法就去老帕那里看看吧,呵呵。
今天把 ubuntu 8.10 下下来了,试用了一番.首先说一下壁纸和主题做得不错.很搭掉.
