让IE6支持first-child和last-child伪类选择符

作者:乔夫  分类: 网事悠游  日期:2009-11-22  1 条评论  

关于 first-child 和 last-child 的用途我想就不用多说了吧,做导航、列表类的东东时,想让第一个或最后一个样式区别于其它中间的各个元素,比如字体、间距、背景……这时自然就会想到这两个伪类选择符。

在这里我是想做一个图片展示,一行三张图片,各图片间距 55px,就版式需要而言,第一个图片这个 margin-left:55px; 是肯定不行的,实际需要它零距离抵边。以往的话,就是直接在第一个图片的容器标签上直接加个 margin-left:0; 的样式。但假使这里不是一行,而是多行的话,是不是就太繁琐了?后台程序写循环时又得多做一次无谓的判断。所以,就要用到 first-child 了。

a { margin-left: 55px; } /*我的图片是放在A标签里的*/
a:first-child { margin-left: 0; }

效果实现。但问题也接着来了,IE6 是不支持 first-child 标签的。怎么办呢?为了不给后台添麻烦,那就得前台麻烦了。搜索一下,看网友 Realazy 是用 JS 来判断,加上选择符判断后,单为 IE6 遍历出所有标签,然后在第一个标签上加样式。不过,他是用的 ul 标签遍历出其中的 li,可我这里是把 a 放在了一个 div 里,形如:

Read more »

再谈PNG背景透明

作者:乔夫  分类: 网事悠游  日期:2009-3-25  暂无评论,你来说两句呗?  

都说起老茧了,但一不注意还是会出问题。以往的透明都只是在样式表现的方法和方式上折中,说到底背景始终都是背景。这次突然想在页面中插入PNG图片并做链接时,才发现要做这个透明还真麻烦。试了N多种方法,但单纯用样式来解决各浏览器差异的话,效果是完全可以出来,但总有这样那样的问题,比如链接触发范围或者焦点,很是诡异。就像我遇到鼠标手移到实体图形上时链接正常,一移到透明背景区域就没了链接。乖乖个隆得咚,链接原来也可以做镂空效果的,哈哈……不过,最后搜索一番问题最终还是解决,就是加一段js代码做个判断,办法很简单,代码一眼就懂,所以就不做辍述了,有需要的朋友可以自己测试一下。
Read more »

汉字简繁转换和调整网页字体大小

作者:乔夫  分类: 网事悠游  日期:2008-8-19  2 条评论  

磨洋工也终于还是磨出一张皮儿,好孬还是把“上邪·莫邪”的 theme 给弄了一个出来了。满意不满意再说了,空了再来考虑。我还想着给“追风岁月”换名换标哩,但是一想到我的计划永远是赶不上变化的,不说也罢,不说也罢!

不过,Viviti 有别于 Blogger 的就是它的支持很好很强大,页面所有元素都可以像 Widgets 一样的自由摆放。制作 theme 的时候,js 什么的都可以加,最后打成一 zip 包上传就行。但强大只是总体而言,其实还是有着不便的时候。比如,它把侧边和内容区整体划成两块。结构什么的是无法自定义的,最多只能改一下相关样式。这样其实很痛苦,也很难操作。也就是说关于版式的创意被大体局限在了无关紧要的侧边和内容之外。所以,在这一前提下,想要弄个好的 theme 真的很难!不过,比起其它 BSP 来说,已经算是难能可贵了,还是得赞一个!

虽然,“上邪·莫邪”默认是采用繁体(正体)来着,但我还是给加了繁简转换,方便不喜欢或者不识繁体字的朋友。

分享我的两段代码: Read more »

如此勤奋地追风

作者:乔夫  分类: 网事悠游  日期:2008-3-4  2 条评论  

因为下一版追风岁月要采用wordpress程序,所以,这两天疯狂学习php。经常是通宵达旦。还好,收效不错,诚如人们所说,程序语言总是相通的。所以,新版theme,因为版式效果需要程序支持的,全部自己手写且业已完成,而相应插件也改动不少。感觉最拉风的是,之前从未写过一句php代码呵。而这次,不但写出来了,而且还按照科学的方法,没去动wordpress的源码,而是把追风的代码全写成了一个插件。也参考别人方法,把整站所有的css和js文件全部include进一个页面,以期减少页面载入时的链接请求,而且还对代码进行了压缩,体积大为改观,差不多减少一半。当然,这也是不得已而为之,因为过于注重版式,所以页面体积大得有点吓人,呵呵……

不过,不管怎么说,看来我的新年计划还是可行的嘛!想想,也有些搞笑。就一个theme而已,php,javascript,flash as什么都用到了,会不会是都把简单的问题复杂化了呢?思索ing……

的确有点疯狂!通宵之后,睡得太早,搞得四点多就起来了。此刻,凌晨六点,大多的人们还在沉睡,而我已经开始写第二篇博文了,够勤奋吧?哈哈……

当博客网页遇到JavaScript…

作者:乔夫  分类: 网事悠游  日期:2007-9-2  暂无评论,你来说两句呗?  

在博客网站中经常需要各类JavaScript应用,以实现特定的功能,事实上,打开任何一个博客网页,几乎都可以看到相应的JavaScript 代码,比如说访问跟踪与统计、广告代码、博客附加功能如各类插件以及近来日趋流行的Widgets等,为标准的Html网页提供了有益的扩展与支持。不过,有时候,这些JavaScript代码也会在某种程度上大大降低网页的加载速度,影响用户体验,特别当网页中附加了过多的JavaScript的应用时。

从技术角度讲,JavaScript最大的问题在于其执行时不能并行处理(不涉及Ajax应用),简单地说,当某段JavaScript代码被加载与执行时,页面的其他部分只能等待其运行完毕才能顺序执行,这也意味着如果网页中某段JavaScript代码因种种原因执行效率降低时,网页的加载与显示速度便会直接受到影响,用户不得不等上很长时间才能看到浏览器渲染完成整个页面。 Read more »

Page 1 of 3123