ooioo » Web http://www.ooioo.net 小农思想。 Mon, 16 Aug 2010 15:09:20 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 border属性书写时，不同顺序有不同结果 http://www.ooioo.net/archives/415.html http://www.ooioo.net/archives/415.html#comments Sun, 18 Oct 2009 12:09:37 +0000 啊 丢 http://www.ooioo.net/?p=415 今天在编辑CSS模板时注意到在给同一DIV个定义2个border样式里时，不同顺序有不同显示结果。
border: 1px solid #ccc;
border-top: 0;
这种情况下，右下左有边框，上部没有。

border-top: 0;
border: 1px solid #ccc;
这种情况下，上右下左都有边框。

现在才知道浏览器读取CSS时，遇到重复定义是按顺序处理结果的！！

]]> http://www.ooioo.net/archives/415.html/feed 5 换显示器了，顺便看下访问者的统计 http://www.ooioo.net/archives/224.html http://www.ooioo.net/archives/224.html#comments Mon, 16 Feb 2009 07:02:45 +0000 啊 丢 http://www.ooioo.net/blog/?p=224 老CRT显示器一个多月来，时不时的啸叫声实在是受不了了，所以决定把它咔嚓掉，换成22寸的液晶。

     我比较喜欢钢琴烤漆外表的设备， 所以直接把目标品牌锁定在SAMSUNG上面。经过两三天的信息收集最后筛选出两个系列的各一个型号2233SW和T220，网络上的测评文章说这两款的颜色嗨可以。2233SW是16:9的分辨率，符合全高清标准，看大片好。T220是16:10的分辨率，也就是普通的宽屏。

     一开始感觉会买2233SW的可能性大一点，因为分辨率高、图像细腻、看图作图好！不仅前面板好看，从后面看也~~~~好看！有花纹，非常时尚。 可到了市场看了实物，还操作了一下，看长篇文字的确是像网络上说的那样，有点不舒服，当然字体可以调整大小。最后是想到现在很电影也并不是16:9的，游戏上不支持16:9的就更多了（像魔兽这么牛的游戏可以不用担心）。所以综合考虑还是花了1650选择了T220，办公娱乐兼得。

     鸟JS拿了一台拆封的给我，我直接说不要。最后敌不过我，让人带着我到仓库自己去挑了一台真正未拆封的！ 自我感觉良好T_T!

     从此以后痘痘可以少长一点了！！！！！

下面是08年的访问者浏览器和分辨率的统计表：

2008年来客所使用的浏览器统计

 

2008年来客所使用的分辨率统计

 

 

使用IE6的人还是那么多啊！ 分辨率168×1050也少（22寸的最佳分辨率就是这个）！ 也没想到tencent比theworld还厉害点。

]]> http://www.ooioo.net/archives/224.html/feed 13 网页实用小图标 http://www.ooioo.net/archives/210.html http://www.ooioo.net/archives/210.html#comments Mon, 08 Dec 2008 09:50:04 +0000 啊 丢 http://www.ooioo.net/blog/?p=210 这里面的图标感觉不错

http://www.zhanzz.com/tu/tu1.htm

]]> http://www.ooioo.net/archives/210.html/feed 0 开启兼容模式让IE8兼容你的网页 http://www.ooioo.net/archives/73.html http://www.ooioo.net/archives/73.html#comments Fri, 29 Aug 2008 16:22:39 +0000 啊 丢 http://www.ooioo.net/blog/?p=73 只需要在页面中加入如下HTTP meta-tag:

 

只要IE8一读到这个标签,它就会自动启动IE7兼容模式,保证页面完整展示.

还有一种方法是针对整个网站的,在IIS中加入如下描述符就可以有相同的效果,当然这么做范围更广.

]]> http://www.ooioo.net/archives/73.html/feed 4 Some Chess 2.1 http://www.ooioo.net/archives/68.html http://www.ooioo.net/archives/68.html#comments Sun, 13 Jul 2008 07:58:19 +0000 啊 丢 http://www.ooioo.net/blog/?p=68 在找开源PHP源码时看到了这个，有点意思！

环境为 PHP MYSQL

下载地址：http://joeytroy.com/somechess/

下下来安装看看先，改天想办法汉化一下。 图：some chess

]]> http://www.ooioo.net/archives/68.html/feed 0 代码收藏，百度无图片CSS圆角 http://www.ooioo.net/archives/61.html http://www.ooioo.net/archives/61.html#comments Thu, 05 Jun 2008 14:52:49 +0000 啊 丢 http://www.ooioo.net/blog/archives/61.html  

  1. <!-- .rg{border-left:1px solid #A5DA94;border-right:1px solid #A5DA94;padding-bottom:1px;background:#DBF1D4; text-align:center} .rg_1,.rg_2,.rg_3{ overflow:hidden;height:1px;font-size:10px;margin:0 1px;border:0px solid #A5DA94;}/*将前后三个DIV隐藏*/ .rg_1{background:#A5DA94;margin:0 3px; }/*margin:上右下左(上下 左右)*/ .rg_2{border-left-width: 2px;border-right-width:2px} .rg_3{border-left-width: 1px;border-right-width:1px} .rg_2,.rg_3{background:#DBF1D4;} -->
  2. <div>
  3. <div class="rg_1">隐藏</div>
  4. <div class="rg_2">隐藏</div>
  5. <div class="rg_3">隐藏</div>
  6. <div class="rg">秦迷天下</div>
  7. <div class="rg_3">隐藏</div>
  8. <div class="rg_2">隐藏</div>
  9. <div class="rg_1">隐藏</div>
  10. </div>
]]> http://www.ooioo.net/archives/61.html/feed 0 自动截取超出的文字 http://www.ooioo.net/archives/60.html http://www.ooioo.net/archives/60.html#comments Thu, 05 Jun 2008 08:18:54 +0000 啊 丢 http://www.ooioo.net/blog/archives/60.html white-space: nowrap
当中文文字很长的时候（中间没有空格也没有换行符号），不管是IE还是firefox，到达边界都会自动换行。

但是有的情况，我们并不希望这样。比如：当在几个li并排排列，不想让每行的最后的一个li的文字自动换行，那就可以用本属性了。

使用这个css属性之后，文本只有在遇到空格或者是换行符的时候才能 换行

比如：

div{white-space: nowrap;}

这是好东东！ 以前的网站很多时候文章标题因为有其它字符所以 经常会自动换行与下面的文章标题重叠在一起。

]]> http://www.ooioo.net/archives/60.html/feed 0 自动判断选择语言的代码 http://www.ooioo.net/archives/46.html http://www.ooioo.net/archives/46.html#comments Wed, 26 Dec 2007 03:44:17 +0000 啊 丢 http://www.ooioo.net/blog/archives/46.html  是个好东西，自己收藏起来便日后用。代码是在Amazing看到的。

根据识别用户的浏览器语言, 自动判断并跳转到相应的语言网页, 让你的网站更加国际化.
以下需要将代码放在HTML的内即可, 然后自行制作多语言页面.

  1. <script></script>
]]> http://www.ooioo.net/archives/46.html/feed 0 四个在线制作Web2.0风格图片的网站 http://www.ooioo.net/archives/28.html http://www.ooioo.net/archives/28.html#comments Wed, 10 Oct 2007 10:00:22 +0000 啊 丢 http://www.ooioo.net/blog/archives/28.html 有字体,徽章,标签,按钮

1. Web2.0Badges 这是一个制作Web2.0风格徽章的网站，他不仅提供在线服务，还提供了PSD文件下载。PS达人不妨下载源文件后自由挥洒创意。

2.Web2.0Stylr 在这个网站，你可以轻松制作出渐变和倒影效果，并能够选择20余种英文字体.

 
3.Web2.0 Logo Creatr 功能和Web2.0Stylr基本相似，不过能自定义多种字体颜色和打Beta标签。

 

4.MyCoolButton 在线制作Web2.0风格按钮的网站，功能十分强大.

]]> http://www.ooioo.net/archives/28.html/feed 0