所罗门
小狐狸
小狐狸
  • UID33218
  • 注册日期2010-06-30
  • 最后登录2010-08-04
  • 发帖数11
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
阅读:4078回复:11

新手修改了下FF外观,还有很多问题不懂,望不吝分享

楼主#
更多 发布于:2010-07-25 22:55
用惯opera了,发现折腾起firefox还算比较容易上手,但毕竟了解不深,有些问题还望指教。
    xp、4.0b3、Hide Caption Titlebar Plus+userChrome.css得图中效果[/list:u]
    我懂一点css,参考别人的做了些修改,先分享一下代码:
    /*菜单按钮样式*/
    #appmenu-button-container {
    	position: fixed !important;
    }
    #appmenu-button {
    	height: 22px !important;
    	padding-left: 5px !important;
    	padding-right: 1px !important;
    }
    /*标签栏背景*/
    #TabsToolbar {
    	padding-left:78px !important;
    	background-color: #889EAA !important;
    }
    /* 地址栏、搜索栏、页面查找栏 圆角*/
    #urlbar, .searchbar-textbox, .findbar-textbox {
    	-moz-appearance: none !important;
    	-moz-border-radius: 15px !important;
    	background-color: #889AA7 !important;
    	color:#F88C22!important;
    	font-size:14px!important;
    }
    /* 标签颜色、动态 */
    /*默认未选中标签宽度100px*/
    .tabbrowser-tab {
    	margin-top: -2px !important;
    	max-width:100px !important;
    } 
    
    /*选中标签长度、颜色、字体,hover事件样式  */
    .tabbrowser-tab[selected="true"] {
    	min-width: 200px !important;
    	font-weight:bold !important;
    	color: blue !important;
    }
    .tabbrowser-tab[selected="true"]:hover {
    	color:#F60!important;
    	text-shadow: 1px 1px #000 !important;
    }
    /* 未选中标签动态、样式 */
    .tabbrowser-tab:not([selected]) {
     background-color: #568585!important;
     color: #fff !important;
     -moz-opacity: .50 !important;
    }
    .tabbrowser-tab:not([selected]):hover {
     min-width: 300px !important;
     color: #FC0!important;
     font-weight: bold!important;
     text-shadow: 1px 1px #000 !important;
     -moz-opacity: 1 !important;
    }

    以下是问题:
      1.如图中问题,还是不要插什么的办法了吧,不喜欢
      2.新建标签总觉得弹出很生硬,有什么办法做出一个淡入淡出的效果?
      3.如何获取载入过程的事件,想给标签载入过程加个动态:D
      4.有没有人收集过一个完整的FF界面元素的名称列表?分享一下,先谢。比如我现在知道.tabbrowser-tab为标签,#urlbar为地址栏,但是还有很多元素我不知道名字,也不清楚之间的层级附属关系,无从下手,也许给我这样一个列表我就能自己解决很多问题了。
      5.config里很多不懂的,有没有一个中文的解释呢?[/list:u]
      呵呵,问题挺多,望不吝分享!
所罗门
小狐狸
小狐狸
  • UID33218
  • 注册日期2010-06-30
  • 最后登录2010-08-04
  • 发帖数11
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
1楼#
发布于:2010-07-25 22:55
alanfly
4.firefox的界面元素id和结构可以用dom inspector扩展查看;
回到原帖

哦,原来是这样!谢了
其实能找到id我的问题估计也就能解决一半了,不过扩展对4.0b3pre的兼容还是有问题,即使是设置了不检查版本,估计得晚些时候才能试
像问题2.3.有研究过麽?给点提示吧
 
所罗门
小狐狸
小狐狸
  • UID33218
  • 注册日期2010-06-30
  • 最后登录2010-08-04
  • 发帖数11
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
2楼#
发布于:2010-07-25 22:55

2,3.firefox4会加入这个效果,在论坛里看见过视频了。

原来是我out了,那就再等等吧,我觉得得用js来解决,但是我对js不熟。
剩下就只有config了,那一大对东西看起来还真头痛
所罗门
小狐狸
小狐狸
  • UID33218
  • 注册日期2010-06-30
  • 最后登录2010-08-04
  • 发帖数11
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
3楼#
发布于:2010-07-25 22:55
alanfly:2,3可以先用这个扩展:Liquid Tabs :: Add-ons for Firefox
about:config据我所知只有英文解释:About:config entries - MozillaZine Knowledge Base
回到原帖

要加扩展就先搁置下来了,我还是不喜欢加太多扩展,直接有代码的最好,哈哈。
  阴沟里死!
总比没有好,有空慢慢研究
游客

返回顶部