1. Nachrichten
  2. Forum
    1. Unerledigte Themen
    2. Forenregeln
  3. Spenden
  • Anmelden
  • Registrieren
  • Suche
Alles
  • Alles
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche
  1. camp-firefox.de
  2. Mira_Belle

Beiträge von Mira_Belle

  • uBlock Origin: Erkennen, welcher Filter etwas auf einer Webseite blockt?

    • Mira_Belle
    • 13. Dezember 2022 um 12:00

    Ja, sorry.

    Also wenn ich auf den Button Protokoll der Netzwerkanfragen klicke,

    geht ein neues Fenster auf, dann benutze ich den Filter blockiert.

    So weit, so gut, nur wie genau würde ich denn jetzt, wie in diesem Beispiel, erkennen können,

    welche Filterliste dafür verantwortlich ist, dass das Feld zur Angabe der E-Mail-Adresse ausgeblendet ist?

  • uBlock Origin: Erkennen, welcher Filter etwas auf einer Webseite blockt?

    • Mira_Belle
    • 13. Dezember 2022 um 11:21

    Danke DenalB für Deine Frage.

    Ich habe hin und wieder das gleiche Problem.

    Zitat von Sören Hentzschel

    Hallo,

    Zweites Symbol von rechts. Rot oder Gelb hinterlegte Zeilen sind blockierte Elemente. Ein Klick auf die entsprechende Zeile liefert die Details.

    Danke Sören Hentzschel für Deine Antwort.

    Ich verstehe nur nicht ganz, oder auch gar nicht.

  • Firefox öffnet bestimmte Seite nicht mehr

    • Mira_Belle
    • 12. Dezember 2022 um 13:05

    Servus und willkommen.

    Wie wäre es mit einem direkten Link?

  • About Seiten mit CSS Codes anpassen

    • Mira_Belle
    • 12. Dezember 2022 um 07:52

    Es hat mir keine Ruhe gelassen!

    Habe "mein/e" Problem/e aber lösen können.

    Wichtig!

    CSS
        #faviconid {
            -moz-box-ordinal-group: 2 !important;
        }

    Damit der eingefügte Text auch an der "richtigen" Stelle erscheint!

    Hat etwas gedauert, bis ich DAS geschnallt hatte.

    Nun erschien der Text aber immer, so lange wie eine Seite noch geladen und im Aufbau war.

    Auch das konnte ich lösen.

    Nicht #identity-box.notSecure box#identity-icon-box.identity-box-button::after

    sondern #identity-box[pageproxystate="valid"].notSecure box#identity-icon-box.identity-box-button::after

    brachte den Erfolg.

    Nun ist/war der Abstand vom Text zu dem davor stehenden Symbol doch recht knapp.

    Irgendwie bin ich auf folgende Lösung gekommen:

    CSS
        [collapsed="true"] {
            visibility: visible !important;
        }

    Habe ich etwas vergessen?

    Ach, nun hier präsentiere ich "meinen", hoffentlich fertigen, Code:

    CSS
        .tabbrowser-tab[label="Warnung: Mögliches Sicherheitsrisiko erkannt"] .tab-icon-image {
            fill: #ff0000 !important;
        }
        
        
        #faviconid {
            -moz-box-ordinal-group: 2 !important;
        }
        [collapsed="true"] {
            visibility: visible !important;
        }
        
        #identity-box.certErrorPage.notSecureText box#identity-icon-box.identity-box-button  {
            font-size: 0 !important;
        }
    
        #identity-box.certErrorPage.notSecureText box#identity-icon-box.identity-box-button::after {  
            color: red !important; 
            content: "! Achtung !" !important;
            font-size: 15px !important;
            font-weight: bold !important;
        }
    
        #identity-box.certErrorPage.notSecureText box#identity-icon-box.identity-box-button image#identity-icon {
        fill: red !important;
        }
    
        #identity-box.certErrorPage.notSecureText box#identity-icon-box.identity-box-button image#faviconid.faviconclass {
            filter: invert(15%) sepia(75%) saturate(4294%) hue-rotate(354deg) brightness(108%) contrast(120%) !important;
        }
    
    
        #identity-box[pageproxystate="valid"].notSecure #identity-icon {
            fill: red !important;
        }
    
    
        #identity-box[pageproxystate="valid"].notSecure box#identity-icon-box.identity-box-button::after { 
            color: red !important;
            content: " ! Nicht sicher !" !important;
            font-size: 15px !important;
            font-weight: 800 !important;
    }
    Alles anzeigen
  • About Seiten mit CSS Codes anpassen

    • Mira_Belle
    • 11. Dezember 2022 um 22:59

    Hätte da noch ein kleines Problem!

    OK, so klein ist es dann doch wieder nicht :!:

    Bei einer "Unsicheren" Verbindung:

    Es fehlt der Text zwischen dem "Schloss" und dem Icon.

    Wie man hier in der markierten Zeile erkennen kann, steht recht am Ende value="" und

    dann zum Schluss collapsed="true"

    Wenn ich nun value="Test"  ändere und collapsed="true" komplett lösche,

    erscheint Test zwischen den Symbolen.

    Wie bekomme ich das dauerhaft "gespeichert"?

    Nachtrag!

    In diesem Zusammenhang könnte dieses Bild wichtig sein.

  • About Seiten mit CSS Codes anpassen

    • Mira_Belle
    • 11. Dezember 2022 um 19:10

    Nochmals Danke!

    Warum auch immer klappte es mit "meinem" JavaStript nicht, das Icon NACH dem Text anzusprechen

    und entsprechend einzufärben!

    JavaScript
    // 'Favicon in urlbars identity box' script for Firefox 92+ by Aris
    //
    // This script restores current pages favicon inside urlbar (aka location bar, address bar or awesome bar).
    // [!] If a page does not offer a favicon, browser branches default icon is shown.
    // [!] In a multi-window environment pages without favicons might show wrong icons.
    // option: set icon for pages without favicon
    
    var i_icon = 'chrome://global/skin/icons/info.svg';
    var sheet = 'chrome://global/skin/icons/Portrait.png';
    var brand = 'chrome://branding/content/icon32.png';
    var globe = 'chrome://global/skin/icons/defaultFavicon.svg';
    
    var icon_for_pages_without_favicon = brand; // i_icon, sheet, globe or brand (colorized Fx channel icon)
    
    var favicon_click_opens_page_info_window = false;
    
    var FaviconInUrlbar = {
     init: function() {
       try {
           
        var favimginurlbar = document.createXULElement("image");
        favimginurlbar.setAttribute("id","favimginurlbar");
          
        if(favicon_click_opens_page_info_window)
          favimginurlbar.setAttribute("onclick","gIdentityHandler.handleMoreInfoClick(event);");      
          
        favimginurlbar.style.width = "16px";
        favimginurlbar.style.height = "16px";
        favimginurlbar.style.marginLeft = "3px";
        favimginurlbar.style.marginRight = "3px";
        favimginurlbar.style.marginTop = "3px";
        favimginurlbar.style.marginBottom = "3px";
        
        //document.getElementById('identity-box').insertBefore(favimginurlbar,document.getElementById('identity-box').firstChild);
        document.getElementById('identity-box').appendChild(favimginurlbar);
    
        // update script every time tab attributes get modified (switch/open tabs/windows)
        document.addEventListener("TabAttrModified", updateIcon, false);
        document.addEventListener('TabSelect', updateIcon, false);
        document.addEventListener('TabOpen', updateIcon, false);
        document.addEventListener('TabClose', updateIcon, false);
        document.addEventListener('load', updateIcon, false);
        document.addEventListener("DOMContentLoaded", updateIcon, false);
    
    
        function updateIcon() {
            
         setTimeout(function(){ // timeout fixes wrong icon detection in some cases
          
          // get current tabs favicon
          var favicon_in_urlbar = gBrowser.selectedTab.image;
          
          // if current tab offers no icon, use selected icon (icon_for_pages_without_favicon)
          if(!gBrowser.selectedTab.image || gBrowser.selectedTab.image == null)
            if(!icon_for_pages_without_favicon) favicon_in_urlbar = brand;
              else favicon_in_urlbar = icon_for_pages_without_favicon;
              
          document.querySelector('#favimginurlbar').style.listStyleImage = "url("+favicon_in_urlbar+")";
          
         },100);
    
        }
    
      } catch(e) {}
     }
    };
    
    // initiate script after DOM/browser content is loaded
    document.addEventListener("DOMContentLoaded", FaviconInUrlbar.init(), false);
    Alles anzeigen

    Habe nur das RE: About Seiten mit CSS Codes anpassen von 2002Andreas genommen und es klappt wie von mir gewünscht.

    "Mein" Code:

    CSS
    @-moz-document url(chrome://browser/content/browser.xhtml) {
    
        .tabbrowser-tab[label="Warnung: Mögliches Sicherheitsrisiko erkannt"] .tab-icon-image {
            fill: #ff0000 !important;
        }
    
        #faviconid {
            -moz-box-ordinal-group: 2 !important;
        }
    
        #identity-box.certErrorPage.notSecureText box#identity-icon-box.identity-box-button  {
            font-size: 0 !important;
        }
    
        #identity-box.certErrorPage.notSecureText box#identity-icon-box.identity-box-button::after {  
            color: red !important; 
            content: "! Achtung !" !important;
            font-size: 15px !important;
            font-weight: bold !important;
        }
    
        #identity-box.certErrorPage.notSecureText box#identity-icon-box.identity-box-button image#identity-icon {
        fill: red !important;
        }
    
        #identity-box.certErrorPage.notSecureText box#identity-icon-box.identity-box-button image#faviconid.faviconclass {
            filter: invert(15%) sepia(75%) saturate(4294%) hue-rotate(354deg) brightness(108%) contrast(120%) !important;
        }
    }
    Alles anzeigen
  • About Seiten mit CSS Codes anpassen

    • Mira_Belle
    • 11. Dezember 2022 um 11:46
    Zitat von Heinrich

    In der Adressbar lässt sich das leider nicht mit Ändern !!

    Och nöö. Das ist aber blöd.

  • About Seiten mit CSS Codes anpassen

    • Mira_Belle
    • 11. Dezember 2022 um 11:37

    Und in der Adressbar bekomme ich das Icon auch angezeigt,

    aber es ist schwarz!

    Wie komme ich da dran?

    Denn ...

    CSS
    #favimginurlbar {
        color: red !important;
    }

    ... ist wohl zu allgemein und er greift nicht! Auch nicht wenn ich fill nutze.

    DAS bekomme ich im Inspektor angezeigt:

    CSS
    Element {
        width: 16px;
        height: 16px;
        margin: 3px;
        list-style-image: url("chrome://global/skin/icons/warning.svg");
    }
  • About Seiten mit CSS Codes anpassen

    • Mira_Belle
    • 11. Dezember 2022 um 11:23

    Ganz, ganz <3 lichen Dank Euch beiden.

    Habe auch den Code noch einmal überarbeitet, weil wenn man auf SSL_ERROR_BAD_CERT_DOMAIN klickt

    fährt die Seite ja noch einmal aus, wie eine Ziehharmonika.

    Auch dieser Bereich wollte noch angepasst werden.

    CSS
    @-moz-document url-prefix(about:certerror){
    
        body {
            background-color: #2b2b2b !important;
        }
    
        body.certerror .title {
            color: #ff0000 !important;
        }
    
        .title-text {
            color:#e1e1e1 !important;   
            font-weight: bold !important;
        }
        
        #errorShortDesc,
        #errorWhatToDoTitle,
        #errorWhatToDoText {
            color:#e1e1e1 !important;
        }
        .advanced-panel-container,
        #advancedPanelContainer {
            background-color: #2b2b2b !important;
        }
        
        #badCertAdvancedPanel{
            background-color: #404040 !important;
            border-color: #ff9600 !important;
            border-style: solid  !important;
            border-width: 2px !important;
            border-radius: 8px!important;        
        }
        
        #badCertTechnicalInfo {
            color: #e1e1e1 !important;        
        }
    
        #exceptionDialogButton,
        #advancedButton, 
        #advancedPanelReturnButton,
        #returnButton {
            background: #2b2b2b !important;
            color: #e1e1e1 !important;
            border-color: #e1e1e1 !important;
            border-style: solid  !important;
            border-width: 2px !important;
            border-radius: 8px!important;
        }
        
        #exceptionDialogButton:hover,
        #advancedButton:hover,
        #advancedPanelReturnButton:hover,
        #returnButton:hover {
            background: #404040 !important;
            color: #e1e1e1 !important;
            border-color: #ff9600 !important;
        }
        
        #learnMoreLink,
        #errorCode,
        #viewCertificate  {
            color: #ff9600 !important;
        }
        #learnMoreLink:hover,
        #errorCode:hover,
        #viewCertificate:hover  {
            color: #f3ae4e !important;
        }
    
        #certificateErrorDebugInformation {
            background-color: #404040 !important;
            border-color: #ff9600 !important;
            border-style: solid  !important;
            border-width: 2px !important;
            border-radius: 8px!important;    
        }
        
        #certificateErrorText {
            color:#e1e1e1 !important;
        }
        
        button:enabled {
            background-color: #2b2b2b !important;
            color: #e1e1e1 !important; 
            border-color: #e1e1e1 !important;
            border-style: solid  !important;
            border-width: 2px !important;
            border-radius: 8px!important;
        }
        
        button:enabled:hover {
            background-color:  #404040 !important;
            color: #e1e1e1 !important;
            border-color: #ff9600 !important; 
        }
    }
    Alles anzeigen
  • About Seiten mit CSS Codes anpassen

    • Mira_Belle
    • 11. Dezember 2022 um 00:21

    Wie lässt sich das Icon des Tabs färben?

    Mit ...

    CSS
    .tab-icon-image {
        fill: red !important;
    }

    ... sollte es doch gehen.

    Nur wo müssen diese Zeilen hin?

  • About Seiten mit CSS Codes anpassen

    • Mira_Belle
    • 10. Dezember 2022 um 23:16
    Zitat von Heinrich

    Ich habe nochmal ein wenig nachgebessert !

    ....

    Danke für die Anregung.

    CSS
    @-moz-document url-prefix(about:certerror){
        body {
            background-color: #2b2b2b !important;
        }
        body.certerror .title {
            color: #ff9600 !important;
        }
        .title-text {
            color:#e1e1e1 !important;  
            font-weight: bold !important;
        }
       
        #errorShortDesc,
        #errorWhatToDoTitle,
        #errorWhatToDoText {
            color:#e1e1e1 !important;
        }
        .advanced-panel-container,
        #advancedPanelContainer {
            background-color: #2b2b2b !important;
        }
       
        #badCertAdvancedPanel{
            background-color: #404040 !important;
            border-color: #ff9600 !important;
            border-style: solid  !important;
            border-width: 2px !important;
            border-radius: 8px!important;        
        }
       
        #badCertTechnicalInfo {
            color: #e1e1e1 !important;        
        }
        #exceptionDialogButton,
        #advancedButton,
        #advancedPanelReturnButton,
        #returnButton {
            background: #2b2b2b !important;
            color: #e1e1e1 !important;
            border-color: #e1e1e1 !important;
            border-style: solid  !important;
            border-width: 2px !important;
            border-radius: 8px!important;
        }
       
        #exceptionDialogButton:hover,
        #advancedButton:hover,
        #advancedPanelReturnButton:hover,
        #returnButton:hover {
            background: #404040 !important;
            color: #e1e1e1 !important;
            border-color: #ff9600 !important;
        }
       
        #learnMoreLink,
        #errorCode,
        #viewCertificate  {
            color: #ff9600 !important;
        }
    
        #learnMoreLink:hover,    #errorCode:hover,    #viewCertificate:hover  {        color: #f3ae4e !important;    }
    }
    Alles anzeigen
  • Dialog-Fenster anpassen

    • Mira_Belle
    • 10. Dezember 2022 um 17:06
    Zitat von 2002Andreas

    ...

    CSS
    description.text-blurb:nth-child(3) {    
        margin-top: 15px !important;
        margin-left: 59px !important;
        margin-bottom: 15px !important;
      }

    ...

    Passt, Danke.

    CSS
    @-moz-document url-prefix("chrome://browser/content/aboutDialog.xhtml")
    {
    
        /*---------------------------------------------------*/
        /****       Anpassungen an dem About:Dialog       ****/
        /*---------------------------------------------------*/
    
        #aboutDialog {
            margin-top: 20px !important;
            margin-bottom: 20px !important;
            line-height: 1.5 !important;
    }
    
        #aboutDialog vbox,
        #aboutDialogContainer hbox,
        #clientBox vbox,
        #contributeDesc > label:nth-child(1),
        #contributeDesc > label:nth-child(2),
        #releasenotes,
        #trademark,
        #updateButton,
        label.bottom-link:nth-child(3),
        [href='about:credits'],
        [href='about:license'],
        [href='about:rights'],
        [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog'] 
        {
                font-size: 15px !important;
        }
    
        /*    Das ist Links das FF-Logo */
        
        #leftBox {
            appearance: none !important;
            border-radius: 10px !important;
            background-image: url("file:///C:/Users/Mira/image/index_test.png") !important;
            background-repeat: no-repeat !important;
            background-color: #2b2b2b !important;
            background-position: center center !important;
            background-size: 225px !important;
            min-width: 225px !important;
            margin-top: 80px !important;
        }
    
        /*    Das ist Rechts die Box    */
        
        #rightBox::before {
            content: "Firefox Browser" !important;
            font-size: 40px !important;
            font-weight: 700 !important;
            color: #fff582 !important;
            text-shadow: 4px 4px red !important;
        margin-left: -50px !important;    
        }
    
        #rightBox {
            background-image: none !important;
            padding-top: 1px !important;      
            margin-top: 1px !important;
        }
    
        #aboutDialog,
        #bottomBox,
        #clientBox {
            background-color: #2b2b2b !important;
        }
    
        #icons.icon {
            margin: 10px !important;
        }
    
        /*    Update-Check ohne Erwartung ;)*/
        /*    Blendet Original-Animationen aus!*/
        
        #icons > .update-throbber {
    /*        visibility: hidden !important; */
            display: none !important;
        }
    
    /*    #updateDeck #checkingForUpdates > label {   */
        [data-l10n-id="update-checkingForUpdates"] {
            appearance: none !important;
            border-radius: 10px !important;
            background-image: url("./image/sample_3.gif") !important;
            background-repeat: no-repeat !important;
            background-color: #2b2b2b !important;
            background-position: -10px center !important;
            background-size: 36px !important;
            color: #eee8aa !important;
            font-size: 1.5em !important;
            font-weight: 400 !important;
            min-height: 28px !important;
            margin-top: 0 !important;
            margin-right: -10px !important;
            margin-bottom: 12px !important;
            margin-left: 20px !important;
            padding-top: 2px !important;
            padding-right: 25px !important;
            padding-bottom: 0 !important;
            padding-left: 45px !important;
        }
    
        /*    Blendet Original-Icon aus!*/
        
        #icons > .noUpdatesFound {
            display: none !important;
    
        }
    
    /*    #noUpdatesFound > label:nth-child(1) {  */
        [data-l10n-id="update-noUpdatesFound"] {
            appearance: none !important;
            border-radius: 10px !important;
            background-image: url("./image/tick_2.png") !important;
            background-repeat: no-repeat !important;
            background-color: #2b2b2b !important;
            background-position: 0 center !important;
            background-size: 36px !important;
            color: #ff9600 !important;
            font-size: 1.5em !important;
            font-weight: 400 !important;
            min-height: 28px !important;
            margin-top: 0 !important;
            margin-right: -10px !important;
            margin-bottom: 12px !important;
            margin-left: 20px !important;
            padding-top: 2px !important;
            padding-right: 25px !important;
            padding-bottom: 0 !important;
            padding-left: 45px !important;
        }
    
    
    /*  Das muss noch gecheckt werden   */
    
    #downloadAndInstallButton    {
        appearance: none !important;
        border-radius: 10px !important;
    /*    background-image:  url("./image/herz.png") !important;        */
        background-repeat: no-repeat !important;
        background-color: #2b2b2b !important;
        background-position: 0% center !important;
        background-size: 16px !important;
        color: #e1e1e1 !important;
        margin-top: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
        margin-left: 10px !important;
        padding-top: 0 !important;
        padding-right: 10px !important;
        padding-bottom: 2px !important;
        padding-left: 10px !important;
         }       
    
        #downloadAndInstallButton:hover {
            background: #404040 !important;
            background-position: 12px 4px !important;
            color: #e1e1e1 !important;
        }
        
        #updateButton    {
            appearance: none !important;
            border-radius: 10px !important;
            background-image:  url("./image/herz.png") !important;
            background-repeat: no-repeat !important;
            background-color: #2b2b2b !important;
            background-position: 0% center !important;
            background-size: 16px !important;
            color: #e1e1e1 !important;
            margin-top: 0 !important;
            margin-right: 0 !important;
            margin-bottom: 0 !important;
            margin-left: 10px !important;
            padding-top: 0 !important;
            padding-right: 10px !important;
            padding-bottom: 2px !important;
            padding-left: 10px !important;      
            border-color: #e1e1e1 !important;
            border-style: solid  !important;
            border-width: 2px !important;
    
        }
            #updateButton:hover {
            background: #404040 !important;
            background-position: 12px 4px !important;
            color: #e1e1e1 !important;
            border-color: #ff9600 !important;
        }
        /*    Dazugehörige default-GFX is im Weg...*/
    
        #icons > .apply{
            display: none !important;
        }
    
        /*    Versionsanzeige        */
    
        #version.update::before {
            content: 'Meine aktuelle Firefox-Version ist: ';
            font-size: 18px !important;
            font-weight: normal !important;
            color: #ff9600 !important;
            margin-right: 6px !important;
            margin-left: -20px !important;
        }
    
        #version {
            margin-top: 10px !important;
            font-size: 22px !important;
            font-weight: bold !important;
            color: orchid !important;
        }
    
        /*     ohne Unterstrich    */
    
        #releasenotes,                                              /*     Neue Funktionen und Änderungen    */  
        #submit-feedback,                                         /*     Feedback senden    */ 
        [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog'],
        [href='about:credits'],                                      /*     globalen Comunity    */  
        #contributeDesc > label:nth-child(1),                      /*     Spenden Sie    */  
        #contributeDesc > label:nth-child(2),                      /*     machen Sie mit!    */  
        [href='about:license'],                                      /*     Information zur Lizensierung    */  
        [href='about:rights'],                                       /*     Endanwenderrechte    */  
        label.bottom-link:nth-child(3)                              /*     Datenschutzbestimmungen    */  
        {
            text-decoration: none !important;
        }
        
        description.text-blurb:nth-child(3) > label:nth-child(1)  {
            text-decoration: none !important;
        }
    
    
        /*    Text    */
        
        .text-blurb
        {
            font-size: 15px !important;
            color: #e1e1e1 !important;
            padding-right: 1px !important;
        }
    
        /*     Neue Funktionen und Änderungen    */
        
        #releasenotes {
            appearance: none !important;
            background: #2b2b2b !important;
            color: #e1e1e1 !important;
            margin-top: 2px !important;
            margin-left: 0px !important;
            top: 35px !important;
            left: -350px !important;
            min-width: 250px !important;
            padding-left: 10px !important;
            padding-right: 10px !important;
            padding-bottom: 2px !important;
            border-color: #e1e1e1 !important;
            border-style: solid !important;
            border-width: 2px !important;
            
            border-radius: 8px!important;
            position: relative;
          }
    
          #releasenotes:hover {
            background: #404040 !important;
            color: #e1e1e1 !important;
            border-color: #ff9600 !important;
        }
    
        description.text-blurb:nth-child(3) {    
            margin-top: 15px !important;
            margin-left: 59px !important;
            margin-bottom: 15px !important;
        }
    
        /*     Firefox-Hilfe    */
        
        description.text-blurb:nth-child(3) > label:nth-child(1) {
            appearance: none !important;
            background: #2b2b2b !important;
            color: #e1e1e1 !important;
            margin-left: 10px !important;
            margin-top: 35px !important;
            padding-left: 10px !important;
            padding-right: 10px !important;
            padding-bottom: 2px !important;
            border-color: #e1e1e1 !important;
            border-style: solid  !important;
            border-width: 2px !important;
            background-position: 12px 4px !important;
            border-radius: 8px!important;      
        }
        description.text-blurb:nth-child(3) > label:nth-child(1):hover {
            background: #404040 !important;
            background-position: 12px 4px !important;
            color: #e1e1e1 !important;
            border-color: #ff9600 !important;
        }
    
        /*     Feedback senden    */
        
        #submit-feedback {
            appearance: none !important;
            background: #2b2b2b !important;
            color: #e1e1e1 !important;
            margin-left: 10px !important;
            margin-top: 35px !important;
            padding-left: 10px !important;
            padding-right: 10px !important;
            padding-bottom: 2px !important;
            border-color: #e1e1e1 !important;
            border-style: solid  !important;
            border-width: 2px !important;
            background-position: 12px 4px !important;
            border-radius: 8px!important;      
        }
        #submit-feedback:hover {
            background: #404040 !important;
            background-position: 12px 4px !important;
            color: #e1e1e1 !important;
            border-color: #ff9600 !important;
        }
    
        /*     Mozilla    */
        
        [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog'] {
            appearance: none !important;
            background: #2b2b2b !important;
            color: #e1e1e1 !important;
            margin-left: 1px !important;
            margin-right: 1px !important;
            margin-top: 10px !important;
            padding-left: 10px !important;
            padding-right: 10px !important;
            padding-bottom: 1px !important;     
            border-color: #e1e1e1 !important;
            border-style: solid  !important;
            border-width: 2px !important;
            background-position: 12px 4px !important;
            border-radius: 8px!important;          
        }
        
        [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']:hover {
            background: #404040 !important;
            background-position: 12px 4px !important;
            color: #e1e1e1 !important;
            border-color: #ff9600 !important;
        }
    
        /*     globalen Comunity    */
        
        [href='about:credits'] {
            appearance: none !important;
            background: #2b2b2b !important;
            color: #e1e1e1 !important;
            margin-left: 1px !important;
            margin-right: 1px !important;
            margin-top: 0px !important;
            margin-bottom: 5px !important;
            padding-left: 10px !important;
            padding-right: 10px !important;
            padding-bottom: 1px !important;     
            border-color: #e1e1e1 !important;
            border-style: solid  !important;
            border-width: 2px !important;
            background-position: 12px 4px !important;
            border-radius: 8px!important;        
        }
        
        [href='about:credits']:hover {
            background: #404040 !important;
            background-position: 12px 4px !important;
            color: #e1e1e1 !important;
            border-color: #ff9600 !important;
        }
        
        /*    Hinter dem Komma einen Zeilenumbruch erzwingen    */
    
        #detailsBox > description#communityDesc {
            max-width: 450px !important;
        }
    
        /*     Spenden Sie    */
        
        #contributeDesc > label:nth-child(1) {
            appearance: none !important;
            background: #2b2b2b !important;
            color: #e1e1e1 !important;
            margin-left: 1px !important;
            margin-right: 1px !important;
            margin-top: 2px !important;
            padding-left: 10px !important;
            padding-right: 10px !important;
            padding-bottom: 2px !important;     
            border-color: #e1e1e1 !important;
            border-style: solid  !important;
            border-width: 2px !important;
            background-position: 12px 4px !important;
            border-radius: 8px!important;        
        }
        
        #contributeDesc > label:nth-child(1):hover {
            background: #404040 !important;
            background-position: 12px 4px !important;
            color: #e1e1e1 !important;
            border-color: #ff9600 !important;
        }
    
        /*     machen Sie mit!    */
        
        #contributeDesc > label:nth-child(2) { 
            appearance: none !important;
            background: #2b2b2b !important;
            color: #e1e1e1 !important;
            margin-left: 1px !important;
            margin-right: 1px !important;
            margin-top: 2px !important;
            padding-left: 10px !important;
            padding-right: 10px !important;
            padding-bottom: 2px !important;     
            border-color: #e1e1e1 !important;
            border-style: solid  !important;
            border-width: 2px !important;
            background-position: 12px 4px !important;
            border-radius: 8px!important;        
        }
        
        #contributeDesc > label:nth-child(2):hover {
            background: #404040 !important;
            background-position: 12px 4px !important;
            color: #e1e1e1 !important;
            border-color: #ff9600 !important;
        }
    
        /*     Information zur Lizensierung    */
        
        [href='about:license'] {
            appearance: none !important;
            background: #2b2b2b !important;
            color: #e1e1e1 !important;
            margin-left: 10px !important;
            margin-right: 10px !important;
            margin-top: 1px !important;
            margin-bottom: 20px !important;
            padding-left: 10px !important;
            padding-right: 10px !important;
            padding-bottom: 2px !important;     
            border-color: #e1e1e1 !important;
            border-style: solid  !important;
            border-width: 2px !important;
            background-position: 12px 4px !important;
            border-radius: 8px!important;             
        }
        
        [href='about:license']:hover {
            background: #404040 !important;
            background-position: 12px 4px !important;
            color: #e1e1e1 !important;
            border-color: #ff9600 !important;
        }
    
        /*     Endanwenderrechte    */
        
        [href='about:rights'] {
            appearance: none !important;
            background: #2b2b2b !important;
            color: #e1e1e1 !important;
            margin-left: 10px !important;
            margin-right: 10px !important;
            margin-top: 1px !important;
            margin-bottom: 20px !important;
            padding-left: 10px !important;
            padding-right: 10px !important;
            padding-bottom: 2px !important;     
            border-color: #e1e1e1 !important;
            border-style: solid  !important;
            border-width: 2px !important;
            background-position: 12px 4px !important;
            border-radius: 8px!important;        
        }
        
        [href='about:rights']:hover {
            background: #404040 !important;
            background-position: 12px 4px !important;
            color: #e1e1e1 !important;
            border-color: #ff9600 !important;
        }
    
        /*     Datenschutzbestimmungen    */
        
        label.bottom-link:nth-child(3) {
            appearance: none !important;
            background: #2b2b2b !important;
            color: #e1e1e1 !important;
            margin-left: 10px !important;
            margin-right: 10px !important;
            margin-top: 1px !important;
            margin-bottom: 20px !important;
            padding-left: 10px !important;
            padding-right: 10px !important;
            padding-bottom: 2px !important;     
            border-color: #e1e1e1 !important;
            border-style: solid  !important;
            border-width: 2px !important;
            background-position: 12px 4px !important;
            border-radius: 8px!important;        
        }
        
        label.bottom-link:nth-child(3):hover {
            background: #404040 !important;
            background-position: 12px 4px !important;
            color: #e1e1e1 !important;
            border-color: #ff9600 !important;
        }
        
    /*    Text ganz unten, Logo und Warenzeichen    */
        
        #trademark {
            padding-top: 10px !important;
            text-align: center !important;
            color: #e1e1e1 !important;
            margin-block: 15px !important;
            font-size: 13px !important;    
            font-weight: 700 !important;  
            
        }
    
        /*    Den Text "design by me ©" will ich ganz unten rechts inne Ecke.... */    
        
        #bottomBox::after {
            display: flex !important;
            content: "design by me ©" !important;
            font-size: 11px !important;
            margin-left: 850px !important;
            color: #e1e1e1 !important;
            padding-left: 12px !important;
        }    
            
        #aboutDialog {
            margin-bottom: 0px !important;
        }
    
    }
    Alles anzeigen
  • Dialog-Fenster anpassen

    • Mira_Belle
    • 10. Dezember 2022 um 15:38

    Also ausschauen tut es jetzt richtig gut!

    Finde ich.

    Aber, ich habe ein Problem!

    Der Link Neue Funktionen und Änderungen funktioniert nicht mehr richtig!

    Denn das darunterliegende Feld überschneidet sich mit diesem.

    Bilder sagen mehr als tausend Worte.

    Wie lässt sich da ändern?

    Hier mal der komplette Code:

    CSS
    @-moz-document url-prefix("chrome://browser/content/aboutDialog.xhtml")
    {
    
        /*---------------------------------------------------*/
        /****       Anpassungen an dem About:Dialog       ****/
        /*---------------------------------------------------*/
    
        #aboutDialog {
            margin-top: 20px !important;
            margin-bottom: 20px !important;
            line-height: 1.5 !important;
    }
    
        #aboutDialog vbox,
        #aboutDialogContainer hbox,
        #clientBox vbox,
        #contributeDesc > label:nth-child(1),
        #contributeDesc > label:nth-child(2),
        #releasenotes,
        #trademark,
        #updateButton,
        label.bottom-link:nth-child(3),
        [href='about:credits'],
        [href='about:license'],
        [href='about:rights'],
        [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog'] 
        {
                font-size: 15px !important;
        }
    
        /*    Das ist Links das FF-Logo */
        
        #leftBox {
            appearance: none !important;
            border-radius: 10px !important;
            background-image: url("file:///C:/Users/Mira/image/index_test.png") !important;
            background-repeat: no-repeat !important;
            background-color: #2b2b2b !important;
            background-position: center center !important;
            background-size: 225px !important;
            min-width: 225px !important;
            margin-top: 80px !important;
        }
    
    
        /*    Das ist Rechts die Box    */
        
        #rightBox::before {
            content: "Firefox Browser" !important;
            font-size: 40px !important;
            font-weight: 700 !important;
            color: #fff582 !important;
            text-shadow: 4px 4px red !important;
        margin-left: -50px !important;    
        }
    
        #rightBox {
            background-image: none !important;
            padding-top: 1px !important;      
            margin-top: 1px !important;
        }
    
        #aboutDialog,
        #bottomBox,
        #clientBox {
            background-color: #2b2b2b !important;
        }
    
        #icons.icon {
            margin: 10px !important;
        }
    
    
        /*    Update-Check ohne Erwartung ;)*/
        /*    Blendet Original-Animationen aus!*/
        
        #icons > .update-throbber {
    /*        visibility: hidden !important; */
            display: none !important;
        }
    
    /*    #updateDeck #checkingForUpdates > label {   */
        [data-l10n-id="update-checkingForUpdates"] {
            appearance: none !important;
            border-radius: 10px !important;
            background-image: url("./image/sample_3.gif") !important;
            background-repeat: no-repeat !important;
            background-color: #2b2b2b !important;
            background-position: -10px center !important;
            background-size: 36px !important;
            color: #eee8aa !important;
            font-size: 1.5em !important;
            font-weight: 400 !important;
            min-height: 28px !important;
            margin-top: 0 !important;
            margin-right: -10px !important;
            margin-bottom: 12px !important;
            margin-left: 20px !important;
            padding-top: 2px !important;
            padding-right: 25px !important;
            padding-bottom: 0 !important;
            padding-left: 45px !important;
        }
    
    
        /*    Blendet Original-Icon aus!*/
        
        #icons > .noUpdatesFound {
    /*        visibility: hidden !important; */
            display: none !important;
    
        }
    
    /*    #noUpdatesFound > label:nth-child(1) {  */
        [data-l10n-id="update-noUpdatesFound"] {
            appearance: none !important;
            border-radius: 10px !important;
            background-image: url("./image/tick_2.png") !important;
            background-repeat: no-repeat !important;
            background-color: #2b2b2b !important;
            background-position: 0 center !important;
            background-size: 36px !important;
            color: #ff9600 !important;
            font-size: 1.5em !important;
            font-weight: 400 !important;
            min-height: 28px !important;
            margin-top: 0 !important;
            margin-right: -10px !important;
            margin-bottom: 12px !important;
            margin-left: 20px !important;
            padding-top: 2px !important;
            padding-right: 25px !important;
            padding-bottom: 0 !important;
            padding-left: 45px !important;
        }
    
    
    /*  Das muss noch gecheckt werden   */
    
    #downloadAndInstallButton    {
        appearance: none !important;
        border-radius: 10px !important;
    /*    background-image:  url("./image/herz.png") !important;        */
        background-repeat: no-repeat !important;
        background-color: #2b2b2b !important;
        background-position: 0% center !important;
        background-size: 16px !important;
        color: #e1e1e1 !important;
        margin-top: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
        margin-left: 10px !important;
        padding-top: 0 !important;
        padding-right: 10px !important;
        padding-bottom: 2px !important;
        padding-left: 10px !important;
    
         }       
    
        #downloadAndInstallButton:hover {
            background: #404040 !important;
            background-position: 12px 4px !important;
            color: #e1e1e1 !important;
        }
        
        #updateButton    {
            appearance: none !important;
            border-radius: 10px !important;
            background-image:  url("./image/herz.png") !important;
            background-repeat: no-repeat !important;
            background-color: #2b2b2b !important;
            background-position: 0% center !important;
            background-size: 16px !important;
            color: #e1e1e1 !important;
            margin-top: 0 !important;
            margin-right: 0 !important;
            margin-bottom: 0 !important;
            margin-left: 10px !important;
            padding-top: 0 !important;
            padding-right: 10px !important;
            padding-bottom: 2px !important;
            padding-left: 10px !important;      
            border-color: #e1e1e1 !important;
            border-style: solid  !important;
            border-width: 2px !important;
    
        }
            #updateButton:hover {
            background: #404040 !important;
            background-position: 12px 4px !important;
            color: #e1e1e1 !important;
            border-color: #ff9600 !important;
        }
    /*    Dazugehörige default-GFX is im Weg...*/    
    #icons > .apply{
        display: none !important;
    }
     
    /*-------------------------------------------------------------------------------*/
    
        /*    Versionsanzeige        */
    
        #version.update::before {
            content: 'Meine aktuelle Firefox-Version ist: ';
            font-size: 18px !important;
            font-weight: normal !important;
            color: #ff9600 !important;
            margin-right: 6px !important;
            margin-left: -20px !important;
        }
    
        #version {
            margin-top: 10px !important;
            font-size: 22px !important;
            font-weight: bold !important;
            color: orchid !important;
        }
    
    /*-------------------------------------------------------------------------------*/
    
        /*     ohne Unterstrich    */
    
        #releasenotes,                                              /*     Neue Funktionen und Änderungen    */  
        #submit-feedback,                                         /*     Feedback senden    */ 
        [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog'],
        [href='about:credits'],                                      /*     globalen Comunity    */  
        #contributeDesc > label:nth-child(1),                      /*     Spenden Sie    */  
        #contributeDesc > label:nth-child(2),                      /*     machen Sie mit!    */  
        [href='about:license'],                                      /*     Information zur Lizensierung    */  
        [href='about:rights'],                                       /*     Endanwenderrechte    */  
        label.bottom-link:nth-child(3)                              /*     Datenschutzbestimmungen    */  
        {
            text-decoration: none !important;
        }
        
        description.text-blurb:nth-child(3) > label:nth-child(1)  {
            text-decoration: none !important;
        }
    
    
        /*    Text    */
        
        .text-blurb
        {
            font-size: 15px !important;
            color: #e1e1e1 !important;
            padding-right: 1px !important;
        }
    
    
        /*     Neue Funktionen und Änderungen    */
        
        #releasenotes {
            appearance: none !important;
            background: #2b2b2b !important;
            color: #e1e1e1 !important;
            margin-top: 2px !important;
            margin-left: 0px !important;
            top: 35px !important;
            left: -350px !important;
            min-width: 250px !important;
            padding-left: 10px !important;
            padding-right: 10px !important;
            padding-bottom: 2px !important;
            border-color: #e1e1e1 !important;
            border-style: solid !important;
            border-width: 2px !important;
            
            border-radius: 8px!important;
            position: relative;
          }
    
          #releasenotes:hover {
            background: #404040 !important;
            
            color: #e1e1e1 !important;
            border-color: #ff9600 !important;
        }
    
    /*-------------------------------------------------------------------------------*/
    
    description.text-blurb:nth-child(3) {
        position: relative; 
        top: 15px !important;
        margin-left: 59px !important;
        margin-bottom: 15px !important;
      }
    
    /*-------------------------------------------------------------------------------*/
    
        /*     Firefox-Hilfe    */
        
        description.text-blurb:nth-child(3) > label:nth-child(1) {
            appearance: none !important;
            background: #2b2b2b !important;
            color: #e1e1e1 !important;
            margin-left: 10px !important;
            margin-top: 35px !important;
            padding-left: 10px !important;
            padding-right: 10px !important;
            padding-bottom: 2px !important;
            border-color: #e1e1e1 !important;
            border-style: solid  !important;
            border-width: 2px !important;
            background-position: 12px 4px !important;
            border-radius: 8px!important;      
        }
        description.text-blurb:nth-child(3) > label:nth-child(1):hover {
            background: #404040 !important;
            background-position: 12px 4px !important;
            color: #e1e1e1 !important;
            border-color: #ff9600 !important;
        }
    
    
        /*     Feedback senden    */
        
        #submit-feedback {
            appearance: none !important;
            background: #2b2b2b !important;
            color: #e1e1e1 !important;
            margin-left: 10px !important;
            margin-top: 35px !important;
            padding-left: 10px !important;
            padding-right: 10px !important;
            padding-bottom: 2px !important;
            border-color: #e1e1e1 !important;
            border-style: solid  !important;
            border-width: 2px !important;
            background-position: 12px 4px !important;
            border-radius: 8px!important;      
        }
        #submit-feedback:hover {
            background: #404040 !important;
            background-position: 12px 4px !important;
            color: #e1e1e1 !important;
            border-color: #ff9600 !important;
        }
    
    
        /*     Mozilla    */
        
        [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog'] {
            appearance: none !important;
            background: #2b2b2b !important;
            color: #e1e1e1 !important;
            margin-left: 1px !important;
            margin-right: 1px !important;
            margin-top: 10px !important;
            padding-left: 10px !important;
            padding-right: 10px !important;
            padding-bottom: 1px !important;     
            border-color: #e1e1e1 !important;
            border-style: solid  !important;
            border-width: 2px !important;
            background-position: 12px 4px !important;
            border-radius: 8px!important;          
        }
        
        [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']:hover {
            background: #404040 !important;
            background-position: 12px 4px !important;
            color: #e1e1e1 !important;
            border-color: #ff9600 !important;
        }
    
    
        /*     globalen Comunity    */
        
        [href='about:credits'] {
            appearance: none !important;
            background: #2b2b2b !important;
            color: #e1e1e1 !important;
            margin-left: 1px !important;
            margin-right: 1px !important;
            margin-top: 10px !important;
            padding-left: 10px !important;
            padding-right: 10px !important;
            padding-bottom: 1px !important;     
            border-color: #e1e1e1 !important;
            border-style: solid  !important;
            border-width: 2px !important;
            background-position: 12px 4px !important;
            border-radius: 8px!important;        
        }
        
        [href='about:credits']:hover {
            background: #404040 !important;
            background-position: 12px 4px !important;
            color: #e1e1e1 !important;
            border-color: #ff9600 !important;
        }
        
        
        /*    Hinter dem Komma einen Zeilenumbruch erzwingen    */
    
        #detailsBox > description#communityDesc {
            max-width: 570px !important;
        }
    
    
        /*     Spenden Sie    */
        
        #contributeDesc > label:nth-child(1) {
            appearance: none !important;
            background: #2b2b2b !important;
            color: #e1e1e1 !important;
            margin-left: 1px !important;
            margin-right: 1px !important;
            margin-top: 2px !important;
            padding-left: 10px !important;
            padding-right: 10px !important;
            padding-bottom: 2px !important;     
            border-color: #e1e1e1 !important;
            border-style: solid  !important;
            border-width: 2px !important;
            background-position: 12px 4px !important;
            border-radius: 8px!important;        
        }
        
        #contributeDesc > label:nth-child(1):hover {
            background: #404040 !important;
            background-position: 12px 4px !important;
            color: #e1e1e1 !important;
            border-color: #ff9600 !important;
        }
    
    
        /*     machen Sie mit!    */
        
        #contributeDesc > label:nth-child(2) { 
            appearance: none !important;
            background: #2b2b2b !important;
            color: #e1e1e1 !important;
            margin-left: 1px !important;
            margin-right: 1px !important;
            margin-top: 2px !important;
            padding-left: 10px !important;
            padding-right: 10px !important;
            padding-bottom: 2px !important;     
            border-color: #e1e1e1 !important;
            border-style: solid  !important;
            border-width: 2px !important;
            background-position: 12px 4px !important;
            border-radius: 8px!important;        
        }
        
        #contributeDesc > label:nth-child(2):hover {
            background: #404040 !important;
            background-position: 12px 4px !important;
            color: #e1e1e1 !important;
            border-color: #ff9600 !important;
        }
    
    
        /*     Information zur Lizensierung    */
        
        [href='about:license'] {
            appearance: none !important;
            background: #2b2b2b !important;
            color: #e1e1e1 !important;
            margin-left: 10px !important;
            margin-right: 10px !important;
            margin-top: 1px !important;
            margin-bottom: 20px !important;
            padding-left: 10px !important;
            padding-right: 10px !important;
            padding-bottom: 2px !important;     
            border-color: #e1e1e1 !important;
            border-style: solid  !important;
            border-width: 2px !important;
            background-position: 12px 4px !important;
            border-radius: 8px!important;             
        }
        
        [href='about:license']:hover {
            background: #404040 !important;
            background-position: 12px 4px !important;
            color: #e1e1e1 !important;
            border-color: #ff9600 !important;
        }
    
    
        /*     Endanwenderrechte    */
        
        [href='about:rights'] {
            appearance: none !important;
            background: #2b2b2b !important;
            color: #e1e1e1 !important;
            margin-left: 10px !important;
            margin-right: 10px !important;
            margin-top: 1px !important;
            margin-bottom: 20px !important;
            padding-left: 10px !important;
            padding-right: 10px !important;
            padding-bottom: 2px !important;     
            border-color: #e1e1e1 !important;
            border-style: solid  !important;
            border-width: 2px !important;
            background-position: 12px 4px !important;
            border-radius: 8px!important;        
        }
        
        [href='about:rights']:hover {
            background: #404040 !important;
            background-position: 12px 4px !important;
            color: #e1e1e1 !important;
            border-color: #ff9600 !important;
        }
    
    
        /*     Datenschutzbestimmungen    */
        
        label.bottom-link:nth-child(3) {
            appearance: none !important;
            background: #2b2b2b !important;
            color: #e1e1e1 !important;
            margin-left: 10px !important;
            margin-right: 10px !important;
            margin-top: 1px !important;
            margin-bottom: 20px !important;
            padding-left: 10px !important;
            padding-right: 10px !important;
            padding-bottom: 2px !important;     
            border-color: #e1e1e1 !important;
            border-style: solid  !important;
            border-width: 2px !important;
            background-position: 12px 4px !important;
            border-radius: 8px!important;        
        }
        
        label.bottom-link:nth-child(3):hover {
            background: #404040 !important;
            background-position: 12px 4px !important;
            color: #e1e1e1 !important;
            border-color: #ff9600 !important;
        }
        
        
    /*    Text ganz unten, Logo und Warenzeichen    */
        
        #trademark {
            padding-top: 10px !important;
            text-align: center !important;
            color: #e1e1e1 !important;
            margin-block: 15px !important;
            font-size: 13px !important;    
            font-weight: 700 !important;  
            
        }
        
        
        /*    Den Text "design by me ©" will ich ganz unten rechts inne Ecke.... */    
        
        #bottomBox::after {
            display: flex !important;
            content: "design by me ©" !important;
            font-size: 11px !important;
            margin-left: 850px !important;
            color: #e1e1e1 !important;
    /*        border: 2px solid yellow !important;    */
    /*        border-radius: 15px !important;    */
            padding-left: 12px !important;
        }    
            
        #aboutDialog {
            margin-bottom: 0px !important;
        }
    
    }
    Alles anzeigen
  • Dialog-Fenster anpassen

    • Mira_Belle
    • 10. Dezember 2022 um 11:07

    Gerne doch.

    War ja auch nur für den Fall, dass Du 'Meine aktuelle Browser-Version ist die:'

    und die Versionsanzeige inkl. Button Neue Funktionen und Änderungen

    auf zwei Zeilen verteilen möchtest.

    Leider habe ich es nicht hinbekommen, nur den Button auf eine zweite Zeile zu verschieben.

  • Dialog-Fenster anpassen

    • Mira_Belle
    • 9. Dezember 2022 um 17:45

    Ich hätte dann noch folgendes anzubieten:

    CSS
        /*  Versionsanzeige     */
        #updateDeck::before {
            content: 'Meine aktuelle Firefox-Version ist:';
            font-size: 18px !important;
    /*        font-weight: bold !important; */
            color: #ff9600 !important;
            margin-right: 6px !important;
            margin-left: 6px !important;
        }
        #version {
            margin-top: 10px !important;
            font-size: 18px !important;
            font-weight: bold !important;
            color: orchid !important;
            margin-left: 6px !important;
        }
    Alles anzeigen

    Daraus ergibt sich dann:

    Wenn kompletter Code gewünscht, bitte nachfragen.

  • Separates Downloads-Fenster?

    • Mira_Belle
    • 8. Dezember 2022 um 21:57
    Zitat von aborix

    Wie funktioniert das:

    JavaScript
    (function() {
    
      ...
            Services.wm.getMostRecentBrowserWindow().document.getElementById('Download-button').click()
        }));
    
    })();

    Ich sehe Du hast Zeile 33 verändert.

    Aber genau das, hat bei mir den erwünschten Effekt gehabt!

    JavaScript
        Services.wm.getMostRecentBrowserWindow().document.getElementById('Download-button').click("click", onClick)

    Durch das("click", onClick) wird nur beim Anklicken das Fenster geöffnet,

    so zumindest bei mir.

    Ohne, also so .click() öffnet sich das Fenster schon beim Starten des Firefox.

    Aber Danke für's drüber schauen, so falsch kann ja dann das Script gar nicht sein,

    zumal es ja funktioniert, wie ich mir das vorstelle.

  • Separates Downloads-Fenster?

    • Mira_Belle
    • 7. Dezember 2022 um 11:09

    Habe es hinbekommen!

    Habe halt nur keine Ahnung, ob es so richtig ist?

    JavaScript
    //  Downloadbutton.uc.js
    //    Fenster automatisch auf...
    //
    (function() {
      if (!window.gBrowser) return;
      try {
      CustomizableUI.createWidget({
        id: 'Download-button',
        type: 'custom',
        defaultArea: CustomizableUI.AREA_NAVBAR,
        onBuild: function(aDocument) {
          let toolbaritem = aDocument.createXULElement('toolbarbutton');
          let props = {
            id: 'Download-button',
            class: 'toolbarbutton-1 chromeclass-toolbar-additional',
            removable: true,
            label: 'Download Fenster öffnen',
            accesskey: 'D',
            tooltiptext: 'Download Fenster öffnen',
            style: 'list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAFo9M/3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAC7klEQVR42mJgAIL3K2X+AwQQy9VMzf+cIooMAAHE8H6i2n+QKEAAsbCrSjJ8vST4HyCAQByG13Mc/n+/D5EBCCAWsMByBQa2bz/BkgABxAAz5f1aYbAKgAACo6+XJP///OQFFgAIIJbvd23//z/NyPD/NQPDg8uS/wECiIlT+TDjr5/sDK9ZrjMo6D5nBAgguLYPC13/f7nN+v/bQ7H/P77awM0DCCAWGOPLp58MfE80GFiE+RiYOCXhGgECiAlE3PZI/i8iL8bAchMocV2C4d/+fwyPj2qBTQEIIBR02S7+/4N1AigSAAHECPcLyB9/OBkY/rMxMLxkYRDMvwWWAwggJpgCDidZBlazzwzsVg8ZGAXU4SYABBDckYy/2BmYvgsyMLLxMPz+g7AFIIAQCr6zA+0B+oCLn+HHV0Q4AgQQ48MTUv8FvwszsLwUhHhLlIeBkQ+oT+IXw8Pa3wwAAcQkb/GM8f2fbwwMr4CO+8ABDBABBua3wgzP8qQY1BbsZQQIILAj5V3vMj6Tv8Dw8/VbBqZ/nxjuT2BiUFw/D+wLgABCQXeX8v+/5pyAEg4AAYSh6v0il/+cMeIM/9+/YGBgZmNgZOSGKOSTYvi25A6DYOw2FD0AAcSCbsCfX38Y/n+4x/D37R0GZiY2hn/sQN//+8LAzGgClGPCcBVAAGEa8O8/A9MnVoZ/77gZ/gH5zHwCDP//czAwcnID5T5jGAAQQCx3o0L/s/znBXP+/fvD8E/sGgPjJ14GxrdCDAxszMBwBQYrAz8DAx8TA7P8d4anaXH/mf8yMfz/y87w6/9zBoAAYoSlJrbiAwzi7wwY/r38CNSIcCqTFB+E/wvonu//GVj4+Rie855k+NtjzaCwfjYjQAChBMhNt5T/7IV7GaTf6jD8fAZx7h9xXgZ2RmYGVjFBsMYfzZYMqjvmwvUBBBBWBIqqW2t5/n+eo/X/6zKj//d38v4HuRKbWoAAwouOher8Pxmtg1cjQIABAFbt8Z32Ai5RAAAAAElFTkSuQmCC)',
            oncommand: "window.open('chrome://browser/content/downloads/contentAreaDownloadsView.xhtml', 'Downloads', 'chrome,resizable=yes,width=600,height=600,left=120,top=100');"
          };
          for (var p in props)
          toolbaritem.setAttribute(p, props[p]);            
       return toolbaritem;
    }    
    });
    } catch(e) { };
    Downloads.getList(Downloads.ALL)
    .then(list => list.addView({
      onDownloadAdded: () =>
        Services.wm.getMostRecentBrowserWindow().document.getElementById('Download-button').click("click", onClick)
    }));
    })();
    Alles anzeigen
  • Separates Downloads-Fenster?

    • Mira_Belle
    • 7. Dezember 2022 um 10:45

    Hallo, bin durch Zufall auf dieses Script von aborix gestoßen.

    JavaScript
    //  Downloadbutton.uc.js
    
    (function() {
    
      if (window.__SSi != 'window0')
        return;
    
      CustomizableUI.createWidget({
        id: 'Download-button',
        type: 'custom',
        defaultArea: CustomizableUI.AREA_NAVBAR,
        onBuild: function(aDocument) {
          var toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton');
          var props = {
            id: 'Download-button',
            class: 'toolbarbutton-1 chromeclass-toolbar-additional',
            removable: true,
            label: 'Download Fenster öffnen',
            accesskey: 'D',
            tooltiptext: 'Download Fenster öffnen',
            style: 'list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAFo9M/3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAC7klEQVR42mJgAIL3K2X+AwQQy9VMzf+cIooMAAHE8H6i2n+QKEAAsbCrSjJ8vST4HyCAQByG13Mc/n+/D5EBCCAWsMByBQa2bz/BkgABxAAz5f1aYbAKgAACo6+XJP///OQFFgAIIJbvd23//z/NyPD/NQPDg8uS/wECiIlT+TDjr5/sDK9ZrjMo6D5nBAgguLYPC13/f7nN+v/bQ7H/P77awM0DCCAWGOPLp58MfE80GFiE+RiYOCXhGgECiAlE3PZI/i8iL8bAchMocV2C4d/+fwyPj2qBTQEIIBR02S7+/4N1AigSAAHECPcLyB9/OBkY/rMxMLxkYRDMvwWWAwggJpgCDidZBlazzwzsVg8ZGAXU4SYABBDckYy/2BmYvgsyMLLxMPz+g7AFIIAQCr6zA+0B+oCLn+HHV0Q4AgQQ48MTUv8FvwszsLwUhHhLlIeBkQ+oT+IXw8Pa3wwAAcQkb/GM8f2fbwwMr4CO+8ABDBABBua3wgzP8qQY1BbsZQQIILAj5V3vMj6Tv8Dw8/VbBqZ/nxjuT2BiUFw/D+wLgABCQXeX8v+/5pyAEg4AAYSh6v0il/+cMeIM/9+/YGBgZmNgZOSGKOSTYvi25A6DYOw2FD0AAcSCbsCfX38Y/n+4x/D37R0GZiY2hn/sQN//+8LAzGgClGPCcBVAAGEa8O8/A9MnVoZ/77gZ/gH5zHwCDP//czAwcnID5T5jGAAQQCx3o0L/s/znBXP+/fvD8E/sGgPjJ14GxrdCDAxszMBwBQYrAz8DAx8TA7P8d4anaXH/mf8yMfz/y87w6/9zBoAAYoSlJrbiAwzi7wwY/r38CNSIcCqTFB+E/wvonu//GVj4+Rie855k+NtjzaCwfjYjQAChBMhNt5T/7IV7GaTf6jD8fAZx7h9xXgZ2RmYGVjFBsMYfzZYMqjvmwvUBBBBWBIqqW2t5/n+eo/X/6zKj//d38v4HuRKbWoAAwouOher8Pxmtg1cjQIABAFbt8Z32Ai5RAAAAAElFTkSuQmCC)',
            oncommand: "window.open('chrome://browser/content/downloads/contentAreaDownloadsView.xhtml', 'Downloads', 'chrome,resizable=yes,width=600,height=750,left=1220,top=100');"
          };
          for (var p in props)
            toolbaritem.setAttribute(p, props[p]);
          return toolbaritem;
        }
      });
    
      Downloads.getList(Downloads.ALL)
        .then(list => list.addView({
          onDownloadAdded: () =>
            Services.wm.getMostRecentBrowserWindow().document.getElementById('Download-button').click()
        }));
    
    })();
    Alles anzeigen

    Ich fide es richtig gut, aber ...

    wenn der Firefox gestatet wird, öffnet sich auch dieses Downloadfenster.

    Finde ich jetzt nicht wirklich so dolle.

    Könnte jemand das Script so überarbeiten, dass das Fenster nur beim betädigen des Buttons geöffnet wird?

    Bitte.

    So grob habe ich ja eine Vorstellung was gemacht werden müsste, aber ...

    mir fehlt halt das wissen.

  • Bibliotheksfenster

    • Mira_Belle
    • 6. Dezember 2022 um 23:59
    Zitat von harff182

    loxxe :

    Dieses Script könnte Dir helfen:

    JavaScript
    //  Downloadbutton.uc.js
    //    Fenster automatisch auf...
    //    https://www.camp-firefox.de/forum/thema/134677 + aborix in #18
    //
    //    ...
    })();

    Es gibt eine aktuellere Version!

    Beitrag

    RE: Separates Downloads-Fenster?

    […]

    Teste:

    (Quelltext, 36 Zeilen)

    aborix
    9. Mai 2022 um 22:49
    Zitat von DenalB

    Was genau macht das Skript? Wie sieht das dann aus? Bin mit der aktuellen Anzeige der Downloads auch nicht so zufrieden.

    Es erzeugt einen Button

    und

    es öffnet sich ein separates Downloadfenter, welches in der Größe komplett anpassbar ist.

    Apropos Downloadbutton.uc.js,

    kann jemand dies Script so überarbeiten, dass das Downloadfenster nur beim Betätigen des Buttons geöffnet wird?

  • Firefox Tabs nicht wiederherstellbar

    • Mira_Belle
    • 2. Dezember 2022 um 14:23

    Eventuell hilft Dir das Add-on MySessions weiter.

Unterstütze uns!

Jährlich (2025)

105,8 %

105,8% (687,41 von 650 EUR)

Jetzt spenden
  1. Kontakt
  2. Datenschutz
  3. Impressum
Community-Software: WoltLab Suite™
Mastodon