» 您尚未登录:请 登录 | 注册 | 标签 | 帮助 | 小黑屋 |


发新话题
打印

[电脑] ~【更新】3*2 个Firefox主题【OK】~

userChrome.css
win下通常在
C:\Documents and Settings\xxx\Application Data\Mozilla\Firefox\Profiles\xxxxxxxxx.default\chrome
里面默认有2个css
userChrome-example.css
userContent-example.css
自己复制一份,改名为
userChrome.css
userContent.css
其中,userChrome.css为浏览器外观的css,userContent.css就是通常意义上的自定义css


TOP

因为默认只有userChrome-example.css、userContent-example.css
需要自己改名为userChrome.css、userContent.css

http://www.mozilla.org/support/firefox/edit
引用:
userChrome.css

This file sets the display rules for various elements in the Firefox user interface and is located in the sub-folder called chrome in your profile folder. This file does not exist by default, so you need to create it before you can start adding your preferences. There's actually an example file that exists by default, called userChrome-example.css. Basically, you can just rename that file by removing the -example part.


userContent.css

This file sets the display rules for web content and is located in the sub-folder called chrome in your profile folder. As with userChrome.css, this file does not exist by default, so you need to create it before you can start adding your preferences. As with userChrome.css, there is an example file that exists by default, called userContent-example.css. Basically, you can just rename that file by removing the -example part.



TOP

引用:
原帖由 ny 于 2007-8-23 15:51 发表

这个我是知道的,上文中我和他说的css不是指这个,我是说:我不知道在主题包内的哪一个css文件中修改去掉mac主题对标签已读、未读、当前的字体不同颜色的限定。
问了几个鬼佬都不知道,恐怕要去问macfoxII作 ...
firefox本身没有未读、已读标签的区别,只有selected="true"、busy两种属性,共四种搭配

倒是tab mix plus里面自己添加了一个unreadTab这样一个标签类型


TOP

你是要给标签着色么?

比如Castripe.jar文件中
/global/browser.css定义了
复制内容到剪贴板
代码:
.tabbrowser-tabs .tab-text {
        text-align: center !important;
        font-family: "Lucida Grande", tahoma, sans-serif, Arial !important;
        font-size: 11px !important;
        padding: 0 0 2px 0 !important;
        color: #929292;
}

.tabbrowser-tab[selected="true"] .tab-text,
.tabbrowser-tab:hover .tab-text {
        color: #383838;
}
自己在userChrome.css里面加上
复制内容到剪贴板
代码:
.tabbrowser-tabs .tab-text {
        color: #f00 !important;
}

.tabbrowser-tab[selected="true"] .tab-text,
.tabbrowser-tab:hover .tab-text {
        color: #00f !important;
}
来着色好了,用!important来覆盖皮肤的css定义
其他属性诸如字体啥的自己设置好了

另外,顶楼的
引用:
3)下面这段代码没法加入主题中,所以不嫌麻烦把它复制到userChrome.css的顶部(还不知道这个在哪里的就说)
复制内容到剪贴板
代码:
/* Override the system text and background color for selected text */
    ::-moz-selection {
        color: #000 !important;
        background-color: #b5d5ff !important;
    }
说错了,这个应该写入userContent.css,而不是userChrome.css


看那个文本选择的效果

[ 本帖最后由 aaaa007cn 于 2007-8-24 01:23 编辑 ]

TOP

哦,了解了,其实那个选择应该是userChrome.css、userContent.css都有的。。。
不过我怎么放userChrome.css后看不到效果?

着色的问题,可以直接修改主题的jar里面/global/browser.css
代码在16楼那里,把color: #929292、color: #383838去掉就行了

16楼的图,放userContent.css后页面上文字选择效果

TOP

引用:
原帖由 ny 于 2007-8-24 13:12 发表
在非mac主题下,那个颜色也是只有黑色和暗色两种的,但Tab Mix Lite CE可以开启前面说的效果,但遇到mac主题就不行,所以我估计mac主题的作者们为了保持那个风格把这里定死了,当然用 Tab Mix Plus还是可以强制打开的,这个扩展有点硬伤不提它。
你的方法是强制给它颜色(而且没有暗色),这样也是不受Tab Mix Lite CE控制了,我就是想让它像非mac主题一样,把这个选择权交给使用者,让 Tab Mix Lite CE 来开启或关闭
我觉得可能是扩展和主题的css设置优先级问题,主题里设置后,扩展的css定义就失效了
没看firefox的文档,根据这个情况猜测可能是优先处理扩展的css,然后处理主题的css,最后处理用户自定义的css
那么你的这个要求只要把主题里的标签颜色定义去掉就行,这样firefox就会按照扩展的css定义来显示
引用:
着色的问题,可以直接修改主题的jar里面/global/browser.css
代码在16楼那里,把color: #929292、color: #383838去掉就行了
但这么一来如果不开启Tab Mix Lite CE标签的颜色就是默认的,黑色
或者修改Tab Mix Lite CE的代码,提升它的标签颜色定义优先级,不过这样处理对大多数人来说也不太合适

=========================================

仔细想了一下,应该还是先处理主题的css,再处理扩展的css
只是由于这个主题原来的标签css优先级高于扩展的,所以以主题里面的定义为准
把主题的标签css优先级降到和Tab Mix Lite CE扩展一样,则以Tab Mix Lite CE的css定义为准

[ 本帖最后由 aaaa007cn 于 2007-8-24 15:24 编辑 ]

TOP

大致解决了
比如Castripe.jar
解开主题的jar,找到global目录下的browser.css

1、找到
复制内容到剪贴板
代码:
.tabbrowser-tabs .tab-text {
        text-align: center !important;
        font-family: "Lucida Grande", tahoma, sans-serif, Arial !important;
        font-size: 11px !important;
        padding: 0 0 2px 0 !important;
        color: #929292;
}
改为
复制内容到剪贴板
代码:
.tabbrowser-tabs .tab-text {
        text-align: center !important;
        font-family: "Lucida Grande", tahoma, sans-serif, Arial !important;
        font-size: 11px !important;
        padding: 0 0 2px 0 !important;
}

.tabbrowser-tabs {
        color: #929292;
}
2、找到
复制内容到剪贴板
代码:
.tabbrowser-tab[selected="true"] .tab-text,
.tabbrowser-tab:hover .tab-text {
        color: #383838;
}
改为
复制内容到剪贴板
代码:
.tabbrowser-tab[selected="true"],
.tabbrowser-tab:hover {
        color: #383838;
}
然后重新打包回去,看效果如何?:D
这也是根据css优先级来解决的

[ 本帖最后由 aaaa007cn 于 2007-8-24 14:19 编辑 ]

TOP

发新话题
     
官方公众号及微博