Dialog Hilfe/Über Firefox

2002Andreas

Zitat von FuchsFan

er freut sich jetzt auch.

Siehste, das ist der beste Beweis, er fühlt sich bei dir wohl

Wenn er mal beleidigt sein sollte, dann sieht das bei ihm so aus:

harff182

Zitat von milupo

Ersetze mal \0D durch \A. Ob du da Leerzeichen davor und/oder dahinter machen musst, musst du mal ausprobieren.

Danke, da hab ich in dem Zusammenhang auch wieder was zum Lernen

Ich hab mich aber anders entschieden, die Idee mit einer großen Grafik hat gewonnen, s.u.

Zitat von grisu2099

So siehts aus...

Habbich dann doch mal schnell adoptiert

Zwischen-Ergebnis (to be shurely fine-tuned):

Durch die GFX hab ich auch eine Zusatzzeile in einem anderen Font und ohne Zeilenumbruch realisieren können

Alles in allem war dieser mittlerweile doch recht lustige Thread (r)echt lehrreich für meinereiner.

Allen Beteiligten ein

Spoiler anzeigen

Wenns ums Updaten auf FF96 oder 95.irgendwas geht, grab ich den aber bestimmt wieder aus

FuchsFan

Zitat von 2002Andreas

Siehste, das ist der beste Beweis, er fühlt sich bei dir wohl

Ja, genau, schlägt sogar Purzelbaum.

2002Andreas

Zitat von harff182

doch recht lustige Thread

Naja, manchmal muss einfach etwas Spaß sein, danke für dein Verständnis, es ist ja schließlich dein Thread.

FuchsFan

Zitat von harff182

Alles in allem war dieser mittlerweile doch recht lustige Thread (r)echt lehrreich für meinereiner.

Freut mich auch, war nicht so langweilig.

Mal eine andere Sache, gefallen Dir die Unterstriche in den Button?

harff182

Die Clown-Gewerkschaft ist bestimmt + , weil hier so viele im Neuen Jahr gefrühstückt wurden

Zitat von FuchsFan

Mal eine andere Sache, gefallen Dir die Unterstriche in den Button?

Frei nach Radio Eriwan: Im Prinzip ja, aber.... .....wenn ich sie weg haben will, weis ich wie

FuchsFan

Zitat von harff182

.wenn ich sie weg haben will, weis ich wie

Danke, alles ist gut!

milupo

Ein bisschen Bewegung tut auch gut, wie wäre es mal mit einer Schiffsschaukel?

aboutdialog_schiffsschaukel

Mira_Belle

Allen ein gesundes und glückliches neues Jahr.

Eine kleine Frage von mir.

Kann ein Zeilenumbruch in einem Text auch erzwungen werden?

Firefox wird .... Mozilla, einer globalen Community, !! und genau hier sollte der Zeilenumbruch sein.

Und überhaupt vielen Dank für die Anregungen in diesem herrlichen Thread.

harff182

Zitat von harff182

Wenns ums Updaten auf FF96 oder 95.irgendwas geht, grab ich den aber bestimmt wieder aus

Hat sich auch schon erledigt, habn Backup-Archiv mit 9201 gefindet und solange rumgetrixt, bissich zufrieden war

Zitat von Mira_Belle

Allen ein gesundes und glückliches neues Jahr.

Dir latürnich auch

Zitat von Mira_Belle

!! und genau hier sollte der Zeilenumbruch sein.

Au ja, binnich auch für

milupo vor, noch ein Code

BTW:

Zitat von milupo

wie wäre es mal mit einer Schiffsschaukel?

Die is aber nur für Kinder oder Rentner, die überschlägt sich ja nichmal

2002Andreas

Zitat von harff182

vor, noch ein Code

Schade, aber du hast nach milupo gerufen

harff182

Zitat von 2002Andreas

Schade, aber du hast nach milupo gerufen

Boah, Du fiese Möpp, Du läst Mira_Belle so einfach im Regen stehn?

Nicht daß sie sich noch was bricht, wenn sie von einem Fuß auf den andern hampelt

Mira_Belle

Mh, schön dass es geht.

Habe mich am Code versucht, komme aber einfach nicht drauf.

Habe an verschiedenen Stellen mit margin und padding gespielt,

habe aber keinen Erfolg gehabt.

Auch habe ich versucht direkt den Text in zwei Zeilen zu bekommen,

hat aber auch irgendwie nicht geklappt.

milupo

Zitat von harff182

Die is aber nur für Kinder oder Rentner, die überschlägt sich ja nichmal

War auch nicht für dich gedacht - aber bedenke: Du wirst auch einmal ein Rentner sein.

2002Andreas

Ich hoffe mal, milupo verzeiht mir die Antwort.

CSS

#communityDesc {
  max-width: 472px !important;
}

Den Wert anpassen, bis es passt.

milupo

Zitat von 2002Andreas

Ich hoffe mal, milupo verzeiht mir die Antwort.

Aber klar doch. War eben kurz etwas essen.

2002Andreas

Zitat von milupo

War eben kurz etwas essen.

Das ist auch viel wichtiger als jeder Code hier

Mira_Belle

Danke Andreas.

Das vorläufige Ergebnis präsentiere ich hier.

Den dazugehörigen Code hier =>

CSS

@-moz-document url-prefix("chrome://browser/content/aboutDialog.xhtml")
{
    /*---------------------------------------------------*/
    /****       Anpassungen an dem About:Dialog       ****/
    /*---------------------------------------------------*/
    
    #aboutDialogContainer {
        margin-top: 20px !important;
        margin-bottom: 20px !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;
    }

    #rightBox::before {
        content: "Firefox Browser" !important;
        font-size: 40px !important;
        font-weight: 700 !important;
        color: #fff582 !important;
        text-shadow: 4px 4px red !important;
    }

    #rightBox {
        background-image: none !important;
        padding-top: 1px !important;      
        margin-top: 1px !important;
    }

    #aboutDialog,
    #bottomBox,
    #clientBox {
        background-color: #292c2f !important;
    }

    #trademark {
        padding-top: 10px !important;
        text-align: center !important;
        color: #e1e1e1 !important;
        font-size: 13px !important;    
        font-weight: 700 !important;  
    /*    text-shadow: 1px 1px green !important; */
        margin-block: 15px !important;
}

    #icons  .icon {
        margin: 10px !important;
    }
    
    #icons  .noUpdatesFound {
        fill: #b4e61e !important;
    }

    label[data-l10n-id=update-noUpdatesFound] {
        color: #ff9600 !important;
        font-weight: 400 !important;
        font-size: 1.5em !important;
        margin-left: 1px !important;
        margin-top: 2px !important;
        margin-bottom: 5px !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;
    }

    /*     Neue Funktionen und Änderungen    */  
    #releasenotes {
        appearance: none !important;
        background: #5b5b66 !important;
        color: #e1e1e1 !important;
        margin-left: 10px !important;
        margin-right: 20px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-bottom: 2px !important;
        margin-top: 2px !important;
        border-color: dodgerblue !important;
        border-style: outset !important;
        border-width: 3px !important;
        background-position: 12px 4px !important;
        border-radius: 8px!important;
    }
    #releasenotes:hover {
        background: #e1e1e1 !important;
        background-position: 12px 4px !important;
        color: #292c2f !important;
    }

    /*     Firefox-Hilfe    */
    description.text-blurb:nth-child(3) > label:nth-child(1) {
        appearance: none !important;
        background: #5b5b66 !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: dodgerblue !important;
        border-style: outset !important;
        border-width: 3px !important;
        background-position: 12px 4px !important;
        border-radius: 8px!important;      
    }
    description.text-blurb:nth-child(3) > label:nth-child(1):hover {
        background: #e1e1e1 !important;
        background-position: 12px 4px !important;
        color: #292c2f !important;
    }

    /*     Feedback senden    */ 
    #submit-feedback {
        appearance: none !important;
        background: #5b5b66 !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: dodgerblue !important;
        border-style: outset !important;
        border-width: 3px !important;
        background-position: 12px 4px !important;
        border-radius: 8px!important;      
    }
    #submit-feedback:hover {
        background: #e1e1e1 !important;
        background-position: 12px 4px !important;
        color: #292c2f !important;
    }

    /*     Mozilla    */  
    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog'] {
        appearance: none !important;
        background: #5b5b66 !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: dodgerblue !important;
        border-style: outset !important;
        border-width: 3px !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: #e1e1e1 !important;
        background-position: 12px 4px !important;
        color: #292c2f !important;
    }

    /*     globalen Comunity    */  
    [href='about:credits'] {
        appearance: none !important;
        background: #5b5b66 !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: dodgerblue !important;
        border-style: outset !important;
        border-width: 3px !important;
        background-position: 12px 4px !important;
        border-radius: 8px!important;        
    }
    [href='about:credits']:hover {
        background: #e1e1e1 !important;
        background-position: 12px 4px !important;
        color: #292c2f !important;
    }

    /*     Spenden Sie    */  
    #contributeDesc > label:nth-child(1) {
        appearance: none !important;
        background: #5b5b66 !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: dodgerblue !important;
        border-style: outset !important;
        border-width: 3px !important;
        background-position: 12px 4px !important;
        border-radius: 8px!important;        
    }
    #contributeDesc > label:nth-child(1):hover {
        background: #e1e1e1 !important;
        background-position: 12px 4px !important;
        color: #292c2f !important;
    }

    /*     machen Sie mit!    */  
    #contributeDesc > label:nth-child(2) { 
        appearance: none !important;
        background: #5b5b66 !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: dodgerblue !important;
        border-style: outset !important;
        border-width: 3px !important;
        background-position: 12px 4px !important;
        border-radius: 8px!important;        
    }
    #contributeDesc > label:nth-child(2):hover {
        background: #e1e1e1 !important;
        background-position: 12px 4px !important;
        color: #292c2f !important;
    }

    /*     Information zur Lizensierung    */  
    [href='about:license'] {
        appearance: none !important;
        background: #5b5b66 !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: dodgerblue !important;
        border-style: outset !important;
        border-width: 3px !important;
        background-position: 12px 4px !important;
        border-radius: 8px!important;             
    }
    [href='about:license']:hover {
        background: #e1e1e1 !important;
        background-position: 12px 4px !important;
        color: #292c2f !important;
    }

    /*     Endanwenderrechte    */  
    [href='about:rights'] {
        appearance: none !important;
        background: #5b5b66 !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: dodgerblue !important;
        border-style: outset !important;
        border-width: 3px !important;
        background-position: 12px 4px !important;
        border-radius: 8px!important;        
    }
    [href='about:rights']:hover {
        background: #e1e1e1 !important;
        background-position: 12px 4px !important;
        color: #292c2f !important;
    }

    /*     Datenschutzbestimmungen    */  
    label.bottom-link:nth-child(3) {
        appearance: none !important;
        background: #5b5b66 !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: dodgerblue !important;
        border-style: outset !important;
        border-width: 3px !important;
        background-position: 12px 4px !important;
        border-radius: 8px!important;        
    }
    label.bottom-link:nth-child(3):hover {
        background: #e1e1e1 !important;
        background-position: 12px 4px !important;
        color: #292c2f !important;
    }
    
    #version.update {
/*        margin-top: 10px !important;    */
        margin-left: 10px !important;
        font-size: 19px !important;
        color: orchid !important;
    }
    
    .text-blurb
    {
        font-size: 15px !important;
        color: #e1e1e1 !important;
/*        margin-left: 50px !important;    */
        padding-right: 1px !important;
    }

    #communityDesc {
        max-width: 570px !important;
    }
}

Alles anzeigen

Ich bedanke mich nochmals für die Anregungen, die ich nie so ohne diesen Thread hätte umsetzen können.

FuchsFan

Zitat von 2002Andreas

Schade, aber du hast nach milupo gerufen

Nun rufe ich dich aber, kannst du mir bitte für Nightly den Selektor auch nennen, denn da loooft es nicht.

milupo

Zitat von FuchsFan

kannst du mir bitte für Nightly den Selektor auch nennen

Schade, du hast Andreas gerufen:

Da muss es #communityExperimentalDesc statt #communityDesc heißen