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

Mozest™

  • 正在加载用户菜单…

开放、分享、互助

转播到腾讯微博
返回列表 回复 发帖

[求助] 关于自动隐藏侧边栏、空白页透明的求助

1、目前用的是Optimoz Tweaks扩展来实现左侧边栏自动隐藏和触发,但是会挤压页面,不知道能不能用userChrome.css来实现呢,论坛搜索了,试用了一些代码,没有成功。另外,想修改一下侧栏的背景色,如何修改

2、空白页透明用Stylish---Firefox 4 About:Blank Glass实现了,但是不知道能不能用userChrome.css来实现
1.肯定是可以实现的,http://userstyles.org/styles/45720/snow-leopard-sidebar这个模拟苹果侧边栏的脚本就不会挤压页面,稍作修改,去掉那些改动颜色设置之类的代码应该就行了。
2.把Stylish代码复制到userChrome.css里面通常都是可以直接用的,至少我就没碰过不行的。
2# tyjk

1、谢谢,第一条已经解决的差不多了,就剩侧边栏的颜色问题了,淡绿不太协调不知道有没有方法解决


2、如你所说的,把Stylish的代码是不是不作任何修改,直接复制进userChrome.css吗? 为什么我试了两个,空白页透明和滚动条透明都不行呢,
代码如下

空白页透明

#appcontent,
#content > tabbox > tabpanels {
  background-color: transparent !important;
}

#main-window[inFullscreen="true"]{
  -moz-appearance: -moz-win-borderless-glass !important;
  background: none !important;
}

#main-window[stylish-url="about:blank"]:not([onclose^="PrintUtils"]):not([title^="View Source Chart"]) #content browser{
opacity: 0 !important;
}

滚动条透明
scrollbar
{
opacity: .5 !important;
}
1.淡绿??这脚本是淡绿色的吗??

2.透明空白页我测试了下,写到css里是有效的。
透明滚动条似乎有些什么问题,在另一个帖子里有说到,有些人可以有些不行。我试了下在Stylish可以,写到css里就不行了。
本帖最后由 tyjk 于 2011-4-19 23:16 编辑

背景色可以用这句改(似乎改的范围有点大,还可以进行限制的,麻烦死。。。。)
  1. #bookmarksPanel *,#history-panel *{background-color: blue !important}
复制代码
PS:我还收藏着个自动隐藏和显示侧边栏的脚本,没找到地址,直接贴代码:
  1. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

  2. #sidebar-box {
  3.         min-width:0;
  4.         max-width:1px !important;
  5.         overflow-x: hidden !important;
  6. }

  7. #sidebar,#sidebar-title,#sidebar-box .tabs-closebutton { visibility:hidden; }

  8. #sidebar-box:hover { max-width:none !important; }

  9. #sidebar-box:hover #sidebar,#sidebar-title,#sidebar-box .tabs-closebutton {
  10.         visibility:visible;
  11. }

  12. #sidebar-splitter {
  13.         border-width: 0px !important;
  14.         min-width: 0!important;
  15.         max-width: 0!important;
  16. }

  17. #sidebar-box:hover + #sidebar-splitter {
  18.         border-width: 0 1px !important;
  19.         min-width: 4px!important;
  20.         max-width: 4px!important;
  21. }
复制代码
4# tyjk
如图所示
淡绿色指的是侧边栏的颜色,与浏览器不太协调,不知道怎么改颜色
本帖最后由 tyjk 于 2011-4-19 23:23 编辑

6# soulpower89

图看不了。。。请传附件。。。然后我快要被断网了。。。这破学校。。。
话说5楼的代码试过没有??
本帖最后由 soulpower89 于 2011-4-20 10:48 编辑

7# tyjk

呵呵,谢谢,5楼的那个背景色的代码试了,调了一下,现在侧栏的背景色比较满意了,下面还有个问题
     


但尴尬的是那个空白页透明的代码复制进userChrome.css仍然没有效果
,我疑惑的是里面那段#main-window[stylish-url="about:blank"]浏览器应该识别不了,你的能行是不是因为你没有禁用着Stylish扩展。(其实我就是想少用一些扩展,能用css取代的就尽量取代。)
附件: 您所在的用户组无法下载或查看附件
嗯,确实,禁用掉Stylish后就不行了。
只能说不必全靠脚本了,扩展也有扩展的好处,就我的感觉,脚本并不见得就比扩展快或者不占资源之类的。
9# tyjk

你这么一说我就放心了,感谢对小白的热心回复。另外,有什么比较好的截图脚本或扩展吗?
本帖最后由 tyjk 于 2011-4-20 14:23 编辑

10# soulpower89

截图我个人很喜欢用Abduction!,功能简单但很实用。
脚本区我记得也有一个脚本。
另外其实我也是小白,互相学习而已,帮你解决问题的同时我自己也学到了不少。

---------------------------
脚本叫captureWebPage_for_userChrome,在https://g.mozest.com/thread-26773-1-1

此外还有个FG的手势。
本帖最后由 soulpower89 于 2011-4-20 16:12 编辑

11# tyjk

Abduction!相当满意,谢谢。最后一个问题:有没有脚本能添加“浏览器重启”这个选项到右键菜单或火狐橙菜单?

我找到的这个脚本有多余或重复的选项,又不会改脚本,比如我要去掉右边的重复的“帮助、历史、书签”和左边的“错误控制台”,代码如下

// ==UserScript==
// @name      CompactMenu for firefox 4
// @version   1.0
// @author    GOLF-AT
// ==/UserScript==


(function() {
    var n, Item, Menus, mMenu, Popup, FavIDs, APane;

    FavIDs = [
        'restart#\u91CD\u542F Firefox', /* 重启 */
        '-', /* 分割线 */
        'javascriptConsole',   /* 错误控制台 */
        'menu_inspector',      /* DOM Inspector */
        'menu_tabview',        /* 分组您的标签*/
        'sanitizeItem'         /* 清空最近历史记录 */
        ];

    Popup = document.getElementById('appmenu-popup');
    if (!Popup) return;

    //隐藏菜单栏
    Item = document.getElementById('toolbar-menubar');
    if (Item.getAttribute('autohide') != 'true') {
        Item.setAttribute('autohide', true);
        document.persist(Item.id, 'autohide');
        updateAppButtonDisplay();
    }

    APane = document.getElementById('appmenuPrimaryPane'
        );
    for(n=0; n<FavIDs.length; n++) {
        var FavID = FavIDs[n];
        if (FavID=='-' || FavID.substr(0,8)=='restart#') {
            Item = document.createElement(FavID!='-' ?
                'menuitem' : 'menuseparator');
            if (FavID != '-') {
                Item.setAttribute('label', FavID.substr(8
                    ));
                Item.setAttribute('oncommand', 'Applicati'
                    +'on.restart()');
            }
        }
        else {
            Item = document.getElementById(FavID);
            if (Item) {
                Item = Item.cloneNode(true);
                Item.removeAttribute('key');
            }
        }
        if (Item!=null) APane.appendChild(Item);
    }

    /* 将 Firefox 主菜单添加到下拉菜单右侧的最下面 */
    APane = document.getElementById('appmenuSecondaryPane'
        );
    Menus = ('appmenu-split|file-menu|edit-menu|view-menu'
        +'|history-menu|bookmarksMenu|tools-menu|helpMenu'
        ).split('|');
    Popup.addEventListener('popupshowing', function(e) {
        for(n=(e.target==Popup?0:Menus.length); n<Menus.
            length; n++) {
            Item = document.getElementById(Menus[n]);
            if (n == 0) {
                if (Item != null) {
                    Item.hidden = false; Item = null;
                }
                else {
                    Item = document.createElement('menu'
                        +'separator');
                    Item.id = Menus[0];
                }
            }
            if (Item) APane.appendChild(Item);
        }}, false);
    Popup.addEventListener('popuphiding', function (e) {
        mMenu = document.getElementById('main-menubar');
        for(n=(e.target==Popup?0:Menus.length); n<Menus.
            length; n++) {
            Item = document.getElementById(Menus[n]);
            if (Item && n==0) Item.hidden = true;
            if (Item && n!=0) mMenu.appendChild(Item);
        }}, false);
})();
附件: 您所在的用户组无法下载或查看附件
本帖最后由 tyjk 于 2011-4-20 16:41 编辑

12# soulpower89
左边的删掉这句就可以了,在它下面的几项如果不需要也是可以删掉的:
  1. 'javascriptConsole',   /* 错误控制台 */
复制代码
右边的应该是要隐藏菜单栏上的相应菜单才可以,用css:
#helpMenu,#bookmarksMenu,#history-menu
{display:none!important;}
本帖最后由 tyjk 于 2011-4-20 16:49 编辑
12# soulpower89
左边的删掉这句就可以了,在它下面的几项如果不需要也是可以删掉的:'javascriptConsole',   /* 错误控制台 */
右边的应该是要隐藏菜单栏上的相应菜单才可以,用css:
#helpMenu,#bookmarksMenu,# ...
tyjk 发表于 2011-4-20 16:26
刚才似乎理解错了,右边的应该是这个,要不感觉怪怪的:
  1. #appmenuSecondaryPane-spacer,#appmenu_history,#appmenu_bookmarks,#appmenu_help   {display: none !important;}
复制代码
13# tyjk

我试了一下,无论左边还是右边都不行,可能涉及到函数,我还是等制作那个脚本的GOLF-AT回答吧
。。。。
附件: 您所在的用户组无法下载或查看附件
16# tyjk

额,能直接把你的代码贴出来吗? 就看中你这个了
本帖最后由 tyjk 于 2011-4-20 20:05 编辑

17# soulpower89

就是我前面13,14楼贴的那个啊,不知道为什么你会无效。。。
只是把错误控制台那句注释掉:


火狐橙按钮里其实我隐藏掉了不少,14楼只是部分,全部的如下:
  1. #appmenu_print {display: none !important;}
  2. #appmenu_sendLink {display: none !important;}
  3. #sync-syncnowitem-appmenu  {display: none !important;}
  4. #sync-setup-appmenu {display: none !important;}

  5. #appmenuSecondaryPane-spacer  {display: none !important;}
  6. #appmenu_history  {display: none !important;}
  7. #appmenu_bookmarks  {display: none !important;}
  8. #appmenu_help   {display: none !important;}

  9. menuitem[id="appmenu_print"],
  10. menuitem[id="appmenu_sendLink"],
  11. menuseparator[class="appmenu-menuseparator"] { display: none !important; }


  12. #appmenu-edit-label  { display: none !important; }
  13. #appmenu-cut  { display: none !important; }
  14. #appmenu-copy  { display: none !important; }
  15. #appmenu-paste  { display: none !important; }
  16. #appmenu-editmenu   { display: none !important; }
复制代码
附件: 您所在的用户组无法下载或查看附件
18# tyjk

好的,我再试试,那你的火狐橙菜单透明是怎么弄的?
本帖最后由 soulpower89 于 2011-4-20 21:03 编辑

20# tyjk

1、我是先用记事本打开这个脚本,也就是“加强合并菜单Compact_menu_ff4.uc.js”,然后找到'javascriptConsole',无论是把它圈入注释里面,还是直接删掉,保存重启后火狐橙菜单选项都是恢复浏览器初始状态

2、另外,查找这个选项删除是用#appmenu-find {display:none !important;}吗?? 貌似ID不对啊
------------------------------------------
2、搞定了,应该是下划线#appmenu_find
本帖最后由 tyjk 于 2011-4-20 21:13 编辑

21# soulpower89
1.然后用记事本还原后会回来吗??

2.汗啊~~我的脚本里有这句的,复制的时候没复制进去~~
21# soulpower89
1.然后用记事本还原后会回来吗??

2.汗啊~~我的脚本里有这句的,复制的时候没复制进去~~
tyjk 发表于 2011-4-20 21:11
1.如果没回来可能就是编码的问题,要保存为UTF-8.


先走开了~~
本帖最后由 soulpower89 于 2011-4-20 21:24 编辑

23# tyjk

是保存的UTF-8,是会还原成没用脚本前的默认式样,先这样用吧。呵呵,一下子问了这么多问题,谢!
本帖最后由 tyjk 于 2011-4-20 21:57 编辑

呼~~洗完澡了~~

直接把我改的发上来吧。
附件: 您所在的用户组无法下载或查看附件
本帖最后由 soulpower89 于 2011-4-21 09:40 编辑

25# tyjk

你这个下载下来可以用。  我发现,可能是我的记事本程序有问题,所有uc.js下载下来都能用,但是,用记事本打开之后,哪怕原封不动的另存一下,放到chrome文件夹里都会失效,更别提修改了,相当不解啊
----------------------------------------------------------------------------
我大概懂了,置顶帖里说到的记事本问题  
附件: 您所在的用户组无法下载或查看附件
utf-8还有带签名不带签名2,估计是这个问题,换个好点的文本编辑器吧,免费的notepad2,notepad++,收费的emeditor等都不错(收费其实也是免费的对不对?)
我的回帖都是滥竽充数的,有其它人回帖时一般可以无视我哈~~
27# dindog

恩,疑惑终于解开,确实是系统自带记事本的问题,对于一无所知的人来说,追求定制自己喜欢的firefox真涨知识
上面的都有人说了。。放个4.0下的侧边栏代码
左边的:
  1. /* 自动隐藏侧边栏 */
  2. #sidebar-header{display: none !important;}
  3. #sidebar-splitter{display:none !important;}
  4. #sidebar-box:hover {left:0px !important; -moz-transition: left 0s .5s ease-out;}  /* time1-弹出快慢,time2-触发时间 */
  5. #sidebar-box{position:fixed; top:0px; bottom:0px; width:300px; left: -299px; padding-left:0px !important;}
  6. #sidebar{height:100%; width:100%!important; border-left:0px inset -moz-use-text-color !important;}
复制代码
右边的
  1. /* 自动隐藏侧边栏 */
  2. #sidebar-header{display: none !important;}
  3. #sidebar-splitter{display:none !important;}
  4. #sidebar-box:hover {right:0px !important; -moz-transition: right 0s .5s ease-out;}  /* time1-弹出快慢,time2-触发时间 */
  5. #sidebar-box{position:fixed; top:0px; bottom:0px; width:300px; right: -299px; padding-right:0px !important;}
  6. #sidebar{height:100%; width:100%!important; border-right:0px inset -moz-use-text-color !important;}
复制代码
位置不对或者不弹出的修改下面几个参数
top:0px; bottom:0px; width:300px; right: -299px
本帖最后由 tyjk 于 2011-4-21 22:04 编辑
utf-8还有带签名不带签名2,估计是这个问题,换个好点的文本编辑器吧,免费的notepad2,notepad++,收费的emeditor等都不错(收费其实也是免费的对不对?) ...
dindog 发表于 2011-4-21 10:04
免费的,notepad2很小巧,但功能比较少,不过改改代码还是足够的;notepad++虽然也不错,不过很不喜欢,不仅是因为那次事件,也有软件的原因,中文版还到处英语等等;另外推荐RJ TextEd,我现在用的,功能很多而且强大,只是启动有点慢。
收费的,还是不推荐去破解,也算支持正版,能用免费的替代就尽量不用盗版。。。。虽然我的Win7也是盗版货