Beiträge von BarbaraZ-

BarbaraZ-

Dann eine logische Frage. Dieses muss dann ja auch in Zeile 52 hinterlegt werden.

Ich denke wenn schon in Zeile 15, dann auch dort. Macht ja Sinn.

BarbaraZ-

Nö, sehe ich keine Notwendigkeit für. Danke für die Erklärung.

BarbaraZ-

Das muss aber nicht geladen werden oder ist es zwingend notwendig?

BarbaraZ-

Hier nun mein Endergebnis, jedenfalls bis auf eine Kleinigkeit.

Die obere Zeile, in Zeile 41 des Codes mit #trademark angesprochen, ist in der nachfolgenden Zeile 42 folgendermaßen definiert:

background-color: dodgerblue !important;

CSS

/* About:Dialog - über Firefox --- In Abwandlung von DeJaVu*/

@-moz-document url-prefix("chrome://browser/content/aboutDialog.xhtml"){
    #aboutDialog,
    #aboutDialogContainer,
    #agent .textbox-input-box,
    #agent,
    #bottomBox,
    #clientBox,
    #leftBox,
    #trademark,
    #updateBox > vbox:nth-child(2) > hbox:nth-child(2),
    #updateButton,
    #version,
    #version:before
    #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'],
        #contributeDesc > label:nth-child(1),
    #contributeDesc > label:nth-child(2),
    #releasenotes,
    
    label.bottom-link:nth-child(3),
        [href='about:credits'],
        [href='about:license'],
        [href='about:rights'],
    #aboutDialog,
    #aboutDialogContainer, 
    #bottomBox,
    #clientBox,
    #trademark
    {
    background-color: dodgerblue !important;}
    }

    label,
    .text-blurb,
    #trademark { 
    font-size: 16px !important;
    }

    #version:before
    {
        content: 'Meine aktuelle Browser-Version ist die:';
        font-size: 18px !important;
        font-weight: bold !important; 
        color: LightCoral !important;
        margin-right: 6px !important;
        margin-left: -24px !important;
    }

    #version  
    {
        font-size: 18px !important;
        margin-top: 30px !important;
        color: Yellow !important;
    }

    #aboutDialog
    {
        height: 350px !important;
    }

    #agent
    {
        appearance: none !important;
        margin: 50px 40px 84px 10px !important;
        max-height: 56px !important;
        padding-top: 7px !important;
        text-align: center !important;
        border: 3px solid green!important; 
        max-width: 1100px !important;
    }

    #agent .textbox-input-box
    {
        margin-top: -1px !important;
        margin-left: 12px !important;
    }

    #bottomBox
    {
        margin-bottom: 30px !important;
        background-color: dodgerblue !important;}
    }

    #updateBox > vbox:nth-child(2) > hbox:nth-child(2)
    {
        margin-top: -25px !important;
        margin-bottom: 20px !important;
    }

    #trademark
    {
        margin-top: 16px !important;
        margin-bottom: -40px !important; 
    }

    #leftBox
    {
        margin-top: 60px !important;
    }


    /* Build ID about Dialog css, Text mittig.*/

    #rightBox textarea
    {
        background-color: yellow !important;
        color: dodgerblue !important;
        text-align: center !important;
        margin-top: 50px !important;
        margin-bottom: 10px !important; 
    }

    #updateButton
    {
        appearance: none !important;
        background: lightred url("../Icons/qd-lupe.gif")no-repeat !important;
        min-width: 360px !important;
        padding-left: 30px !important;
        background-position: 13px !important;
        border: 3px solid sladeblue !important;
        border-width: 2px !important;
        color: black !important;
        margin-bottom: 10px !important;
        margin-top: 0 !important;
    }

    #icons > .icon
    {
        margin-top: 12px !important;
    }

    #updateButton:hover
    {
        appearance: none !important;
        background: darkgray url("../Icons/qd-lupe.gif")no-repeat !important;
        padding-left: 30px !important ;
        background-position: 13px !important;
    }

    #updateButton .button-box
    {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        -moz-padding-start: 3px !important;
        -moz-padding-end: 3px !important;
    }


    #updateBox vbox description.text-blurb label.text-link
    {
        display: none !important;
    }

    [href='about:license']
    {
        appearance: none !important; /* Information zur Lizensierung */
        background: lightgray url("../Icons/qd-info.png")no-repeat !important; 
        color: dodgerblue !important;
        margin-top: 2px !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        border-width: 2px !important;
        background-position: 5px 5px !important;
        border: 3px solid red !important;
    }

    [href='about:license']:hover
    {
        background: darkgray url("../Icons/qd-info.png")no-repeat !important; 
        color: white !important;
        background-position: 5px 5px !important;
    }

    [href="about:rights"]{
        appearance: none !important; /* Endanwenderrechte */
        background: CornflowerBlue url("../Icons/qd-endanwender.png")no-repeat !important;
        color: black !important;
        font-size: 14px !important;
        padding-top: 2px !important;
        margin-right: 11px!important;
        margin-left: -28px !important;
        margin-top: 2px !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        border-color: red !important;
        border-width: 2px !important;
        background-position: 5px 5px !important;
        border: 3px solid yellow !important;
        }

    [href="about:rights"]:hover{
        appearance: none !important;
        background: darkgray url("../Icons/qd-endanwender.png") no-repeat !important;
        color: white !important;
        background-position: 5px 5px !important;
        } 
    
    label.bottom-link:nth-child(3)
    {
        appearance: none !important; /* Datenschutzbestimmungen */
        background: lightgray url("../Icons/qd-datenschutz.png")no-repeat !important;
        color: dodgerblue !important;
        margin-left: -2px !important;
        margin-right: -3px !important;
        margin-top: 1px !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        border-width: 2px !important;
        background-position: 5px 5px !important;
        border: 3px solid orange !important;
    }

    label.bottom-link:nth-child(3):hover
    {
        background: darkgray url("../Icons/qd-datenschutz.png")no-repeat !important;
        color: white !important;
        background-position: 5px 5px !important;
    }

    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']
    {
        appearance: none !important; /* Mozilla */
        background: lightgray url("../Icons/qd-mozilla.png")no-repeat !important;
        color: black !important;
        margin-right: 2px !important;
        padding-right: 15px !important;
        padding-left: 35px !important;
        border-width: 2px !important;
        background-position: 5px 5px !important;
        border: 3px solid magenta !important;
    }

    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']:hover
    {
        background: darkgray url("../Icons/qd-mozilla.png")no-repeat !important;
        color: white !important;
        background-position: 5px 5px !important;
    }

    [href='about:credits']
    {
        appearance: none !important; /* globale Community */
        background: lightgray url("../Icons/qd-community.png")no-repeat !important;
        color: black !important;
        margin-right: 2px !important;
        padding-right: 7px !important;
        padding-left: 35px !important;
        border-width: 2px !important;
        background-position: 5px 5px !important;
        border: 3px solid violet !important;
    }

    [href='about:credits']:hover
    {
        background: darkgray url("../Icons/qd-community.png")no-repeat !important;
        color: white !important;
        background-position: 5px 5px !important;
    }

    #contributeDesc > label:nth-child(2)
    {
        appearance: none !important; /* machen Sie mit */
        background: lightgray url("../Icons/qd-mitmachen.png")no-repeat !important;
        color: black !important;
        margin-left: 2px !important;
        margin-right: 10px !important;
        padding-left: 35px !important;
        padding-right: 15px !important;
        border-color: cadetblue !important;
        border-width: 2px !important;
        background-position: 5px 5px !important;
        border: 3px solid dodgerblue !important;
    }


    #contributeDesc > label:nth-child(2):hover
    {
        background: darkgray url("../Icons/qd-mitmachen.png")no-repeat !important;
        color: white !important;
        background-position: 5px 5px !important;
    }

    #contributeDesc > label:nth-child(1)
    {
        appearance: none !important;  /*Spenden Sie*/
        background: yellow url("../Icons/qd-spenden.png")no-repeat !important;
        color: black !important;
        margin-right: -1px !important;
        padding-left: 35px !important;
        padding-right: 15px !important;
        border-width: 2px !important;
        background-position: 5px 5px !important;
        border: 3px solid pink !important;
    }

    #contributeDesc > label:nth-child(1):hover
    {
        background: darkgray url("../Icons/qd-spenden.png")no-repeat !important;
        color: black !important;
        background-position: 5px 5px !important;
    }

    #releasenotes /*Neue Funktionen und Änderungen*/
    {
        background: lightgray url("../Icons/qd-info.png")no-repeat !important;
        color: black !important;
        margin-left: 10px !important;
        margin-right: 35px !important;
        padding-left: 30px !important;
        padding-right: 20px !important;
        padding-bottom: 1px !important;
        border-width: 2px !important;
        background-position: 5px 5px !important;
        border: 3px solid yellow!important;
        margin-top: 35px !important;
    }

    #releasenotes:hover
    {
        background: darkgray url("../Icons/qd-info.png")no-repeat !important;
        color: white !important;
        background-position: 5px 5px !important;
    }    
    
    #rightBox {
    background-image: none !important;
    padding-top: 0px !important;      
    margin-top: 10px !important;
    }

    #rightBox::before {
    content: "Firefox Browser" !important;
    font-size: 35px !important;
    color: yellow !important;
    }
}

Alles anzeigen

Dieses bewirkt, dass sie zwar in dodgerblue angezeigt wird aber, sobald ich dieses Screen anfertige, sich die Zeile dunkel einfärbt.

Sie soll aber in Dodgerblue bleiben.

Mit dieser letzten Anpassung wird dann für diesen Code der Abschluß erfolgen.

Anschließend wird er dann separat zusätzlich nochmal gesichert. (Für eventuelle "Notfälle").

BarbaraZ-

Erstmal vielen Dank. Weis dann wenigstens, wo ich ansetzen muss. Werde ich später probieren.

Noch einen schönen Abend.

BarbaraZ-

Nachdem ich nun soweit alles umgesetzt habe, sind mir noch Kleinigkeiten aufgefallen, die ich mit meinem Laienhaften Wissen noch nicht beheben kann. Habe viel probiert, bekomme es aber (noch) nicht hin.

1. Die Icons sind alle ein wenig aus der Flucht geraten, heißt, sie sitzen etwas zu hoch.

2. Bei den unteren Containern passt der Abstand nicht ganz. Ist unterschiedlich. Ich hätte sie gerne ein wenig platzsparen zusammengerückt.

Hier mein Code, den ich dank Eurer Hilfe soweit schon mal zusammenbekommen habe:

CSS

/* About:Dialog - über Firefox --- In Abwandlung von DeJaVu*/

@-moz-document url-prefix("chrome://browser/content/aboutDialog.xhtml"){
    #aboutDialog,
    #aboutDialogContainer,
    #agent .textbox-input-box,
    #agent,
    #bottomBox,
    #clientBox,
    #leftBox,
    #trademark,
    #updateBox > vbox:nth-child(2) > hbox:nth-child(2),
    #updateButton,
    #version,
    #version:before
    #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'],
        #contributeDesc > label:nth-child(1),
    #contributeDesc > label:nth-child(2),
    #releasenotes,
    
    label.bottom-link:nth-child(3),
        [href='about:credits'],
        [href='about:license'],
        [href='about:rights'],
    #aboutDialog,
    #aboutDialogContainer, 
    #bottomBox,
    #clientBox,
    #trademark
    {
    background-color: #23008c !important;}
    }

    label,
    .text-blurb,
    #trademark { 
    font-size: 16px !important;
    }

    #version:before
    {
        content: 'Meine aktuelle Browser-Version ist die:';
        font-size: 18px !important;
        font-weight: bold !important;
        color: #f08080 !important;
        margin-right: 6px !important;
        margin-left: -24px !important;
    }

    #version  
    {
        font-size: 18px !important;
        margin-top: 30px !important;
        color: #ffff26 !important;
    }

    #aboutDialog
    {
        height: 350px !important;
    }

    #agent
    {
        appearance: none !important;
        margin: 50px 40px 84px 10px !important;
        max-height: 56px !important;
        padding-top: 5px !important;
        text-align: center !important;
        border: 3px solid !important; 
        max-width: 1100px !important;
    }

    #agent .textbox-input-box
    {
        margin-top: -1px !important;
        margin-left: 12px !important;
    }

    #bottomBox
    {
        margin-bottom: 30px !important;
    }

    #updateBox > vbox:nth-child(2) > hbox:nth-child(2)
    {
        margin-top: -25px !important;
        margin-bottom: 20px !important;
    }

    #trademark
    {
        margin-top: 16px !important;
        margin-bottom: -40px !important; 
    }

    #leftBox
    {
        margin-top: 60px !important;
    }


    /* Build ID about Dialog css, Text mittig.*/

    #rightBox textarea
    {
        background-color: yellow !important;
        color: dodgerblue !important;
        text-align: center !important;
        margin-top: 50px !important;
        margin-bottom: 10px !important; 
    }

    #updateButton
    {
        appearance: none !important;
        background: lightred url("../Icons/qd-lupe.gif")no-repeat !important;
        min-width: 360px !important;
        padding-left: 30px !important;
        background-position: 13px !important;
        border: 3px solid sladeblue !important;
        border-width: 2px !important;
        color: black !important;
        margin-bottom: 10px !important;
        margin-top: 0 !important;
    }

    #icons > .icon
    {
        margin-top: 12px !important;
    }

    #updateButton:hover
    {
        appearance: none !important;
        background: darkgray url("../Icons/qd-lupe.gif")no-repeat !important;
        padding-left: 30px !important ;
        background-position: 13px !important;
    }

    #updateButton .button-box
    {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        -moz-padding-start: 3px !important;
        -moz-padding-end: 3px !important;
    }


    #updateBox vbox description.text-blurb label.text-link
    {
        display: none !important;
    }

    [href='about:license']
    {
        appearance: none !important; /* Information zur Lizensierung */
        background: lightgray url("../Icons/qd-info.png")no-repeat !important; 
        color: dodgerblue !important;
        margin-top: 2px !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        border: 3px solid red !important;
    }

    [href='about:license']:hover
    {
        background: darkgray url("../Icons/qd-info.png")no-repeat !important; 
        color: white !important;
        background-position: 10px 1px !important;
    }

    [href="about:rights"]{
        appearance: none !important; /* Endanwenderrechte */
        background: #B2EDFA url("../Icons/qd-endanwender.png")no-repeat !important;
        color: black !important;
        font-size: 14px !important;
        padding-top: 2px !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        border-color: red !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        border: 3px solid yellow !important;
        }

    [href="about:rights"]:hover{
        appearance: none !important;
        background: darkgray url("../Icons/qd-endanwender.png") no-repeat !important;
        color: white !important;
        background-position: 10px 1px !important;
        } 
    
    label.bottom-link:nth-child(3)
    {
        appearance: none !important; /* Datenschutzbestimmungen */
        background: lightgray url("../Icons/qd-datenschutz.png")no-repeat !important;
        color: dodgerblue !important;
        margin-left: -2px !important;
        margin-right: -3px !important;
        margin-top: 2px !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        border: 3px solid green !important;
    }

    label.bottom-link:nth-child(3):hover
    {
        background: darkgray url("../Icons/qd-datenschutz.png")no-repeat !important;
        color: white !important;
        background-position: 10px 1px !important;
    }

    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']
    {
        appearance: none !important; /* Mozilla */
        background: lightgray url("../Icons/qd-mozilla.png")no-repeat !important;
        color: black !important;
        margin-right: 2px !important;
        padding-right: 15px !important;
        padding-left: 35px !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        border: 3px solid magenta !important;
    }

    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']:hover
    {
        background: darkgray url("../Icons/qd-mozilla.png")no-repeat !important;
        color: white !important;
        background-position: 10px 1px !important;
    }

    [href='about:credits']
    {
        appearance: none !important; /* globale Community */
        background: lightgray url("../Icons/qd-community.png")no-repeat !important;
        color: black !important;
        margin-right: 2px !important;
        padding-right: 5px !important;
        padding-left: 35px !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        border: 3px solid violet !important;
    }

    [href='about:credits']:hover
    {
        background: darkgray url("../Icons/qd-community.png")no-repeat !important;
        color: white !important;
        background-position: 10px 1px !important;
    }

    #contributeDesc > label:nth-child(2)
    {
        appearance: none !important; /* machen Sie mit */
        background: lightgray url("../Icons/qd-mitmachen.png")no-repeat !important;
        color: black !important;
        margin-left: 2px !important;
        margin-right: 10px !important;
        padding-left: 35px !important;
        padding-right: 15px !important;
        border-color: cadetblue !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        border: 3px solid dodgerblue !important;
    }


    #contributeDesc > label:nth-child(2):hover
    {
        background: darkgray url("../Icons/qd-mitmachen.png")no-repeat !important;
        color: white !important;
        background-position: 10px 1px !important;
    }

    #contributeDesc > label:nth-child(1)
    {
        appearance: none !important;  /*Spenden Sie*/
        background: yellow url("../Icons/qd-spenden.png")no-repeat !important;
        color: black !important;
        margin-right: -1px !important;
        padding-left: 35px !important;
        padding-right: 15px !important;
        border-width: 2px !important;
        background-position: 10px 2px !important;
        border: 3px solid pink !important;
    }

    #contributeDesc > label:nth-child(1):hover
    {
        background: darkgray url("../Icons/qd-spenden.png")no-repeat !important;
        color: black !important;
        background-position: 10px 1px !important;
    }

    #releasenotes /*Neue Funktionen und Änderungen*/
    {
        background: lightgray url("../Icons/qd-info.png")no-repeat !important;
        color: black !important;
        margin-left: 10px !important;
        margin-right: 35px !important;
        padding-left: 30px !important;
        padding-right: 20px !important;
        padding-bottom: 1px !important;
        border-width: 2px !important;
        background-position: 7px 3px !important;
        border: 3px solid yellow!important;
        margin-top: 35px !important;
    }

    #releasenotes:hover
    {
        background: darkgray url("../Icons/qd-info.png")no-repeat !important;
        color: white !important;
        background-position: 10px 1px !important;
    }    
    
    #rightBox {
    background-image: none !important;
    padding-top: 0px !important;      
    margin-top: 10px !important;
    }

    #rightBox::before {
    content: "Firefox Browser" !important;
    font-size: 35px !important;
    color: yellow !important;
    }
}

Alles anzeigen

Für das restlich Quentchen möchte ich gerne Hilfe erbeten.

BarbaraZ-

Vielen Dank , für die Erklärung und für den Schnipsel.

BarbaraZ-

Ich habe folgende Zeile deaktiviert, da ich damit gar nicht anfangen kann.

Was bedeutet dieses und welche Auswirkungen hat die Zeile?

Ich konnte nämlich mit und ohne keine Veränderungen feststellen.

CSS

text-decoration: none !important;

BarbaraZ-

Danke an Ralf,

ich habe mich für Deine Ausführung entschieden. So brauchte ich nur eine Zeile einfügen.

2002Andreas Ich meinte die Schrift im Text. Das in den Containern ist nicht ganz so wichtig. Passe ich aber direkt mit an.

BarbaraZ-

Sehr gut. Danke

BarbaraZ-

So, zum neunen Jahresstart gleich nach Hilfe anfragen.

Ich habe mir dieses ein wenig angepasst, heißt ein wenig aufgehübscht:

Was ich leider nicht hinbekomme mit diesem Code:

Bei hover tanzen die Icons, was mich stört. Ich hätte sie gerne an ihrer Positon belassen und die Schrift ist mir ein wenig zu klein. Da ich Courier nicht mag, habe ich diese Schriftart, ebenso wie die Rundungen rausgenommen.

CSS

/* About:Dialog - über Firefox --- In Abwandlung von DeJaVu*/

@-moz-document url-prefix("chrome://browser/content/aboutDialog.xhtml")
{
    #aboutDialog,
    #aboutDialogContainer,
    #agent .textbox-input-box,
    #agent,
    #bottomBox,
    #clientBox,
    #leftBox,
    #trademark,
    #updateBox > vbox:nth-child(2) > hbox:nth-child(2),
    #updateButton,
    #version,
    #version:before
    #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: 18px !important;
    }*/

    #contributeDesc > label:nth-child(1),
    #contributeDesc > label:nth-child(2),
    #releasenotes,
    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']
    {
        text-decoration: none !important;
    }*/

    #aboutDialog,
    #aboutDialogContainer, 
    #bottomBox,
    #clientBox,
    #trademark
    {
        background-color: #23008c !important;
    }

    #version:before
    {
        content: 'Meine aktuelle Browser-Version ist die:';
        font-size: 18px !important;
        font-weight: bold !important;
        color: #f08080 !important;
        margin-right: 6px !important;
        margin-left: -24px !important;
    }

    #version  
    {
        font-size: 18px !important;
        margin-top: 30px !important;
        color: #ffff26 !important;
    }

    #aboutDialog
    {
        height: 350px !important;
    }

    #agent
    {
        appearance: none !important;
        margin: 50px 40px 84px 10px !important;
        max-height: 56px !important;
        padding-top: 5px !important;
        text-align: center !important;
        border: 3px solid !important; 
        max-width: 1100px !important;
    }

    #agent .textbox-input-box
    {
        margin-top: -1px !important;
        margin-left: 12px !important;
    }

    #bottomBox
    {
        margin-bottom: 30px !important;
    }

    #updateBox > vbox:nth-child(2) > hbox:nth-child(2)
    {
        margin-top: -25px !important;
        margin-bottom: 20px !important;
    }

    #trademark
    {
        margin-top: 16px !important;
        margin-bottom: -40px !important;
    }

    #leftBox
    {
        margin-top: 60px !important;
    }


    /* Build ID about Dialog css, Text mittig.*/

    #rightBox textarea
    {
        background-color: yellow !important;
        color: black !important;
        text-align: center !important;
        margin-top: 50px !important;
        margin-bottom: 10px !important; 
    }

    #updateButton
    {
        appearance: none !important;
        background: lightred url("../Icons/qd-lupe.gif")no-repeat !important;
        min-width: 360px !important;
        padding-left: 30px !important;
        background-position: 13px !important;
        border: 3px solid sladeblue !important;
        border-width: 2px !important;
        color: black !important;
        margin-bottom: 10px !important;
        margin-top: 0 !important;
    }

    #icons > .icon
    {
        margin-top: 10px !important;
    }

    #updateButton:hover
    {
        appearance: none !important;
        background: darkgray url("../Icons/qd-lupe.gif")no-repeat !important;
        padding-left: 30px !important ;
        background-position: 13px !important;
    }

    #updateButton .button-box
    {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        -moz-padding-start: 3px !important;
        -moz-padding-end: 3px !important;
    }


    #updateBox vbox description.text-blurb label.text-link
    {
        display: none !important;
    }

    [href='about:license']
    {
        appearance: none !important; /* Information zur Lizensierung */
        background: lightgray url("../Icons/qd-info.png")no-repeat !important; 
        color: dodgerblue !important;
        margin-top: 2px !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        border: 3px solid red !important;
    }

    [href='about:license']:hover
    {
        background: darkgray url("../Icons/qd-info.png")no-repeat !important; 
        color: white !important;
    }

    [href='about:rights']
    {
        appearance: none !important; /* Endanwenderrechte */
        background: Vivid Sky Blue url("../Icons/qd-endanwender.png")no-repeat !important;
        color: black !important;
        margin-left: -28px !important;
        margin-right: 10px !important;
        margin-top: 2px !important;
        padding-right: 20px !important; 
        padding-left: 40px !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        border: 3px solid yellow !important;
    }

    [href='about:rights']:hover 
    {
       background: darkgray url("../Icons/qd-endanwender.png")no-repeat !important;
       color: white !important;
    }

    label.bottom-link:nth-child(3)
    {
        appearance: none !important; /* Datenschutzbestimmungen */
        background: lightgray url("../Icons/qd-datenschutz.png")no-repeat !important;
        color: dodgerblue !important;
        margin-left: -2px !important;
        margin-right: -3px !important;
        margin-top: 2px !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        border: 3px solid green !important;
    }

    label.bottom-link:nth-child(3):hover
    {
        background: darkgray url("../Icons/qd-datenschutz.png")no-repeat !important;
        color: white !important;
    }

    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']
    {
        appearance: none !important; /* Mozilla */
        background: lightgray url("../Icons/qd-mozilla.png")no-repeat !important;
        color: black !important;
        margin-right: 2px !important;
        padding-right: 15px !important;
        padding-left: 35px !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        border: 3px solid magenta !important;
    }

    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']:hover
    {
        background: darkgray url("../Icons/qd-mozilla.png")no-repeat !important;
        color: white !important;
    }

    [href='about:credits']
    {
        appearance: none !important; /* globale Community */
        background: lightgray url("../Icons/qd-community.png")no-repeat !important;
        color: black !important;
        margin-right: 2px !important;
        padding-right: 5px !important;
        padding-left: 35px !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        border: 3px solid violet !important;
    }

    [href='about:credits']:hover
    {
        background: darkgray url("../Icons/qd-community.png")no-repeat !important;
        color: white !important;
    }

    #contributeDesc > label:nth-child(2)
    {
        appearance: none !important; /* machen Sie mit */
        background: lightgray url("../Icons/qd-mitmachen.png")no-repeat !important;
        color: black !important;
        margin-left: 2px !important;
        margin-right: 10px !important;
        padding-left: 35px !important;
        padding-right: 15px !important;
        border-color: cadetblue !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        border: 3px solid dodgerblue !important;
    }


    #contributeDesc > label:nth-child(2):hover
    {
        background: darkgray url("../Icons/qd-mitmachen.png")no-repeat !important;
        color: white !important;
    }

    #contributeDesc > label:nth-child(1)
    {
        appearance: none !important;  /*Spenden Sie*/
        background: yellow url("../Icons/qd-spenden.png")no-repeat !important;
        color: black !important;
        margin-right: -1px !important;
        padding-left: 35px !important;
        padding-right: 15px !important;
        border-width: 2px !important;
        background-position: 10px 2px !important;
        border: 3px solid pink !important;
    }

    #contributeDesc > label:nth-child(1):hover
    {
        background: darkgray url("../Icons/qd-spenden.png")no-repeat !important;
        color: black !important;
    }

    #releasenotes /*Neue Funktionen und Änderungen*/
    {
        background: lightgray url("../Icons/qd-info.png")no-repeat !important;
        color: black !important;
        margin-left: 10px !important;
        margin-right: 35px !important;
        padding-left: 30px !important;
        padding-right: 20px !important;
        padding-bottom: 1px !important;
        border-width: 2px !important;
        background-position: 7px 3px !important;
        border: 3px solid yellow!important;
        margin-top: 35px !important;
    }

    #releasenotes:hover
    {
        background: darkgray url("../Icons/qd-info.png")no-repeat !important;
        color: white !important;
    }
    
#rightBox {
    background-image: none !important;
    padding-top: 0px !important;      
    margin-top: 10px !important;
}

#rightBox::before {
  content: "Firefox Browser" !important;
  font-size: 35px !important;
  color: yellow !important;
}
}

Alles anzeigen

BarbaraZ-

Erst einmal allen ein frohes und hoffentlich gesundes neues Jahr 2022.

Möge es nicht so anstrengend werden wie die letzten beiden Jahre.

BarbaraZ-

Dieses ist gemeint: https://www.rheinwerk-verlag.de/css-das-umfassende-handbuch/

(~~Ha, sehe gerade, es ist wieder im Bestand. War lange Zeit vergriffen, gleich mal bestellen.~~)

Ist immer noch vergriffen. Das E-Book ist erhältlich.

Bin dann erstmal weg. Bis denne.

BarbaraZ-

Das weis ich. Bin auch dankbar dafür.

BarbaraZ-

Na, da habe ich ja zu lernen.

Erst einmal werde ich wohl ohne die Shadow.css arbeiten.

Wenn es hakt und das wird es sicherlich, werde ich nachfragen.

Im nächsten Jahr werde ich mich zunächst mal mit den Grundlagen beschäftigen. Dank Eurer "Hausarbeiten" finde ich, kommt man gut voran und eigene Notizen sind immer hilfreich.

Wobei es für mich einfacher ist, im Handbuch nachzublättern als am Monitor zu scrollen. Leider ist das Buch aus dem Rheinwerk-Verlag, ehemals Galileio-Verlag vergriffen.

BarbaraZ-

Danke.

Bedeutet für mich: Bei Scripten muss ich den kompletten Pfad angeben, bei Codes reicht die, ich nenne es mal Abkürzung. Schon direkt was gelernt.

BarbaraZ-

Moin, ich nutze fondendes Script:

CSS

// ==UserScript==
// @name           extras_config_menu.uc.js
// @compatibility  Firefox 8.*, 9.*, 10.*, 11.*, 12.*, 13.*, 14.*, 15.*, 16.*, 17.*, 57.*
// @include        main
// @version        1.0.20180113
// ==/UserScript==

var uProfMenu = {
  // Beginn der Konfiguration
  // In der folgenden Zeile (11) den Pfad zum Texteditor eintragen. Bei Fehleintrag wird view_source.editor.path ausgelesen:
      TextOpenExe: 'E:\\Notepad++\\notepad++.exe',
  // Falls gewuenscht, in Zeile 13 einen Dateimanager eintragen (komplett leer lassen fuer Dateimanager des Systems) 
    vFileManager: 'C:\\Total Commander\\Totalcmd64.exe',
  // In der folgenden Zeile (17) 'menu' eintragen, damit es unter "Extras" als Menue erscheint, sonst die id des
  // gewuenschten Elements *nach* dem der Button erscheinen soll (z.B. 'urlbar', 'searchbar',
  // 'undoclosetab-button','abp-toolbarbutton')
  // Bitte nicht so etwas wie die Menue- oder Navigationsleiste (sondern einen Menuepunkt oder einen Button
  //  mit id auf diesen Leisten) eintragen:
  warpmenuto: 'urlbar-container',
  // Unter Windows ist es nicht nötig, die userChromeJS-Skripte zu sortieren, (die Sortierung wird Gross- und Klein- 
  // schreibung *nicht* beruecksichtigen - dazu wird die sort()-Funktion entsprechend mit einer Vergleichsfunktion
  //  aufgerufen)
  sortScripts: 0,   // 1 zum Erzwingen der Sortierung
  // Einbindung GM-Skripte-Ordner (0: nein, 1: Greasemonkey [Profil-Verzeichnis], 2: UserScriptLoader [Chrome-Verzeichnis], 3: Scriptish [Profil-Verzeichnis]):
  gmOrdner: 0,
  // Einbindung CSS-Ordner (0: nein, 1: UserCSSLoader-Ordner im Chrome-Verzeichnis):
  cssOrdner: 1,
  CSSWebOrdner: 1,
  CSSForumOrdner: 1,
  // In Zeile 33 gueltige about:Adressen eintragen, die ebenfalls aufgerufen werden sollen.
  // - Zum Ausblenden: abouts: [],
  // - Damit die about:-Seiten nicht als Untermenue, sondern direkt als Menuepunkte aufgefuehrt werden, muss das erste Element '0' sein:
  // abouts: ['0','about:about','about:addons','about:cache','about:config','about:support'],
   abouts: ['about:about','about:addons','about:cache','about:config','about:crashes','about:downloads','about:logins','about:support','about:preferences','about:profiles'],
  // Die normalen Firefox-Einstellungen auch zur Verfuegung stellen (0: nein, 1: ja):
  showNormalPrefs: 0,
  // Stellt "Skriptliste in Zwischenablage" zur Verfuegung (1: ja, 2: mit getrennter Nummerierung, 3: mit gemeinsamer Nummerierung) oder nicht (0):
  enableScriptsToClip: 1,
  // Um den Eintrag "Neustart" zu erzwingen (falls z.B. das andere Skript zu spaet eingebunden und nicht erkannt wird), auf 1 setzen:
  enableRestart: 0,
  // Ende der Konfiguration

  init: function() {
    if (this.warpmenuto.toLowerCase() == 'menu') {
      // aufgrund des gewaehlten warpmenuto als Untermenue von Extras anlegen
      var zielmenu = document.getElementById('menu_ToolsPopup');
      if (zielmenu==null) {
        userChrome.log("extras_config_menu.uc.js findet Zielmenue nicht, evtl. weil ein anderes Fenster als das Hauptfenster " +
                       "geoeffnet wurde. Falls dieser Fehler auch im Hauptfenster auftritt, bitte die vorgehende Definition " +
                       "von 'zielmenu' kontrollieren.");
        return;
      }
      var menu = zielmenu.appendChild(this.createME("menu","Config Men\u00FC",0,0,"ExtraConfigMenu"));
      menu.setAttribute("class","menu-iconic");
      menu.setAttribute("ondblclick","openTrustedLinkIn('about:config', 'tab');");
     } else {
      // als Button nach dem per warpmenuto gewaehlten Element anlegen (s. Kommentar ueber warpmenuto im Konfigurationsabschnitt)
      var zielmenu = document.getElementById(this.warpmenuto);
      if (zielmenu==null) {
        userChrome.log("extras_config_menu.uc.js findet Zielpunkt '"+this.warpmenuto+"' nicht, evtl. weil ein anderes Fenster als das Hauptfenster " +
                       "geoeffnet wurde. Falls dieser Fehler auch im Hauptfenster auftritt, bitte die vorgehende Definition " +
                       "von 'warpmenuto' kontrollieren.");
        return;
      }
      var menu = zielmenu.parentNode.insertBefore(document.createXULElement('toolbarbutton'), zielmenu.nextSibling);
      menu.setAttribute("id", "ExtraConfigMenu-button");
      menu.setAttribute("class", "toolbarbutton-1");
      menu.setAttribute("type", "menu");
      menu.setAttribute("tooltiptext", "Extra Config Menü\nMittelklick \öffnet about:config");
      menu.setAttribute("onclick", "if (event.button === 1 && !this.open) openTrustedLinkIn('about:config', 'tab');");
    }
    //ab hier ist alles gleich, egal ob Button oder Menue
    var css = " \
      #ExtraConfigMenu, #ExtraConfigMenu-button { \
        list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACnElEQVR4Xm2RzYtbZRSHn/fr3pvJzTB3qiNM2k2pMBUGhEHaqsUqdeFGQalCobgREaFu/B/cqCtxVSjoQhBEQRBmIfWDKgNGJUPt0Nhah9JJ4iSd5E6+bu5972tAO4SS5/DjXZ1znsMrNiq1eikMQqYYJCmjxNH5+zdW777L0J5KKl9VPmnf+ut9KWkwhbheuzNcOVYOmGKc5iRO0r1ykeXCx0h7kt4fC3z5wfqbQnAJwQHa5S7jAZSRuJ0mkf81cheobhBXZa+ri1uptQjHAZoZCEC1PiPgDuwxCfwerBU7b73zXn//3usCcdt4HkZ7SGZg431U51NUCgwlO3cV/bVXhR/6p9ut+nP9QYeNn7/n8qUPZxvQ/Q6VVWHk4ZqWRvlJjpx9hcGfW2wO95N2q8m3618A2WwDt/0RplSAXsBed57eyossHl5GYdHacG3zGpADM06wjQ1UUIN+CLHPvfAxojPnKLiE+bDE1R9+5GatAmgPeGCAteQ7l5GBhGSyuROyd/gFouUyWkqEErR2mwXAAA8BRS0AgMQBjSra30ZkEeDzz9Dn4ZcvMO51SMcJcTdGChmA0ABA6cAgzyG3I8jLEBylV4fWoaeIc0V7t0Uv7pFbC+CA+28mp/8+SwXKnMVmz1O9HpE+eobMZdjcoY1GIHD/NwIdoH1fBaNguzlg88pVyoUi4vTbFI8eJxsNAIfSkrliESllH/L0v0jktNNomFGv1TFrL3Fo9QSMR3jaEEXzLC09gjaKp595No0WjyCEB4zRclICUMDxtRMce/wJ1MIi2SglXShhfI/cOjxPoZRmbq4gXzt/gVrtBrdvbiG+Wf+p/mvll1BpiVAGhCDPxuAUDotz4HKHlIJON6bRbL4hhPjcMx5mkn8BBLEUrsVZbq0AAAAASUVORK5CYII=) !important; \
        } \
      #ExtraConfigMenu-button > dropmarker, #ExtraConfigMenu-button > hbox > .toolbarbutton-menu-dropmarker { \
        display: none !important; \
      }";
    var sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
    var uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(css));
    sss.loadAndRegisterSheet(uri,sss.AGENT_SHEET);
    menu.setAttribute("onpopupshowing","uProfMenu.getScripts(0)");
    var menupopup = menu.appendChild(this.createME("menupopup",0,0,0,"ExtraConfigMenu-popup"));
    // menupopup.appendChild(this.createME("menuitem","userChrome.js","uProfMenu.edit(0,'userChrome.js');","uProfMenu_edit",0));
    // Anlegen von Untermenues fuer die userChromeJS-Skripte (befuellt werden sie spaeter)
    var submenu=menupopup.appendChild(this.createME("menu","uc.js",0,0,"submenu-ucjs"));
    var submenupopup = submenu.appendChild(this.createME("menupopup",0,0,0,"submenu-ucjs-items"));
    //var submenu=menupopup.appendChild(this.createME("menu","uc.xul",0,0,"submenu-ucxul"));
    //var submenupopup = submenu.appendChild(this.createME("menupopup",0,0,0,"submenu-ucxul-items"));
    if (this.enableScriptsToClip) menupopup.appendChild(this.createME("menuitem","Skriptliste in Zwischenablage   ","uProfMenu.getScripts(1)","uProfMenu_clipboard",0));
     // Ende Anlegen von Untermenues fuer die userChromeJS-Skripte
    menupopup.appendChild(document.createXULElement('menuseparator'));
     // Einbindung von Konfigdateien    
    menupopup.appendChild(this.createME("menuitem","userChrome.css","uProfMenu.edit(0,'userChrome.css');","uProfMenu_edit",0));
    menupopup.appendChild(this.createME("menuitem","userContent.css","uProfMenu.edit(0,'userContent.css');","uProfMenu_edit",0));
    menupopup.appendChild(this.createME("menuitem","userChromeShadow.css","uProfMenu.edit(0,'userChromeShadow.css');","uProfMenu_edit",0));
    menupopup.appendChild(this.createME("menuitem","prefs.js","uProfMenu.edit(1,'prefs.js');","uProfMenu_edit",0));
    menupopup.appendChild(this.createME("menuitem","user.js","uProfMenu.edit(1,'user.js');","uProfMenu_edit"),0);
    menupopup.appendChild(this.createME("menuitem","userChrome.js","uProfMenu.edit(0,'userChrome.js');","uProfMenu_edit",0));
    // Ende Einbindung von Konfigdateien
    menupopup.appendChild(document.createXULElement('menuseparator'));
    // Einbindung von Ordnern
    switch (this.gmOrdner) {
      case 1:
        menupopup.appendChild(this.createME("menuitem","GM Skripte","uProfMenu.dirOpen(uProfMenu.getPrefDirectoryPath('ProfD')+uProfMenu.getDirSep()+'gm_scripts');","uProfMenu_folder"),0);
        break;
      case 2:
        menupopup.appendChild(this.createME("menuitem","USL Skripte","uProfMenu.dirOpen(uProfMenu.getPrefDirectoryPath('UChrm')+uProfMenu.getDirSep()+'UserScriptLoader');","uProfMenu_folder"),0);
        break;
      case 3:
        menupopup.appendChild(this.createME("menuitem","Scriptish Skripte","uProfMenu.dirOpen(uProfMenu.getPrefDirectoryPath('ProfD')+uProfMenu.getDirSep()+'scriptish_scripts');","uProfMenu_folder"),0);
        break;
    }
    if (this.cssOrdner) {
      menupopup.appendChild(this.createME("menuitem","CSS-Ordner","uProfMenu.dirOpen(uProfMenu.getPrefDirectoryPath('UChrm')+uProfMenu.getDirSep()+'CSS');","uProfMenu_folder"),0);
    }
    if (this.CSSWebOrdner) {
    menupopup.appendChild(this.createME("menuitem","CSSWeb-Ordner","uProfMenu.dirOpen(uProfMenu.getPrefDirectoryPath('UChrm')+uProfMenu.getDirSep()+'CSSWeb');","uProfMenu_folder"),0);
    }
    if (this.CSSForumOrdner) {
    menupopup.appendChild(this.createME("menuitem","CSSForum-Ordner","uProfMenu.dirOpen(uProfMenu.getPrefDirectoryPath('UChrm')+uProfMenu.getDirSep()+'CSSForum');","uProfMenu_folder"),0);
    }
    menupopup.appendChild(this.createME("menuitem","Chromeordner","uProfMenu.prefDirOpen('UChrm');","uProfMenu_folder"),0);
    menupopup.appendChild(this.createME("menuitem","Profilordner","uProfMenu.prefDirOpen('ProfD');","uProfMenu_folder"),0);
    menupopup.appendChild(this.createME("menuitem","Addonordner","uProfMenu.dirOpen(uProfMenu.getPrefDirectoryPath('ProfD')+uProfMenu.getDirSep()+'extensions');","uProfMenu_folder"),0);
    menupopup.appendChild(this.createME("menuitem","Installationsordner","uProfMenu.prefDirOpen('CurProcD');","uProfMenu_folder"),0);
    menupopup.appendChild(this.createME("menuitem","Startup-Cacheordner","uProfMenu.dirOpen(uProfMenu.getPrefDirectoryPath('ProfLD')+uProfMenu.getDirSep()+'startupCache');","uProfMenu_folder"),0);
    // Ende Einbindung von Ordnern
    // Einbindung von abouts
    if (this.abouts.length>0) {
      menupopup.appendChild(document.createXULElement('menuseparator'));
      // falls der erste Eintrag des arrays ='0' ist, dann kein Untermenue anlegen, sondern direkt als Menuepunkte einbinden
      if (this.abouts[0]=='0') {
        for (var i = 1; i < this.abouts.length; i++) {
         menupopup.appendChild(this.createME("menuitem",this.abouts[i],"openTrustedLinkIn('"+this.abouts[i]+"','tab')","uProfMenu_about"),0);
        }
       } else {
        // der erste Eintrag des arrays ist ungleich '0', deshalb als Untermenue einrichten
        var submenu=menupopup.appendChild(this.createME("menu","uc.js",0,0,"submenu-about"));
        var submenupopup = submenu.appendChild(this.createME("menupopup",0,0,0,"submenu-about-items"));
        this.fillMenu("submenu-about","submenu-about-items", "about:",this.abouts,"uProfMenu_about",1);
      }
    }
    // Ende Einbindung von abouts
    // Separator, falls dieser nicht schon durch abouts generiert wurde und weitere Menuepunkte folgen werden
    if (this.abouts.length==0 && (this.showNormalPrefs || typeof(ToolRstartMod) != "undefined")) menupopup.appendChild(document.createXULElement('menuseparator'));
    // Falls gewuenscht (s. Konfigurationsabschnitt), Zugriff auf die normalen Einstellungen
    if (this.showNormalPrefs) menupopup.appendChild(this.createME("menuitem","Einstellungen","try{openOptionsDialog();}catch(e){openPreferences();}","uProfMenu_prefs"),0);
    // Falls addRestartButton installiert ist, Neustart zur Verfuegung stellen (addRestartButton 1.0.20120105mod erforderlich)
    if(typeof(ToolRstartMod) != "undefined" || this.enableRestart) menupopup.appendChild(this.createME("menuitem","Neustart",
    "try{ToolRstartMod.restartApp(false);} catch(e){alert(e);}","uProfMenu_restart"),0);

  },


  getDirSep:function() {
    // Betriebssystem nach https://developer.mozilla.org/en/Code_snippets/Miscellaneous ermitteln
    var osString = Components.classes["@mozilla.org/xre/app-info;1"].getService(Components.interfaces.nsIXULRuntime).OS;
    var dirsep="/";
    switch(osString) {
      case "WINNT":
        dirsep="\\";
        break;
      case "Linux":
        dirsep="/";
        break;
      case "Darwin":
        dirsep="/";
        break;
    }
    return dirsep;
  },


  edit:function(OpenMode,Filename){
    var Path = "";
    var dSep = this.getDirSep();  // die Trennzeichen zwischen Ordnern abhaengig vom Betriebssystem machen
    switch (OpenMode){
      //Current is Chrome Directory
      case 0:
        var Path = this.getPrefDirectoryPath("UChrm") + dSep + Filename;
        break;
      //Current is Profile Directory
      case 1:
        var Path = this.getPrefDirectoryPath("ProfD") + dSep + Filename;
        break;
      //Current is Root
      case 2:
        var Path = Filename;
        break;
    }
    this.launch(this.TextOpenExe,Path);
  },


  dirOpen:function(Path){
    if (this.vFileManager.length != 0) {
      var file = Cc['@mozilla.org/file/local;1'].createInstance(Ci.nsIFile);
      var process = Cc['@mozilla.org/process/util;1'].createInstance(Ci.nsIProcess);
      var args=[Path];
      file.initWithPath(this.vFileManager);
      process.init(file);
      // Verzeichnis mit anderem Dateimanager oeffnen
      process.run(false, args, args.length);
     } else {
      // Verzeichnis mit Dateimanager des Systems oeffnen
      var dir = Cc["@mozilla.org/file/local;1"].createInstance(Ci.nsIFile);
      dir.initWithPath(Path);
      dir.launch();
    }
  },


  prefDirOpen:function(prefDir){
    Path = this.getPrefDirectoryPath(prefDir);
    this.dirOpen(Path);
  },


  getPrefDirectoryPath:function(str){
    // get profile directory
    var file = Components.classes["@mozilla.org/file/directory_service;1"]
      .getService(Components.interfaces.nsIProperties)
      .get(str, Components.interfaces.nsIFile);
    if (str == 'CurProcD') {
      file = file.parent;
    };
    return file.path;
  },


  launch:function(RanPath,OpenPath){
    var file = Components.classes["@mozilla.org/file/local;1"].createInstance(Components.interfaces.nsIFile);
    var proc = Components.classes["@mozilla.org/process/util;1"].createInstance(Components.interfaces.nsIProcess);
    var args = [OpenPath];
    file.initWithPath(RanPath);
    // falls der im Konfigurationsabschnitt definierte Editor nicht gefunden wird, auf Einstellung in about:config ausweichen:
    if (!file.exists()) {
      var pref = Components.classes["@mozilla.org/preferences-service;1"].getService(Components.interfaces.nsIPrefBranch);
      RanPath=pref.getCharPref("view_source.editor.path");
      file.initWithPath(RanPath);
    }
    proc.init(file);
    proc.run(false, args, args.length);
  },


  stringComparison:function(a, b){
    a = a.toLowerCase();
    a = a.replace(/ä/g,"a");
    a = a.replace(/ö/g,"o");
    a = a.replace(/ü/g,"u");
    a = a.replace(/ß/g,"s");
    b = b.toLowerCase();
    b = b.replace(/ä/g,"a");
    b = b.replace(/ö/g,"o");
    b = b.replace(/ü/g,"u");
    b = b.replace(/ß/g,"s");
    return(a==b)?0:(a>b)?1:-1;
  },


  getScripts:function(iType) {
    // Arrays (jeweils ein Array fuer uc.js und uc.xul) nehmen Namen der gefundenen Skripte auf
    let ucJsScripts = [];
    let ucXulScripts = [];
    // Suchmuster, also die Dateierweiterungen uc.js und uc.xul
    let extjs = /\.uc\.js$/i;
    let extxul= /\.uc\.xul$/i;
    let aFolder = Cc['@mozilla.org/file/local;1'].createInstance(Ci.nsIFile);
    aFolder.initWithPath(Services.dirsvc.get("UChrm", Ci.nsIFile).path);
    // files mit Eintraegen im Chrome-Ordner befuellen
    let files = aFolder.directoryEntries.QueryInterface(Ci.nsISimpleEnumerator);
    // Ordner bzw. files durchlaufen und kontrollieren, ob gesuchte Dateien dabei sind
    while (files.hasMoreElements()) {
      let file = files.getNext().QueryInterface(Ci.nsIFile);
      // keine gewuenschte Datei, deshalb continue
      if (!extjs.test(file.leafName) && !extxul.test(file.leafName)) continue;
      // uc.js gefunden -> im Array ablegen
      if (extjs.test(file.leafName)) ucJsScripts.push(file.leafName);
      // uc.xul gefunden -> im Array ablegen
      if (extxul.test(file.leafName)) ucXulScripts.push(file.leafName);
    }
    if (this.sortScripts) {
      ucJsScripts.sort(this.stringComparison);
      ucXulScripts.sort(this.stringComparison);
    }
    // Aufruf der naechsten Methoden um die beiden Untermenues oder die Zwischenablage zu befuellen
    if (iType==0) {
      this.fillMenu("submenu-ucjs","submenu-ucjs-items","Meine Scripte",ucJsScripts,"uProfMenu_ucjs",0);
      this.fillMenu("submenu-ucxul","submenu-ucxul-items", "uc.xul",ucXulScripts,"uProfMenu_ucxul",0);
     } else {
      var result=this.fillClipboardValue(ucJsScripts,ucXulScripts);
      Components.classes["@mozilla.org/widget/clipboardhelper;1"].getService(Components.interfaces.nsIClipboardHelper).copyString(result);
    }
  },


  fillMenu:function(whichsubmenu, whichsubmenuitems, strlabel, scriptArray,sClass,sTyp) {
    // Beschriftung des Untermenues mit Anzahl der gefundenen Dateien ergaenzen
    var e = document.getElementById(whichsubmenu);
    e.setAttribute('label',strlabel + ' (' + scriptArray.length + ')');
    var popup = document.getElementById(whichsubmenuitems);
    // zunaechst Untermenue zuruecksetzen
    while(popup.hasChildNodes()){
      popup.removeChild(popup.firstChild);
    }
    // Untermenue endlich befuellen
    for (var i = scriptArray.length-1; i > -1; i--) {
      // bisher nur eine Typunterscheidung (userChromeJS-Skript oder about:)
      if (sTyp==0){
        var mitem = this.createME("menuitem",scriptArray[i],"uProfMenu.edit(0,'"+scriptArray[i]+"')",sClass,0);
        mitem.setAttribute("onclick","uProfMenu.openAtGithub(event,'"+scriptArray[i]+"')");
        mitem.setAttribute("tooltiptext"," Linksklick: Bearbeiten,\n Mittelklick: https://github.com/.../"+this.cleanFileName(scriptArray[i])+" \u00F6ffnen,\n Rechtsklick: Suche auf GitHub");
       } else {
        var mitem = this.createME("menuitem",scriptArray[i],"openTrustedLinkIn('"+scriptArray[i]+"','tab')",sClass,0);
      }
      popup.insertBefore(mitem, popup.firstChild);
    }
  },


  fillClipboardValue:function(sArray,xArray) {
    var retValue;
    var s = 0;
    var x = 0;
    s = sArray.length;
    x = xArray.length;
    switch(this.enableScriptsToClip) {
      case 1:
        retValue = "userChromeJS/uc.js ("+s+"):\n------------------------\n"+sArray.join("\n")+
                   "\n\nuserChromeJS/uc.xul ("+x+"):\n-------------------------\n"+xArray.join("\n");
        break;
      default:
        retValue = "userChromeJS/uc.js ("+s+"):\n------------------------";
        for (var i = 0; i < s ; i++) {
          j = i + 1;
          retValue = retValue + "\n" + j + ". " + sArray[i];
        }
        retValue = retValue + "\n\nuserChromeJS/uc.xul ("+x+"):\n-------------------------";
        if (this.enableScriptsToClip==2) s = 0;
        for (var i = 0; i < x ; i++) {
          j = i + s + 1;
          retValue = retValue + "\n" + j + ". " + xArray[i];
        }
        break;
    }
    return retValue;
  },


  createME:function(sTyp,sLabel,sCommand,sClass,sId) {
    // Anlegen von menuitem, menu oder menupop - fuer bestimmte Typen nicht eingesetzte Parameter werden als 0 uebergeben
    const XUL_NS = "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
    var m = document.createElementNS(XUL_NS, sTyp);
    switch (sTyp) {
      case "menuitem":
        // this.createME("menuitem","Label des Items","ZuzuweisenderCodeFueroncommand","GewuenschteKlasseDesItems",0)
        m.setAttribute('label', sLabel);
        m.setAttribute('oncommand',sCommand);
        m.setAttribute('class',sClass);
        break;
      case "menu":
        // this.createME("menu","Label des Menues",0,0,"GewuenschteIdDesMenues")
        m.setAttribute('label', sLabel);
        m.setAttribute('id', sId);
        break;
      case "menupopup":
        //this.createME("menupopup",0,0,0,"GewuenschteIdDesMenupopups");
        m.setAttribute('id', sId);
        break;
    }
    return m;
  },


  openAtGithub:function(e,sScript) {
    if (e.button==1){
      // Mittelklick - Seite auf GitHub oeffnen (funktionier nur, wenn Ordner- und bereinigter Dateiname [ohne Erweiterung] uebereinstimmen):
      var sUrl="https://github.com/ardiman/userChrome.js/tree/master/"+this.cleanFileName(sScript);
      openWebLinkIn(sUrl, 'tab');
    }
    if (e.button==2){
      // Rechtsklick - Suche auf GitHub starten (funktioniert nur, wenn der Dateiname im Code hinterlegt ist):
      e.preventDefault();
      var sUrl="https://github.com/search?langOverride=&language=&q="+sScript+"&repo=&start_value=1&type=Code";
      openWebLinkIn(sUrl, 'tab');
    }
  },


  cleanFileName:function(sName) {
    sName=sName.toLowerCase();
    /* Das folgende Array enthaelt regulaere Ausdruecke, um ungueltige Zeichenfolgen entfernen:
    /Datei-Erweiterungen am Ende/, /"ucjs_" am Anfang/, /"_"gefolgtVonZahlUndDanachBeliebigenZeichen/
    / "_fx"gefolgtVonZahl(en)/, /"-" oder "+" oder "."/, /"_v"gefolgtVonZahlen
    */
    var regs=[/\.uc\.js$/,/\.uc\.xul$/,/^ucjs_/,/_\d.+/,/_fx\d+/,/[-+\.]/g,/_v\d+/];
    for (var i = 0; i < regs.length; i++) {
      sName=sName.replace(regs[i],"");
    }
    return sName;
  }

};
uProfMenu.init();

Alles anzeigen

Hier möchte ich gerne diese Passage (im Script die Zeile 75):

CSS

#ExtraConfigMenu, #ExtraConfigMenu-button { \
        list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACnElEQVR4Xm2RzYtbZRSHn/fr3pvJzTB3qiNM2k2pMBUGhEHaqsUqdeFGQalCobgREaFu/B/cqCtxVSjoQhBEQRBmIfWDKgNGJUPt0Nhah9JJ4iSd5E6+bu5972tAO4SS5/DjXZ1znsMrNiq1eikMQqYYJCmjxNH5+zdW777L0J5KKl9VPmnf+ut9KWkwhbheuzNcOVYOmGKc5iRO0r1ykeXCx0h7kt4fC3z5wfqbQnAJwQHa5S7jAZSRuJ0mkf81cheobhBXZa+ri1uptQjHAZoZCEC1PiPgDuwxCfwerBU7b73zXn//3usCcdt4HkZ7SGZg431U51NUCgwlO3cV/bVXhR/6p9ut+nP9QYeNn7/n8qUPZxvQ/Q6VVWHk4ZqWRvlJjpx9hcGfW2wO95N2q8m3618A2WwDt/0RplSAXsBed57eyossHl5GYdHacG3zGpADM06wjQ1UUIN+CLHPvfAxojPnKLiE+bDE1R9+5GatAmgPeGCAteQ7l5GBhGSyuROyd/gFouUyWkqEErR2mwXAAA8BRS0AgMQBjSra30ZkEeDzz9Dn4ZcvMO51SMcJcTdGChmA0ABA6cAgzyG3I8jLEBylV4fWoaeIc0V7t0Uv7pFbC+CA+28mp/8+SwXKnMVmz1O9HpE+eobMZdjcoY1GIHD/NwIdoH1fBaNguzlg88pVyoUi4vTbFI8eJxsNAIfSkrliESllH/L0v0jktNNomFGv1TFrL3Fo9QSMR3jaEEXzLC09gjaKp595No0WjyCEB4zRclICUMDxtRMce/wJ1MIi2SglXShhfI/cOjxPoZRmbq4gXzt/gVrtBrdvbiG+Wf+p/mvll1BpiVAGhCDPxuAUDotz4HKHlIJON6bRbL4hhPjcMx5mkn8BBLEUrsVZbq0AAAAASUVORK5CYII=) !important; \
        } \

ändern in:

Code

url("../Icons/Stift.png")

Normalerweise würde ich dieses von url bis ) eins zu eins austauschen. Klappt aber nicht.

Was muss ich statt dessen korrekt einsetzen?

Hintergrund: Ich wechsel gerade alle dbase64 Icons aus.

BarbaraZ-

Hallo Harff182, leider lese ich erst jetzt, gerne stelle ich Dir die Icons zur Verfügung.

Am besten per PN anschreiben, wenn noch Bedarf besteht.

BarbaraZ-

Ich habe mich jetzt für den Code aus #24 entschieden und den angepasst (wegen runder Ecken und der Schriftart).

Sieht zwar vom Aufbau her anders aus, hängt wahrscheinlich, so vermute ich, mit Nightly zusammen.

Der Code macht, was er soll, das ist wichtig und zählt.

Sieht so aus, wie ich es haben möchte. Danke für die Hilfe

BarbaraZ-

Der Code aus #24 enthält dann wieder margin und padding Werte.

Habe irgendwo gelesen, das die Margin-Werte eigentlich überflüssig sein sollen.

Oder habe ich da was falsch interpretiert.

Muss dann nochmal basteln im bestehenden Code.

Beiträge von BarbaraZ-

Hilfe Dialog (über Firefox)

Dialog Hilfe/Über Firefox

Dialog Hilfe/Über Firefox

Hilfe Dialog (über Firefox)

Dialog Hilfe/Über Firefox

Dialog Hilfe/Über Firefox

Hilfe Dialog (über Firefox)

Hilfe Dialog (über Firefox)

Hilfe Dialog (über Firefox)

2021-Update: Aktualisierung auf WoltLab Suite 5.4

Hilfe Dialog (über Firefox)

Frohe Weihnachten und einen guten Rutsch

UserScript Extra config Menu

UserScript Extra config Menu

UserScript Extra config Menu

UserScript Extra config Menu

UserScript Extra config Menu

Hilfe Dialog (über Firefox)

Hilfe Dialog (über Firefox)

Hilfe Dialog (über Firefox)