Tag Archives: css

Firebug1.4下载 – 支持Firefox 3.1

我比较爱尝鲜,喜欢做小白鼠,于是经常给自己惹麻烦,比如没事装装windows 7,或是为了试试lamp去装个ubuntu,又或者是装了firefox3.1,然后发现一堆插件用不了@@。最重要的是这个firebug,目前Firefox Addon上的stable版本是不支持Firefox3.1的,不过还好,找到了测试版Firebug1.4,嘿嘿。支持Firefox3.1哦
下载地址

十个步骤学会css定位

一直对css中的positioning比较迷惑,一共有position : static | absolute | fixed | relative 四个属性,看了这个简单的教程 – “Learn CSS Positioning in Ten Steps”,就大概明白了。
来自这篇文章:20 Useful CSS Tips For Beginners 20个适合css初学者的技巧

css好玩

这几天心血来潮又来修改博客,该了下文章正文中超链接的颜色和样式,期间出现几个小问题,多谢Charles热心解答。
之后又看着被我改的面目全非的评论框,发现颜色太艳了,而且评论之间不好区分。决定再继续改,在每条评论前加了一小条border,又把三种颜色改到两种,把头像移到前面。这样总算看起来清爽一些了,期间得到firebug老兄的大力帮助,在firebug里面可以随时修改,即时预览,哪个部分找不到了还可以直接定位过去,实在是太tm方便了。
不过还有一个问题没有解决,本想把每个评论框左边的border在鼠标指向时变色,但是不起作用,谁知道为什么呀?不知道是跟其他哪个值冲突了。

.commentslist li:hover {border-left:4px solid #FFCC66;}

这行的颜色竟然不起作用,只好加大1px,看起来有点动静。但是在新留言的时候是能产生变色效果的,刷新下就没了,为什么前面的4px有效,后面的#fc6就无效呢~~

免费的css导航菜单下载

不过是一些简单的css导航条,不过效果还是相当不错的,个人、商用都免费,自由下载。点击这里下载全部。也可以去这里,点击每个菜单的最后“Download Menu”即可分别下载。

博客评论部分修改

博客原主题不支持AJAX留言,于是找了个AJAXcomment插件,用着非常不错,只是有个小缺点 – 比较丑=_=!!,想换到比较流行的threadcomment插件,不过这个插件css里默认第一层留言用的是主题默认样式,这是主题作者比较体贴的一点,可以保证装上插件后主题依然整齐统一,但是我感觉我这个主题的默认留言样式实在丑的不行,于是放弃。便一直将就用着ajaxcomment,而且这个插件有个问题,评论框有时长有时短,很纳闷,是哪里出了问题,后来才发现是跟系统的默认css冲突,解决方法在后面。
那天逛到sofish博客,看到一篇文章:sofish回馈读者计划。该同志本着大无私的人道主义精神,免费为不懂主题制作的博友制作wordpress主题,虽然偶最近是没计划换主题,不过我急着换个评论样式,苦于自己不懂css。嘿嘿,不说废话,昨天就换上了新样式,非常不错。提供下载,权当称其为“美化版”。感谢Sofish……
ajaxcomment原版下载 | ajaxcomment美化版下载
另外顺便说下使用该插件后评论框出现有时长、有时短的问题的解决方法。那就是,删掉主题默认css(一般是主题目录下的style.css文件)里所有跟comment有关的定义,一般是comment开头的啦,注意,删之前做好备份。

76个CSS导航条欣赏

之前转载过一篇关于css导航条收集的文章:52个超酷的CSS标签导航条,今天转到一个网站感觉挺不错,也是介绍css导航条的,其中showcase板块展出了76个各具特色的css导航条,在techniques部分则展出了37个样式,点进去有具体的制作方法哦。下面的76个导航条只是欣赏欣赏了。嘿嘿……

52个超酷的CSS标签导航条

其实我早想换掉博客的导航条,想把分类目录做成一个下拉菜单放到导航条上去,不过不会@@
转一篇文章,没准自己能琢磨出来,如果有兴趣制作博客主题的朋友,这些效果一定可以为你的主题增色不少。