<![CDATA[]]> http://www.huorui.net/blog/ PJBlog2 2008-05-09T11:07:51+08:00 <![CDATA[css解决IE6，IE7，firefox兼容性问题]]> Hysia http://www.huorui.net/blog/ huoruistudio#163.com 2008-05-09T11:07:51+08:00 2008-05-09T11:07:51+08:00
区别不同浏览器的CSS hack写法：  

区别IE6与FF：  
       background:orange;*background:blue;  

区别IE6与IE7：  
       background:green !important;background:blue;  

区别IE7与FF：  
       background:orange; *background:green;  

区别FF，IE7，IE6：  
       background:orange;*background:green !important;*background:blue;  

注：IE都能识别*;标准浏览器(如FF)不能识别*；

IE6能识别*，但不能识别 !important,  
IE7能识别*，也能识别!important;  
FF不能识别*，但能识别!important;  

                    IE6  IE7  FF  
    *               √   √   ×  
!important  ×   √   √  


------------------------------------------------------  
另外再补充一个，下划线\"_\",  
IE6支持下划线，IE7和firefox均不支持下划线。  

于是大家还可以这样来区分IE6，IE7，firefox  
: background:orange;*background:green;_background:blue;  

注：不管是什么方法，书写的顺序都是firefox的写在前面，IE7的写在中间，IE6的写在最后面]]> http://www.huorui.net/blog/default.asp?id=80 <![CDATA[New logo-Huorui.]]> 褪色鱼 http://www.huorui.net/blog/ huoruistudio#163.com 2008-04-13T17:49:06+08:00 2008-04-13T17:49:06+08:00
新的logo，好看不？]]> http://www.huorui.net/blog/default.asp?id=79 <![CDATA[CSS自适应宽度按钮]]> Hysia http://www.huorui.net/blog/ huoruistudio#163.com 2008-04-12T13:21:38+08:00 2008-04-12T13:21:38+08:00
HTML代码


[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]


先来看张图片：

原理就是通过背景的左对齐和右对齐用A标签和span标签组合出一个完整的圆角矩形。再通过hover标签去滑动图片。ok，看看代码吧。

CSS:

*{margin:0; padding:0;}
body{padding:10px; font-size:12px;}
h1{margin:0; padding:10px 0; font-size:14px; font-weight:bold;}
a{background:url(1.gif) left 0; color:#fff; text-decoration:none; height:30px; float:left; cursor:hand; margin:0 5px 0 0;}
a:hover{background:url(1.gif) left -30px;height:30px;}
a span{background:url(1.gif) right 0; padding:7px 8px 7px 0; margin:0 0 0 8px; float:left; height:16px;}
a:hover span{background:url(1.gif) right -30px; color:#000; padding:7px 8px 7px 0; margin:0 0 0 8px; height:16px; }

HTML:

<body>
<h1><strong>CSS自适应宽度圆角按钮 @5key.net</strong></h1>
<a href="#"><span>首页</span></a>
<a href="#"><span>不是首页</span></a>
<a href="#"><span>他也许是首页</span></a>
<a href="#"><span>但他一定不是首页</span></a>
<a href="#"><span>好了，就这样把。别扯了~</span></a>
</body>
原理就是通过背景的左对齐和右对齐用A标签和span标签组合出一个完整的圆角矩形。再通过hover标签去滑动图片。ok，看看代码吧。

CSS:

*{margin:0; padding:0;}
body{padding:10px; font-size:12px;}
h1{margin:0; padding:10px 0; font-size:14px; font-weight:bold;}
a{background:url(1.gif) left 0; color:#fff; text-decoration:none; height:30px; float:left; cursor:hand; margin:0 5px 0 0;}
a:hover{background:url(1.gif) left -30px;height:30px;}
a span{background:url(1.gif) right 0; padding:7px 8px 7px 0; margin:0 0 0 8px; float:left; height:16px;}
a:hover span{background:url(1.gif) right -30px; color:#000; padding:7px 8px 7px 0; margin:0 0 0 8px; height:16px; }

HTML:

<body>
<h1><strong>CSS自适应宽度圆角按钮 @5key.net</strong></h1>
<a href="#"><span>首页</span></a>
<a href="#"><span>不是首页</span></a>
<a href="#"><span>他也许是首页</span></a>
<a href="#"><span>但他一定不是首页</span></a>
<a href="#"><span>好了，就这样把。别扯了~</span></a>
</body>

用到的图片下载：


]]> http://www.huorui.net/blog/default.asp?id=78 <![CDATA[滑动门TAB导航菜单]]> Hysia http://www.huorui.net/blog/ huoruistudio#163.com 2008-04-12T13:12:43+08:00 2008-04-12T13:12:43+08:00
HTML代码


[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
]]> http://www.huorui.net/blog/default.asp?id=77 <![CDATA[ 非常动听的歌!居然没有一句歌词<Concerto pour deux voix>]]> Hysia http://www.huorui.net/blog/ huoruistudio#163.com 2008-03-21T21:00:07+08:00 2008-03-21T21:00:07+08:00 非常动听的歌!居然没有一句歌词<Concerto pour deux voix>

 

]]> http://www.huorui.net/blog/default.asp?id=75 <![CDATA[08年18句流行牛语]]> Hysia http://www.huorui.net/blog/ huoruistudio#163.com 2008-03-21T08:05:19+08:00 2008-03-21T08:05:19+08:00      1.帅有个屁用!到头来还不是被卒吃掉!
　　2.你是电，李四光，你是唯一的神话…
　　3.不怕被人利用，就怕你没用。
　　4.鄙视我的人这么多，你算老几?
　　5.人生自古谁无死，哪个拉屎不用纸。
　　6.不蒸馒头争口气行吗？
　　7.生的伟大，死在花下！
　　8.有钱人终成眷属。
　　9.废话是人际关系的第一句。
　　10.只要锄头舞的好，那有墙角挖不倒？
　　11.要在江湖混，最好是光棍！！
　　12.大部分人一辈子只做三件事：自欺、欺人、被人欺。
　　13.不要和我比懒，我懒得和你比
　　14.别人的钱财乃我的身外之物。
　　15.女为悦己者容男为悦己者穷！
　　16.是金子，总会花光的；是镜子，总会反光的…
　　17.天赐你一双翅膀，就应该被红烧…
　　18.唯女人与英语难过也，唯老婆与工作难找
]]> http://www.huorui.net/blog/default.asp?id=74 <![CDATA[20本免费的Web设计电子书]]> Hysia http://www.huorui.net/blog/ huoruistudio#163.com 2008-03-21T08:03:18+08:00 2008-03-21T08:03:18+08:00 涵盖Flash,Web设计理念,图形,兼容性等各个方面,是非常不错的参考资料.

Developing User-Friendly Flash Content （设计用户友好 Flash 内容）- Flazoom.com
该白皮书指导 Flash 开发设计人员如何建设用户友好 Flash 站点。

Flash Usability White Paper （Flash 易用性白皮书）- Boonelutz.com
本白皮书告诉人们，Flash 可以用来发布 Web 内容，同时讲述多数人可能遇到的 Flash 内容的易用性问题。

Free Web Design Ebook （网站设计电子书）
该电子书帮助那些初尝互联网营销的人，如何设计面向网络营销的网站。

A Hitchhiker’s Guide to the Obvious: Web Usability 101 （网站易用性的101规则）- Squiz.co.uk
该白皮书讲述了所有你需要知道的关于网站易用性的问题。

The Top 10 Web Site Design Do’s （网站设计10要） - ProfitJump.com
该电子书由浅及深讲述从基本 HTML 代码，到一个网站永无止境的深度设计的知识。

Integrate Design to Create Brand Harmony （品牌与设计的和谐融合）- MarketingProfs
将你的品牌融合到网站设计中非常重要，该白皮书讲述了为什么，以及如何实现这一目标。

10 Tips for Designing an Ecommerce Web Site （10个设计电子商务网站的技巧） - nightcats.com
该电子书讲述了建设电子商务站点的10个技巧，包括面向目标市场的设计，以及区分你的目标。

Getting Real - 37signals

Getting Real


这本来自 37Signals 的电子书讲述了如何创建一个成功的 Web 程序。

Creating a Web Site for Your Service Business （为服务业设计网站） - Entrepreneur Media
在线销售商品可能容易，但销售服务却是另外一回事。该白皮书讲述了你需要知道的关于为服务业设计网站的一些知识。

5 Common E-Commerce Site Mistakes （电子商务网站的5个经常犯的错误） - Microsoft
如果正你运作一个电子商务网站，而结果却不近人意。该电子书会给你讲述电子商务网站中一些经常犯的错误。

Creating a PHP-Based Content Management System （创建基于 PHP 的 CMS 系统） - Jupitermedia
如果你找不到一个现成的 CMS 系统帮你建网站，该白皮书教你如何自己写一个 CMS 系统。

Managing Web Development: Insourcing vs. Outsourcing （WEB开发管理：内包还是外包） - Key Professional Media
是自己请一个 Web 开发人员，还是将项目外包出去。该白皮书会给你答案。

Web Design Best Practice Guide （Web设计最佳实践） e-consultancy
这本定期更新的电子书提供了很多关于 Web 设计的最佳实践。

FireFox Plug-Ins for the Discerning Web Developer （为Web开发者准备的 Firefox 插件） - DMXzone.com
该白皮书介绍了一些用于 Web 开发者的 Firefox 插件，主要是那些可以用于网站测试的插件。

Portal Application Design and Development Guidelines （门户网站设计及发布） - IBM
该白皮书从设计的角度讲述了传统网站和门户方案的区别。

“Mosaic Layouts”: How and Why to Avoid Creating Puzzle-Looking Websites （为什么以及如何避免迷宫样的网站）- Software Talks
该白皮书讲述了为什么在你的网站中恰当地运用图片和图形非常重要。

10 Tips for Creating Your Web Site （创建网站的10个技巧） - Global Knowledge
本白皮书提供了10个技巧，帮助你有效地设计网站。

KnockKnock - Seth Godin
这本来自 Seth Godin 的电子书包含了各种资料，帮助你使用在线营销工具，让你的网站运行得更好。

AJAX Design Strategies （AJAX 战略）- Sun Microsystems
来自 SUN 的这份报告教你如何运用 AJAX 创建 Web 2.0 应用。

Best Practices for Accessible Flash Design （Flash 可访问性设计的最佳实践） - Adobe Systems
本报告为那些初涉 Flash 可访问性问题的开发者，提供了一些并不高深的技术，一实现可访问的富媒体。

本文国际来源：http://mashable.com/2008/03/12/ebooks-web-design/，
由35公里编译并发布在 COMSHARP CMS 的 CMS 知识库

]]> http://www.huorui.net/blog/default.asp?id=73 <![CDATA[原来还有HR?]]> papa55pcl http://www.huorui.net/blog/ huoruistudio#163.com 2008-02-11T22:23:54+08:00 2008-02-11T22:23:54+08:00 HOHO原来还有护肤品和我们抢一个名字咯```
    呵呵 而且这个牌子的价格还不低啊~~ 发个图图


]]> http://www.huorui.net/blog/default.asp?id=72 <![CDATA[书签——一周年（内有猫猫）]]> 褪色鱼 http://www.huorui.net/blog/ huoruistudio#163.com 2008-01-23T16:28:25+08:00 2008-01-23T16:28:25+08:00 （点击可看原图）





还看，困死了...我害羞！下面的是我主人哦....
PS：上面的maomao当我们吉祥物怎样，简称MM哦，嘿嘿！

嘻嘻~~~~

]]> http://www.huorui.net/blog/default.asp?id=71 <![CDATA[剧照——一周年]]> 褪色鱼 http://www.huorui.net/blog/ huoruistudio#163.com 2008-01-23T16:12:43+08:00 2008-01-23T16:12:43+08:00










大家多提提意见！]]> http://www.huorui.net/blog/default.asp?id=70