本站不兼容 8 以前的版本的 Interner Explorer 浏览器(或基于这些版本的 IE 的其他浏览器),并且页面样式不完全兼容 IE 8,我们建议你升级至 IE 9 或改用其他非 IE 浏览器

Mozest™

  • 正在加载用户菜单…

开放、分享、互助

还是有一处。不知道作了什么修改,为何好端端的没细划线,升级了新版的倒是有了?

而且1.17到底有什么改动啊
Kiddy 发表于 2013-4-20 13:38
改成
#urlbar > toolbarbutton,
.autocomplete-history-dropmarker {
  box-shadow: none !important;
}

新版主要跟进火狐最新的改动,修复一些问题。替换一些图标。
这次的更新用起来非常顺滑。。。

PS:FXOpera 什么时候更新啊。
这次的更新用起来非常顺滑。。。

PS:FXOpera 什么时候更新啊。
Robinho 发表于 2013-4-20 20:56
fxopera和fxchrome可能晚点,大概firefox21beta4~5出现的时候。
本帖最后由 jinke679 于 2013-4-21 13:24 编辑

你好,请问,我想用css替换默认的“重新载入”、“停止”、“转到”按钮,其默认图标是一个图像内包含三个图标的三种状态,那我可不可以通过css语句直接用一个图像替换掉三个图标(包含三种状态)

囧 方法我找到了,可是没有这样的替换用的图像,LZ的替换图像都是只有一般状态的,没有悬停和按下状态,再找找悬停时的阴影代码吧
把图片贴上来,我可以些那段代码,只要加上hover,active就可以了
本帖最后由 jinke679 于 2013-4-21 15:07 编辑

就用你MX4主题的图片吧,自己简单的ps了下,囧,现学的
我也试着写了,但是默认图标是14像素,而你的这个图标是18px,一个一个的调我可以弄出来,不知道怎么简化代码。


base64:
  1. iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAADnElEQVR42u2Xv2/aQBTHM2cGKYSBrGFCyu45bEjMrJUVIANdg8TGnCpAIzF7bACp/V8au+2ULXaq9B/oPfCh8+Od7weXolR+0ldg+zje5967985HR4X9H1Zm8plumYJUQ6Ym07EwzntPUG0BhhLA1lKoIGceTwHuWS5MK5WRdQiQG6YxujdPFeQ4zcd6Fs9ldsY0SqUNV0POt1HanROAMjAfjfEkUIFF1BqmcG0ERVlJEwzskgDYF8oaTmVjAzAqOi6gnMP5EgePLOB0oUYGksJRTvsOouztMe+bgI1R8XAF5WrRtFMR//GFRpHxDKD8QxWPgOhVdTSmLvSveU5EvZzo/PNyz08VYyIlh8R9T7PQ+Apwk5S0atB8Tx3nVECTVW4rnPYs95nxkQqnFZw0BihyftqkCyussMJ2rR/+KfeixO9G8W03SgJQL3oZ9qK4+eHpaVtkuo/J+3mD7v54bnMYWgz2Z1IDKLiWzgPPc8BVz2XGFrgFMoMKkw4G6UfJTS9MxuK9qyiZg2RgHHotwnnVc2nX//Vy1gvj0Vq6cOsoiFAscmLaXT0+n2NAGdgmjYVxgvMZKEOwjR8vDSO4TAqy79SYj99fSzpgYNdhfIkB9oWyhlPmt2bEpNFxAOUcbie9NMCkcJpQW8d1JIOjnAaYvassAaY775uAQdqJxcMVlKtF005F/MfX0e8LZZFR9SkEcpDigcGgT/XDuJ49kcR13r/gUxZRCupw5T49VeDKB9fr4xSuiDkOiYWGSjkRziQlrRo031MgWQU0WWVI2TynYQ6bfWZ8pMJpBSeNbhgPspFLfGjSxWtCYYUVRtrJp2/l6mThn05Wt6fTZQCqzpbDk+mqWblfbYtM5W75ft6gK9NVm8OQYrCVu681gIJr6TzseR646nmOfy2Q2Y9mqw4GqU6XN6eT5Th7fzHfiAbj0CDKedVzaSbNHs6YLyOQNhxEQXQeIpdJu8mX811AGmydxuJcgvMilCnYZu6HhhGcmILwnRxzvyrpgG0WYnmJAfaFsoZTmW7EZNFxAeUcDqeXDpgMTheKO64jKRzlNMDsXWUJMN153waMpZ1YPFxBuVo07VTcSZfpw4WyyCj6FAY5SPHYXdXF/OTzIvMGDde8f8GnLKIU1MHKPT9V7FQ+dg3HKXw/zyGx0FApJ8KZpKRVg+Z7CiSrgCarDCmb5zTMYbPPjI9UOK3gpMGOU4NM5GCfsCZdvCYU5t7+AkJckzypsE4WAAAAAElFTkSuQmCC
复制代码
附件: 您所在的用户组无法下载或查看附件
65# dkgo

老大  有沒有辦法讓火狐橙自動隱藏
讓他看起來更像傲游?
就用你MX4主题的图片吧,自己简单的ps了下,囧,现学的
我也试着写了,但是默认图标是14像素,而你的这个图标是18px,一个一个的调我可以弄出来,不知道怎么简化代码。

29790
base64:
iVBORw0KGgoAAAANSUhEUgAAADY ...
jinke679 发表于 2013-4-21 14:07
我用默认图标改的。。。
  1. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

  2. #go-button,
  3. #urlbar > toolbarbutton {
  4.   -moz-appearance: none!important;
  5.   background-origin: border-box!important;
  6.   border: none!important;
  7.   list-style-image: url("data:image/png;base64,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")!important;
  8. }

  9. #go-button {
  10.   padding: 0 3px!important;
  11. }

  12. #urlbar-reload-button {
  13.   -moz-image-region: rect(0, 14px, 14px, 0)!important;
  14. }

  15. #urlbar-reload-button:not([disabled]):hover {
  16.   background-image: radial-gradient(circle closest-side, hsla(200,100%,70%,.2), hsla(200,100%,70%,0))!important;
  17.   -moz-image-region: rect(14px, 14px, 28px, 0)!important;
  18. }

  19. #urlbar-reload-button:not([disabled]):hover:active {
  20.   background-image: radial-gradient(circle closest-side, hsla(200,100%,60%,.1), hsla(200,100%,60%,0))!important;
  21.   -moz-image-region: rect(28px, 14px, 42px, 0)!important;
  22. }

  23. #urlbar-reload-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
  24.   transform: scaleX(-1)!important;
  25. }

  26. #go-button,
  27. #urlbar-go-button {
  28.   -moz-image-region: rect(0, 42px, 14px, 28px)!important;
  29. }

  30. #go-button:hover,
  31. #urlbar-go-button:hover {
  32.   background-image: radial-gradient(circle closest-side, hsla(110,70%,50%,.2), hsla(110,70%,50%,0))!important;
  33.   -moz-image-region: rect(14px, 42px, 28px, 28px)!important;
  34. }

  35. #go-button:hover:active,
  36. #urlbar-go-button:hover:active {
  37.   background-image: radial-gradient(circle closest-side, hsla(110,70%,50%,.1), hsla(110,70%,50%,0))!important;
  38.   -moz-image-region: rect(28px, 42px, 42px, 28px)!important;
  39. }

  40. #go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
  41. #urlbar-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
  42.   transform: scaleX(-1)!important;
  43. }

  44. #urlbar-stop-button {
  45.   -moz-image-region: rect(0, 28px, 14px, 14px)!important;
  46. }

  47. #urlbar-stop-button:not([disabled]):hover {
  48.   background-image: radial-gradient(circle closest-side, hsla(5,100%,75%,.3), hsla(5,100%,75%,0))!important;
  49.   -moz-image-region: rect(14px, 28px, 28px, 14px)!important;
  50. }

  51. #urlbar-stop-button:hover:active {
  52.   background-image: radial-gradient(circle closest-side, hsla(5,100%,75%,.1), hsla(5,100%,75%,0))!important;
  53.   -moz-image-region: rect(28px, 28px, 42px, 14px)!important;
  54. }
复制代码
65# dkgo

老大  有沒有辦法讓火狐橙自動隱藏
讓他看起來更像傲游?
foxhunt 发表于 2013-4-21 14:13
安装
Movable Firefox Button 扩展,然后再用下面的css
  1. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

  2. #appmenu-button .box-inherit.button-box {
  3.   display: inherit !important;
  4. }

  5. #appmenu-button .box-inherit.button-box .button-menu-dropmarker {
  6.   display: none !important;
  7. }

  8. #appmenu-button .button-icon {
  9.   display: inherit !important;
  10.   list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMTIvMDEvMDmEiCkWAAAAmklEQVQ4je2UMQoCMRBF3xcbBcXWRkjvuSw8gUfwDB5L7C1tlxVM+S3MgGyxrppOfxMmQ95k/pDINjU0qkIBxmWdAQmYABm4AMsS9ykDZ+AaoCRpF1nbB0mbITexvQeO0Vq38nQI5PlsgHIneXsDlAFUprYA1sAcaHn0nUrcpxY4AU31qa0kbWPzA7Obv9mv9QNmf/36VetjuwMj+EcMDX5KfAAAAABJRU5ErkJggg==") !important;
  11.   -moz-image-region: rect(0px, 18px, 18px, 0px) !important;
  12.   margin: 0 !important;
  13.   padding: 0 !important;
  14. }

  15. #appmenu-button {
  16.   padding: 0px !important;
  17.   background: transparent !important;
  18.   background-clip: padding-box!important;
  19.   border: 1px solid!important;
  20.   border-color: transparent !important;
  21.   min-height: 18px !important;
  22.   min-width: 18px !important;
  23.   -moz-padding-start: 1px !important;
  24.   box-shadow: none!important;
  25. }

  26. #nav-bar #appmenu-button {
  27.   margin: 3px 0px 2px 0px !important;
  28.   padding: 4px !important;
  29. }

  30. #appmenu-button:hover:not([disabled="true"]) {
  31.   background-color: #E9F4FF!important;
  32.   background-clip: padding-box!important;
  33.   border: 1px solid!important;
  34.   border-color: #3399FF!important;
  35. }

  36. #appmenu-button:hover:active:not([disabled="true"]),
  37. #appmenu-button[checked="true"]:not([disabled="true"]),
  38. #appmenu-button[open="true"]:not([disabled="true"]) {
  39.   background-color: #DCDCD7!important;
  40.   background-clip: padding-box;
  41.   border: 1px solid;
  42.   border-color: #A4A49E!important;
  43.   box-shadow: 0 1px 1px 0px #CCCCC8 inset!important;
  44. }
复制代码
1

评分次数

  • foxhunt

已经替换好了,非常感谢!
再麻烦一下,问一个问题,下载图标下载完成后的那个绿色图标如何定义?
已经替换好了,非常感谢!
再麻烦一下,问一个问题,下载图标下载完成后的那个绿色图标如何定义?
jinke679 发表于 2013-4-21 17:30
#downloads-indicator[notification="finish"] > #downloads-indicator-anchor > #downloads-indicator-notification {
  background-image: url("chrome://browser/skin/downloads/download-notification-finish.png");
  animation-name: downloadsIndicatorNotificationFinish;
  animation-duration: 1s;
}
#downloads-indicator[notification="finish"] > #downloads-indicator-anchor > #downloads-indicator-notification {
  background-image: url("[url=chrome://browser/skin/downloads/download-notification-finish]chrome://browser/skin/downloads/download-notification-finish[/url]. ...
dkgo 发表于 2013-4-21 17:56
试了一下,这个只是任务完成的那一瞬间显示替换的图标,完成后还是绿色的图标
试了一下,这个只是任务完成的那一瞬间显示替换的图标,完成后还是绿色的图标
jinke679 发表于 2013-4-21 19:28
应该是这个才对

#downloads-indicator[attention] > #downloads-indicator-anchor > #downloads-indicator-icon {
  background-image: url("chrome://browser/skin/downloads/download-glow.png");
}
应该是这个才对

#downloads-indicator[attention] > #downloads-indicator-anchor > #downloads-indicator-icon {
  background-image: url("[url=chrome://browser/skin/downloads/download-glow.png]chrome://browser/skin/downloads/download-glow.png[/url]");
} ...
dkgo 发表于 2013-4-21 20:03
非常感谢,替换成功
本帖最后由 hallelujah 于 2013-4-21 20:29 编辑

简洁美观试试
标签页上面透明不给力。。。
lz问一下,你是如何准确定位每个元素的,就是用dom inspector吗?
还有我现在用的一个替换工具栏上书签菜单图标的图像,有没有可能让这个图标伸出工具栏下面一点?
附件: 您所在的用户组无法下载或查看附件
lz问一下,你是如何准确定位每个元素的,就是用dom inspector吗?
还有我现在用的一个替换工具栏上书签菜单图标的图像29793,有没有可能让这个图标伸出工具栏下面一点? ...
jinke679 发表于 2013-4-22 08:36
那样工具栏也会被拉伸。
楼主做的这款主题真是漂亮啊!但是傲游4.0.6.1200的背景是平的,好像比这款主题更阳刚更漂亮一些,能不能也把图片中的那部分修改成平的啊。好像傲游的4.0.6.1200的皮肤很漂亮,期待楼主更新。
另外,在xp下,右上角的那三个按钮显示不出来。
附件: 您所在的用户组无法下载或查看附件
本帖最后由 jinke679 于 2013-4-24 23:18 编辑

[url=https://g.mozest.com/redirect.php?goto=findpost&pid=303205&ptid=42922]78#[/url] dkgo
嗯,再问一下标签纯直角怎么写,用的win8,默认主题里还是有点弧度
另外,分割线怎么能够替换,想换成天蓝色的
lz,上面的问题已经解决了,最近也学到了不少css知识,但现在有一个问题,下面的代码能够我定义了当前标签的颜色过渡,但为什么只对文字颜色有效,背景颜色没有过渡效果呢?多谢!!
  1. /*非当前标签透明*/
  2.         .tabbrowser-tab[fadein]:not([selected]) {
  3.         -moz-appearance: none!important;
  4.         padding: 0!important;
  5.         border: 0!important;
  6.         background:transparent !important;
  7.         border-image: none !important;

  8. }
  9. /*当前标签样式*/
  10.         .tabbrowser-tab[selected] {
  11.         background-color: rgba(0,0,0,.7) !important;
  12.                 background-image: none !important;
  13. transition:color 1s!important;
  14.         box-shadow: 0 -1px 1px #888;
  15.         border: 0 !important;
  16. }
复制代码
本帖最后由 jinke679 于 2013-5-13 10:24 编辑

晕,找到了,必须定义
  1. transition:background-color 1s !important;
复制代码
看的教程上说color包含背景色了,结果不是。
可是这样写
  1. transition:background-color 1s ease-in-out!important;
  2. transition:color 1s ease-in-out!important;
复制代码
文字和背景不能同时变色
本帖最后由 dkgo 于 2013-5-13 15:15 编辑

81# jinke679

改成这样
  1. /*非当前标签透明*/
  2.         .tabbrowser-tab > .tab-stack > .tab-content:not([selected="true"]) {
  3.         -moz-appearance: none!important;
  4.         padding: 0!important;
  5.         border: 0!important;
  6.         background:transparent !important;
  7.         border-image: none !important;

  8. }
  9. /*当前标签样式*/
  10.         .tabbrowser-tab > .tab-stack > .tab-content[selected="true"] {
  11.         background-color: rgba(0,0,0,.7) !important;
  12.                 background-image: none !important;
  13. transition:color 1s!important;
  14.         box-shadow: 0 -1px 1px #888;
  15.         border: 0 !important;
  16. }
复制代码
81# jinke679

改成这样

/*非当前标签透明*/
        .tabbrowser-tab > .tab-stack > .tab-content:not([selected="true"]) {
        -moz-appearance: none!important;
        padding: 0!important;
        ...
dkgo 发表于 2013-5-13 15:14
嗯,原来是我定位不对,谢谢!!
本帖最后由 bkbill 于 2013-5-14 16:14 编辑

83# dkgo
原来楼主上线了啊。我很喜欢楼主的这款主题,可惜对代码不大懂。这个主题在xp下面有个问题,我天天看楼主你在线不,回复我的站内短信没有。这么多天了,你却对我的79楼的提问视而不见,人家的提问就认真回答,不知道什么意思。发信息也不回。算了,今天上午自己弄好。
83# dkgo
原来楼主上线了啊。我很喜欢楼主的这款主题,可惜对代码不大懂。这个主题在xp下面有个问题,我天天看楼主你在线不,回复我的站内短信没有。这么多天了,你却对我的79楼的提问视而不见,人家的提问就认真 ...
bkbill 发表于 2013-5-14 08:26
短信有看啦,新版遨游太难看了,我真的没什么信心照着改。。。。我也在纠结啊。。。。。
本帖最后由 bkbill 于 2013-5-14 16:17 编辑

86# dkgo
晕,mx4的皮肤比mx3好看多了,还是先更新mx4吧。这个主题跟win8最贴切。

菜鸟改代码不容易啊,花了半天才改好xp下的按钮效果。期待你的mx4更新。
附件: 您所在的用户组无法下载或查看附件
Version 1.2.5 更新
谢谢楼主,已更新、
火狐橙变成灰色的好丑啊。而且箭头又是黑色的