黑色幻客吧 关注:37贴子:1,142

firefox的一些界面元素记录

只看楼主收藏回复

1L


回复
1楼2012-12-11 13:43
    主界面,整个浏览器界面都属于他,好像禁止透明
    id:main-windows

    火狐橙按钮
    id=appmenu-button-container

    标题栏
    id:titlebar

    id:titlebar-content,和上面那个差不多

    火狐橙按钮
    appmenu-button 窄一点

    火狐主菜单
    appmenu-popup(有两个子box)

    火狐主菜单第一视窗
    appmenuPrimaryPane

    火狐主菜单第二视窗
    appmenuSecondaryPane

    右上角三按钮的框架结构
    titlebar-buttonbox-container

    右上角三个按钮
    titlebar-buttonbox

    最小化按钮
    titlebar-min (class=titlebar-button

    还原按钮
    titlebar-max (class=titlebar-button)

    关闭按钮
    titlebar-max (class=titlebar-button)

    火狐按钮以下的面板都包括在内
    tab-view-deck

    (与deck同)
    browser-panel

    主工具窗体——包括各种栏
    navigator-toolbox

    导航栏
    nav-bar (class=toolbar-primary)

    前进后退按钮
    unified-back-forward-button(class=chromeclass-toolbar-addional)

    刷新按钮
    reload-button

    主页按钮
    home-button

    地址栏框架
    urlbar-container(class=chromeclass-location)

    地址栏
    urlbar

    搜索栏框架
    search-container

    (地址栏前端的)网站信息图标外层
    identity-box

    网站信息图标
    identity-box-inner

    类似于上面
    page-proxy-stack

    同上
    page-proxy-favicon(img)


    回复
    2楼2012-12-11 13:57
      处在地址栏内部的刷新图标
      urlbar-reload-button

      搜索栏
      searchbar

      书签面板
      PersonalToolbar

      书签栏 和上面那个差不多
      personal-bookmarks

      标签栏面板
      TabsToolbar

      和上面差不多
      tabbrowser-tabs

      单个标签的class
      tabbrowser-tab

      所有那些小按钮的class
      class=toolbarbutton-1

      新建按钮
      class=tabs-newtab-button

      网页标识小icon
      class=tab-icon-image


      回复
      3楼2012-12-11 14:05
        >>>>>>>>>>>stylish的css常用方法<<<<<<<<<<<<

        选择的对象{属性1:值!important;属性2:值!important;........;}
        对象选择有ID的用#加上id名 如#main-windows
        有类名的用.加类名 如 .tabs-newtab-button
        应用多个对象则用逗号隔开
        如#xxxxx,.yyyy{.....}
        对象的常用属性有背景颜**ackground(或background-color)
        颜色可以用小写的单词表示如pink red
        也可以用16进制 #ffffff
        也可以用rgb如 rgb(0,0,0)
        还可以用rgba(0,0,0,0.5),最后一个是透明度 ,0是全透明
        再一个属性是可见性(即隐藏)display 值有none(none是隐藏)
        还有诸如背景图background-image 值是url("地址")
        对于框模型
        还有设置内边距(pdadding)外边距 (margin)边界 (border)高度 (height))宽度(width)等,他们的值一般用px(相素),可以与top left right bottom搭配
        如#main-window{margin-top:8px!important;}表示主界面的外边距是8像素,这样火狐橙色按钮以下内容都往下移动了8px;


        回复
        4楼2012-12-11 14:06
          水滴


          回复
          5楼2013-03-08 15:04
            水滴


            回复
            6楼2013-03-08 15:04
              水滴


              回复
              7楼2013-03-08 15:04
                水滴


                回复
                8楼2013-03-08 15:04
                  **


                  回复
                  9楼2013-03-08 15:05
                    **


                    回复
                    10楼2013-03-08 15:05
                      黑色幻灵


                      回复
                      11楼2013-03-08 15:06
                        黑色幻灵


                        回复
                        12楼2013-03-08 15:06


                          回复
                          13楼2013-03-15 00:03
                            啊哈哈


                            回复
                            14楼2013-03-16 15:13
                              123


                              回复
                              15楼2013-03-16 15:13