css

联合火星志 Vol.2 [Firefox专刊]

联合火星志 Vol.2 [Firefox专刊]

攒了一堆Firefox相关的东西,于是今天特推出firefox专刊~
1. 免重装修复Firefox [Firefox技巧]
如果你也和lucifr一样是个插件狂人,总是喜欢在自己可怜的小狐狸身上尝试各种新鲜玩意儿,那一定也会遇到插件之间严重冲突连安全模式也无法挽救,而面临不得卸载掉Firefox然后重装的尴尬局面。在重装之前,其实还可以尝试删掉配置文件来达到软复位的效果(有点像手机的恢复出厂状态),方法就是在windows的运行中输入“firefox -P”,然后确定。

这时你就会看到firefox的配置文件管理工具了:
阅读全文——共1458字

Auto Hide Delicious Toolbar Until Hovered Over [Stylish]

Auto Hide Delicious Toolbar Until Hovered Over [Stylish]

Inspired by the lifehacker’s intro to hiding the unnecessary elements in firefox by stylish extension and Ben’s Auto Hide Bookmarks Toolbar Until Hovered Over style, I started to write a style to hide Delicious Bookmarks Toolbar, since the Delicious Bookmarks is the main toolbar for me rather than the default one.
To find the tag for Delicious Bookmarks Toolbar, I dig into the extension file and look for it. It’s not so difficult as I thought. Since Ben had already a wonderful job, all I have to do is some replacing work.
阅读全文——共1087字

用Stylish让Firefox改头换面 [Firefox技巧]

用Stylish让Firefox改头换面 [Firefox技巧]

在上一篇玩转地址栏里lucifr已经介绍了一些通过更改界面Css来对Firefox地址栏进行修改的方法,同样我们也可以修改其它的部分,来让Firefox的界面更为人性化,或是节省更多的空间。
具体方法:虽然我们可以通过手工地方法来修改userChrome.css文件,但lucifr并不推荐这个繁琐的方式。还是建议大家用更为方便的Stylish插件,这样如果修改的结果不合君意,很简单地就能够恢复原状。
方法:首先安装Stylish插件,点击你所希望安装的样式后[安装]到达相应的页面,然后点击页面中的“Load into Stylish”按钮即可进行安装了。
改善Firefox的界面
未读的标签字体显示为斜体 [安装]  luicfr也经常习惯性地在google搜索时用中键打开多个标签页,这个样式的作用就是让那些你打开来但还未点击查看的标签页上的字体变成斜体字,以示区别。lucifr用的tab mix plus插件似乎已经有了这个功能。
阅读全文——共1368字

Lucifr换上新logo [CSS]

Lucifr换上新logo [CSS]

上次做logo还是改tarski那个模板的时候,对设计一窍不通的lucifr来说真是头大。新的logo也是差强人意。先凑合着用吧。

用到的两个字体都是免费的,“lucifr”和“beta”都用的是Anivers regular,后面的小字部分用的是Delicious bold&italic。
有的网站加logo就直接写到header里,用<img>标签,lucifr还是喜欢写到css里,弄成背景图片,鼠标hover之后有个变亮的效果,实际上就是用两张图片,一张上相应元素的透明度调至50%。所用的CSS如下:
下载: logo.css#logo a {background:transparent url(../images/logo_3.gif) no-repeat scroll 0pt 50%; /*这里的logo_3.gif用的是透明度50%的那张*/border:medium none;color:transparent !important; /*把原本文字变成透明,似乎只有ff3支持这个transparent,所以还要用到下面的这个*/text-indent:-999999px;/*用了这个,在IE和Opera里文字就不会显示出来啦*/display:block; /*block显示,这样就能定义大小了*/font-size:73px; /*字体可以设大一些,点击logo的时候就能回到主页了*/height:78px;width:370px;} #logo a:hover {background:transparent url(../images/logo_2.gif) no-repeat scroll 0pt 50%; /*这里的logo_2.gif用透明度100%的鼠标移到上面后就有变亮了的效果了*/}

挣扎…

我发现什么都不会真的是很难把一个blog做好, 现在这个theme和原来的那个只是一点小的改动, 可这也花了我很长的时间, 一点点摸索着弄, 一个代码一个代码地改, 都是现学现卖.
Firefox+webdeveloper真的是很好的工具, 尤其是在改css的时候, 可谓是效果立显啊, 呵呵, 而且还可以脱机使用, 更可以把别人漂漂的css信手拈来…

收藏 & 分享

Powered by 17fav.com