TGFC Lifestyle - Powered by Discuz! Board

标题: [电脑] ~【更新】3*2 个Firefox主题【OK】~ [打印本页]

作者: ny 时间: 2007-8-23 01:57 标题: ~【更新】3*2 个Firefox主题【OK】~

Firefox主题——Castripe(graphite)+Pinstripe(graphite)+iga(graphite)，适用于FX 2.0 – 3.0a8
一共6个，原来的4个stripe修复了标签颜色和Go的位置，其实当天就上传好了，但随后又偷了个主题改到快吐了有个bug还没改好，于是又请教了aaaa007cn（谢谢）。。。现在是一切OK了，包你用到吐。。。

Firefox主题容我啰嗦一下：
打包里面包括了Lucida Grande字体（mac主题没这个font很不协调），readme可看可不看，那主要是给鬼佬看的
1)把stop放到reload按钮的左边；
2)把Lucida Grande放到C:\windows\fonts；
3)下面这段代码没法加入主题中，所以不嫌麻烦把它复制到userChrome.css的顶部（默认位置在2楼）

复制内容到剪贴板

代码:

/* Override the system text and background color for selected text */

    ::-moz-selection {

        color: #000 !important;

        background-color: #b5d5ff !important;

    }

iga
Castripe
Pinstripe
Flashget & Emule主题 Flashget 解开后看说明，emule则把文件夹复制到emule目录，工具栏右键选择外观
QTTab+QTadress，超出我期待，绝赞
可能看到图会有人问要系统主题，在这里 9.01 更新

iga

[ 本帖最后由 ny 于 2007-9-1 23:00 编辑 ]

作者: aaaa007cn 时间: 2007-8-23 02:09

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

作者: ny 时间: 2007-8-23 02:12

另外这是对 iorilu 说的，你说的那个我不会，请教了3个人，其中一个说不会建议我看DOMi，这个看了几分钟恐怕难以继续，然后另外两个还没回音，可能又去露营了？
本来想等到那个颜色搞定再上传的，后来发现在mac主题中可能不协调，顺手加了几个主题，先上传了，如果到时的回音可以改，我就到时再上传一份

[ 本帖最后由 ny 于 2007-8-23 03:06 编辑 ]

作者: iorilu 时间: 2007-8-23 11:38

谢谢ny,我暂时还是换成别的主题了,好像其他人都没这问题啊,难道是我眼神不好

作者: ny 时间: 2007-8-23 11:43

mac 主题大多是这样的，我只见过有一个不是这样
是在macfoxII的基础上改的，因此我也不知道在哪个文件动这个地方，太隐蔽了，所有css同时搜关键字也搜不出来

作者: aaaa007cn 时间: 2007-8-23 12:43

因为默认只有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.

作者: ny 时间: 2007-8-23 15:51

引用:

原帖由 aaaa007cn 于 2007-8-23 12:43 发表
因为默认只有userChrome-example.css、userContent-example.css
需要自己改名为userChrome.css、userContent.css

http://www.mozilla.org/support/firefox/edit

这个我是知道的，上文中我和他说的css不是指这个，我是说：我不知道在主题包内的哪一个css文件中修改去掉mac主题对标签已读、未读、当前的字体不同颜色的限定。
问了几个鬼佬都不知道，恐怕要去问macfoxII作者了。

作者: 左右中 时间: 2007-8-23 16:05

firefox就是firefox，干嘛搞得跟苹果似的

作者: 极品飞猪 时间: 2007-8-23 16:31

太花哨
还是算了

作者: singlung 时间: 2007-8-23 16:44

界面嗲
謝謝ny~

作者: 6533186dc 时间: 2007-8-23 16:49

谢谢饿。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

作者: alexonline 时间: 2007-8-23 22:24

为什么我这里的标签栏有1像素左右对不齐呢？

作者: sarion 时间: 2007-8-23 22:31

说句实话，这ｓｋｉｎ很不耐看

作者: aaaa007cn 时间: 2007-8-23 22:32

引用:

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

这个我是知道的，上文中我和他说的css不是指这个，我是说：我不知道在主题包内的哪一个css文件中修改去掉mac主题对标签已读、未读、当前的字体不同颜色的限定。
问了几个鬼佬都不知道，恐怕要去问macfoxII作 ...

firefox本身没有未读、已读标签的区别，只有selected="true"、busy两种属性，共四种搭配

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

作者: ny 时间: 2007-8-23 23:27

引用:

firefox就是firefox，干嘛搞得跟苹果似的

很多人喜欢，特别是那些鬼佬搞这些很来劲。。。因为 XP 太花哨了

引用:

为什么我这里的标签栏有1像素左右对不齐呢？

我知道你大概是怎么回事了，估计你的布局问题，不过先截图来我好确定

引用:

说句实话，这ｓｋｉｎ很不耐看

这个得对mac主题感兴趣才好啊

引用:

firefox本身没有未读、已读标签的区别，只有selected="true"、busy两种属性，共四种搭配

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

我知道tab mix plus是可以强制上色的，但这个扩展有一点硬伤，所以改用tab mix lite ce，见下图，它没法对mac主题的标签文字上色，我猜是那些mac主题的原作者们都有意识的在主题中把这个禁止了，我不会改这里。。。你会的话请一定告知

作者: aaaa007cn 时间: 2007-8-24 01:15

你是要给标签着色么？

比如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 编辑 ]

作者: ny 时间: 2007-8-24 12:03

我不是要给它上色，而是要恢复它默认的这个效果——已读暗色，当前蓝色，未读红色，见下图。而mac主题全都把这里禁止了

你说的那些设置我都有了，而那段代码就是要放进userChrome.css的，效果是输入框都像下图的地址栏那样，因为本来那个背景色是由系统主题来定的。
那些代码部分来自macfoxII作者的网站，他提供了不少完善mac效果的代码，而我本是可以把我的userChrome.css加入打包的，但我已经把它加入到主题中了，唯独这段必须要在userChrome.css中才有效，而且我也不想让我的这个userChrome.css影响到别人的其他主题，主要是字体的粗细会跟非mac主题不协调

另外你的图我看不到

[ 本帖最后由 ny 于 2007-8-24 12:06 编辑 ]

作者: aaaa007cn 时间: 2007-8-24 12:34

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

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

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

作者: 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 来开启或关闭

另外关于那个userContent.css我到是忘记给它加上那个蓝色背景了，因为涉及到页面的东西之前大部分都让stylish去做了，忘了这里，谢谢提醒

不过我觉得这个不适合放到userContent.css中

[ 本帖最后由 ny 于 2007-8-24 13:51 编辑 ]

作者: aaaa007cn 时间: 2007-8-24 13:51

引用:

原帖由 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 编辑 ]

作者: ny 时间: 2007-8-24 14:03

没错，可就是不知道作者把它定义在哪，所以不知道在哪里去掉，要一个个找不是不可能，只是费力不讨好，有人建议我看DOMi，但那就背离我只是玩玩的初衷了，于是就email作者去了

作者: aaaa007cn 时间: 2007-8-24 14:17

大致解决了
比如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 编辑 ]

作者: ny 时间: 2007-8-24 14:35

没错，就是这个了，非常感谢，稍后重新上传
:D :D :D :D

作者: singlung 时间: 2007-8-24 15:02

引用:

原帖由 ny 于 2007-8-24 14:35 发表
没错，就是这个了，非常感谢，稍后重新上传
:D :D :D :D

期待有顏色版~
嗲!

作者: iorilu 时间: 2007-8-24 16:46

赞阿，期待ing

作者: ohpkobe 时间: 2007-8-24 16:49

用来用去觉得还是默认主题王道

作者: 那巴尔 时间: 2007-8-24 17:07

火狐的默认主题是很耐看的，不过火狐似乎还不支持多功能标题条，马桶和TW支持这个东西，换起皮肤来就是安逸啊，不怕不和标题栏不配。

作者: ny 时间: 2007-8-24 17:39

默认主题的制作太随意了，解开默认主题进去看那些东西，实在是。。。Mozilla你不能在这里认真点吗？
默认主题都被我替换掉了

作者: alexonline 时间: 2007-8-24 20:33

期待新版……

作者: ny 时间: 2007-8-31 11:00

OKOKOK

作者: iorilu 时间: 2007-8-31 11:01

终于好了,赞,谢谢ny:D

作者: ny 时间: 2007-8-31 11:06

其实那几个当天已经弄好了，不过我只想更新一次帖子所以到现在才顶起来:D

作者: alexonline 时间: 2007-8-31 18:10

标签栏的一像素偏位好像还是没有修正的说……

看不见的请去这里

http://picasaweb.google.com/alexchang2/Fxskin

作者: ny 时间: 2007-8-31 18:23

给个全景图看看我才好判断，你这个问题倒是没见别人说过

作者: alexonline 时间: 2007-8-31 20:16

引用:

原帖由 ny 于 2007-8-31 18:23 发表
给个全景图看看我才好判断，你这个问题倒是没见别人说过

就是标签顶部……好像向上移动了大概有1px的说……还有那个更多标签的倒三角图标也是……

作者: ny 时间: 2007-8-31 21:11

倒三角和关闭不对齐问题我刚发现，因为从一开始这两个地方我都是不让它们显示的
标签1Px问题我这里没有也没见别人说过，你是确定完全删除了旧版才装新版不是直接更新的吧
我自己最近快要吐了都是直接让请aaaa007cn帮看，先看我的图，稍后我试着看看

作者: ny 时间: 2007-8-31 21:12

引用:

原帖由 alexonline 于 2007-8-31 18:10 发表

刚才没注意到你这图中的一个地方，标签栏左边的加号是什么？应该是这个把标签栏撑开了。。。

[ 本帖最后由 ny 于 2007-8-31 21:14 编辑 ]

作者: alexonline 时间: 2007-9-1 01:11

引用:

原帖由 ny 于 2007-8-31 21:12 发表

刚才没注意到你这图中的一个地方，标签栏左边的加号是什么？应该是这个把标签栏撑开了。。。

那个加号的作用……就是原主题里最左边的那个新开一个空白标签的按钮……

我把所有主题都删了……除了ff自带的那个……安装的……

欢迎光临 TGFC Lifestyle (http://bbs.tgfcer.com/)