MozillaPL.org - polskie centrum Mozilli

Główne menu:

Boczny pasek narzędziowy

Dodatki rozszerzające funkcjonalność i schematy wyglądu Mozilli Firefox

Moderator: Pomocy?!

Boczny pasek narzędziowy

Postautor: krystian3w » 17 czerwca 2018, 23:01

Przeglądarka: Mozilla/5.0 (Windows NT 10.0; rv:61.0) Gecko/20100101 Firefox/61.0

beata072 pisze:2. Czy jest lub będzie możliwość dodania paska bocznego, takiego jak dodawał Vertical Toolbar w starym lisku?

https://github.com/tkhquang/userChrome.js - umożliwia dodanie takiego paska. Teraz ktoś to wykopał gdzieś na Githubie.
krystian3w
 
Posty: 288
Z nami od: 01 grudnia 2017, 15:27

Odp: Duże zmiany w Firefoksie 57 - dodatki, wygląd

Postautor: beata072 » 18 czerwca 2018, 08:05

Przeglądarka: Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:52.0) Gecko/20100101 Firefox/52.0 Cyberfox/52.5.2

@krystian3w - dziękuję :) Niestety, nie znam się na JS. Próbowałam coś z tego zrozumieć. Wydawało mi się, że najpierw trzeba wkleić do pliku userChrome.css kod podany tutaj: https://gist.github.com/Sporif/db6b3440fba0b1bcf5477afacf93f875, a następnie skopiować (bo nie znalazłam opcji pobrania) plik vertical_addonbar_single_left.uc.js stąd: https://github.com/tkhquang/userChrome. ... left.uc.js i wrzucić do folderu z profilem ew. do podfolderu chrome, jednak najwyraźniej źle myślałam albo źle zapisałam plik JS (nie wiedziałam, jakie wybrać kodowanie, ustawiłam UTF-8), bo nic to nie zmieniło :(
Mógłbyś napisać, jak prawidłowo dodać ten pasek?
beata072
 
Posty: 1079
Z nami od: 27 lutego 2010, 04:18

Odp: Duże zmiany w Firefoksie 57 - dodatki, wygląd

Postautor: krystian3w » 22 czerwca 2018, 14:29

Przeglądarka: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.170 Safari/537.36 OPR/53.0.2907.99

Trzeba by mieć przygotowany plik userchrome.css, userchrome.xml - zapożyczyłem z kodu na przycisk restartu.

userChrome.xml:
Kod: Zaznacz cały
<?xml version="1.0"?>
<!-- Copyright (c) 2017 Haggai Nuchi
Available for use under the MIT License:
https://opensource.org/licenses/MIT
 -->

<!-- Run userChrome.js/userChrome.xul and .uc.js/.uc.xul/.css files  -->
<bindings xmlns="http://www.mozilla.org/xbl">
    <binding id="js" extends="chrome://global/content/bindings/toolbarbutton.xml#menu">
        <implementation>
            <constructor><![CDATA[
                if(window.userChromeJsMod) return;
                window.userChromeJsMod = true;
               
                var chromeFiles = FileUtils.getDir("UChrm", []).directoryEntries;
                var xulFiles = [];
                var sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
               
                while(chromeFiles.hasMoreElements()) {
                    var file = chromeFiles.getNext().QueryInterface(Ci.nsIFile);
                    var fileURI = Services.io.newFileURI(file);
                   
                    if(file.isFile()) {
                        if(/(^userChrome|\.uc)\.js$/i.test(file.leafName)) {
                            Services.scriptloader.loadSubScriptWithOptions(fileURI.spec, {target: window, ignoreCache: true});
                        }
                        else if(/(^userChrome|\.uc)\.xul$/i.test(file.leafName)) {
                            xulFiles.push(fileURI.spec);
                        }
                        else if(/\.as\.css$/i.test(file.leafName)) {
                            if(!sss.sheetRegistered(fileURI, sss.AGENT_SHEET))
                                sss.loadAndRegisterSheet(fileURI, sss.AGENT_SHEET);
                        }
                        else if(/^(?!(userChrome|userContent)\.css$).+\.css$/i.test(file.leafName)) {
                            if(!sss.sheetRegistered(fileURI, sss.USER_SHEET))
                                sss.loadAndRegisterSheet(fileURI, sss.USER_SHEET);
                        }
                    }
                }
               
                setTimeout(function loadXUL() {
                    if(xulFiles.length > 0) {
                        document.loadOverlay(xulFiles.shift(), null);
                        setTimeout(loadXUL, 5);
                    }
                }, 0);
            ]]></constructor>
        </implementation>
    </binding>
</bindings>


userChrome.css:
Kod: Zaznacz cały
toolbarbutton#alltabs-button {
    -moz-binding: url("userChrome.xml#js");
}

https://github.com/tkhquang/userChrome.js/files/2130084/userchrome-js-xml.zip - same pliki podane powyżej, plik userchrome.css zabezpieczony by nie nadpisywał modyfikacji - inna nazwa (dopisane "_import").

https://github.com/tkhquang/userChrome.js,
https://github.com/tkhquang/userChrome.js/tree/master/Vertical Add-on Bar - skąd brać pliki js do dodania paska, używać można jednego dwa powodują pojawianie się 3 niechcianego na środku.

Poprzedni plik userChrome.js to dodawał przyciski na restart Firefox - zbędny.
Ostatnio zmieniony 24 czerwca 2018, 23:49 przez krystian3w, łącznie zmieniany 2 razy
krystian3w
 
Posty: 288
Z nami od: 01 grudnia 2017, 15:27

Odp: Duże zmiany w Firefoksie 57 - dodatki, wygląd

Postautor: beata072 » 22 czerwca 2018, 15:17

Przeglądarka: Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:60.0) Gecko/20100101 Firefox/60.0

Jest pasek! :D
Dziękuję :)

@Edycja:
Może moderator mógłby wydzielić te posty o pasku bocznym jako nowy temat? Jak ktoś chciałby też taki pasek sobie dodać, to byłoby mu łatwiej odszukać info...
Dziękuję :)
Ostatnio zmieniony 22 czerwca 2018, 19:21 przez beata072, łącznie zmieniany 1 raz
beata072
 
Posty: 1079
Z nami od: 27 lutego 2010, 04:18

Odp: Duże zmiany w Firefoksie 57 - dodatki, wygląd

Postautor: _Puma_ » 22 czerwca 2018, 15:36

Przeglądarka: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:61.0) Gecko/20100101 Firefox/61.0

Gdzie te paski boczne? Nic takiego nie widzę.

Edit: są paski ale bez moich modyfikacji. Dwa boczne i jeden w środku. Czarne.
_Puma_
 
Posty: 652
Z nami od: 31 października 2005, 19:34

Odp: Duże zmiany w Firefoksie 57 - dodatki, wygląd

Postautor: beata072 » 22 czerwca 2018, 16:34

Przeglądarka: Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:52.0) Gecko/20100101 Firefox/52.0 Cyberfox/52.5.2

@_Puma_ - bez Twoich modyfikacji, bo żeś se pewnie podmienił plik userChrome.css, zamiast tylko wkleić do niego ten wpis. A przecież krystian3w wyraźnie o tym ostrzegał :P
Pasek mam 1. W folderze są 2 do wyboru: lewy i prawy. Ja sobie prawy wyrzuciłam, bo potrzebuję tylko po lewej. A skąd Ci się wziął po środku, to nie mam pojęcia :shock:
No czarny jest, ale mi to nie przeszkadza.
beata072
 
Posty: 1079
Z nami od: 27 lutego 2010, 04:18

Odp: Boczny pasek narzędziowy

Postautor: krystian3w » 23 czerwca 2018, 02:23

Przeglądarka: Mozilla/5.0 (Windows NT 10.0; rv:61.0) Gecko/20100101 Firefox/61.0

Środkowy z paczki chyba wywaliłem przed wrzuceniem, bo nie można stosować więcej niż dwóch a ten z środka to autor skryptu określił chyba nawet eksperymentalnym - środkowy przy zastosowaniu obu to pewnie jeden zbublowany.
Możliwe, że to też ten pasek co się może rozciągać na szerokość kilku kolumn.


_Puma_ pisze:Edit: są paski ale bez moich modyfikacji. Dwa boczne i jeden w środku. Czarne.

Jak masz włączone przywracanie systemu lub coś (poprzednie wersje pliku?) to z pomocą niego próbuj odzyskać swój plik userchrome.css.

Za kolor jak mówiłem może odpowiadać paczka plików z 2017 (userchrome.xml, userchome.js), autor projektu nie daje bezpośrednio polecanych plików a rozsyła po kilku wątkach reddita.
Jak nie znajdę nowszych plików / lepszych (userchrome.xml, userchome.js) to chyba trzeba go sobie samodzielnie podkolorować.
Ostatnio zmieniony 23 czerwca 2018, 18:34 przez krystian3w, łącznie zmieniany 2 razy
krystian3w
 
Posty: 288
Z nami od: 01 grudnia 2017, 15:27

Odp: Duże zmiany w Firefoksie 57 - dodatki, wygląd

Postautor: _Puma_ » 23 czerwca 2018, 10:16

Przeglądarka: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:61.0) Gecko/20100101 Firefox/61.0

beata072 pisze:Pasek mam 1. W folderze są 2 do wyboru: lewy i prawy. Ja sobie prawy wyrzuciłam, bo potrzebuję tylko po lewej. A skąd Ci się wziął po środku, to nie mam pojęcia :shock:

Wygląda to dosyć kuriozalnie :D
http://prntscr.com/jycvzq

A tak właściwie co te paski dają oprócz tego że są?
_Puma_
 
Posty: 652
Z nami od: 31 października 2005, 19:34

Odp: Boczny pasek narzędziowy

Postautor: beata072 » 23 czerwca 2018, 10:20

Przeglądarka: Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:52.0) Gecko/20100101 Firefox/52.0 Cyberfox/52.5.2

Faktycznie, dziwny ten pasek po środku. Ja mam tylko po lewej. A jakie masz teraz pliki w tym folderze chrome?
beata072
 
Posty: 1079
Z nami od: 27 lutego 2010, 04:18

Odp: Boczny pasek narzędziowy

Postautor: _Puma_ » 23 czerwca 2018, 10:21

Przeglądarka: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:61.0) Gecko/20100101 Firefox/61.0

Tylko te co były w pliku .zip
_Puma_
 
Posty: 652
Z nami od: 31 października 2005, 19:34

Odp: Boczny pasek narzędziowy

Postautor: krystian3w » 23 czerwca 2018, 18:04

Przeglądarka: Mozilla/5.0 (Windows NT 10.0; rv:61.0) Gecko/20100101 Firefox/61.0

Widać konflikt jakby użyć obu naraz, więc jak testowałem to wywaliłem całą daną stronę jednak i wersje wielokolumnowe.
Co do bycia, to taka alternatywa jak ktoś nie lubił poziomego paska dodatków i używał np. https://addons.mozilla.org/pl/firefox/a ... l-toolbar/
Pasek kolor zmienia na biały w domyślnym motywie przy innych jest czarny.

Trochę zedytowałem post i usunąłem zbędny plik js co dodawał przycisk restartu a nie jest potrzebny do poziomych pasków np. na ikony dodatków.
__________________________________________________________________________________________________________________________________________________

Jakby ktoś chciał uproszczoną wersje pliku userChrome.xml to może zobaczyć ten:


Kod: Zaznacz cały
<?xml version="1.0"?>

<bindings id="generalBindings"
  xmlns="http://www.mozilla.org/xbl"
  xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
  xmlns:xbl="http://www.mozilla.org/xbl">

  <binding id="execute_javascript_code" extends="chrome://global/content/bindings/toolbarbutton.xml#menu">
   <implementation>
     <constructor>
      <![CDATA[
       
        function load_js_script(js_file_name) {
          Services.scriptloader.loadSubScript(Components.stack.filename.substring(0,
            Components.stack.filename.lastIndexOf("/") + 1) + js_file_name, window);
        }
       
        load_js_script("custom_scrollbars.uc.js");
       
        // load other scripts
        // load_js_script("my_script_name.uc.js");

      ]]>
     </constructor>
   </implementation>
  </binding>
</bindings>

__________________________________________________________________________________________________________________________________________________

Ciekawe czy już ktoś zrobił taki pasek działający bez XBL / moz-binding. Bo ten pewnie przestanie działać jak zakończy się usuwanie z Firefox XBL / moz-binding.
krystian3w
 
Posty: 288
Z nami od: 01 grudnia 2017, 15:27


Wróć do Rozszerzenia dla Firefoksa

Kto jest online

Zarejestrowani użytkownicy: Bing [Bot], Google [Bot]

Przejdź do powiązanej strony

Nawigacja:

Stopka: