Beiträge von Mira_Belle

  • Hilfedialog (Anpassungen)

    Zitat von BrokenHeart
    Zitat von Mira_Belle

    background-position: 20 center !important;

    Das sollte überhaupt nicht funktionieren, da du die Einheit weggelassen hast!

    Doch, so weit ich mir das angelesen habe, sind Zahlen eh Prozent angaben!

    Des Weiteren sind dann ja nur center, top, bottom, left and right zugelassen.

    @harff182

    Mit dem beschnittenen Bild ist mir bis jetzt noch gar nicht aufgefallen.

    Mach mich demnächst daran.

    Auch die Grafik wird dann nochmals überarbeitet.

    Aber das hat ja nun etwas Zeit.

    Gruß

    Mira

  • Hilfedialog (Anpassungen)

    GESCHAFFT

    Danke an die Ideen, die Hilfe, die Codeschnipsel und all da was ich jetzt vergessen hab'. 8o

    Danke an .DeJaVu für die Idee des sauberen Codes.

    Danke an 2002Andreas, der einsprang, als ich schon am Aufgeben war.

    Und mein besonderer Dank geht an harff182 :!:

    Für Deinen Code, für Deine Kritik und, und, und.

    Der Kopf raucht, ich bin platt,

    aber

    ich hab's geschafft.

    Hier nun mein Ergebnis:

    Und hier der Code dazu:

    Gruß

    Mira

    PS:

    OK, ich übertreibe!!

    CSS
    #updateDeck #checkingForUpdates > label {
background-position: 20 center !important;
}

    Das GIF etwas nach unten gesetzt.

    ¯_(ツ)_/¯.

  • Hilfedialog (Anpassungen)

    Danke @Andreas.

    Das mit den Pfadangaben habe ich noch immer nicht so richtig gerafft!

    Habe nun unter "C:/Users/M*/" einen neuen Ordner angelegt und dann darauf "verlinkt.

    Sieht so aus: background: transparent url("file:///C:/Users/M*/image/index.png") !important;

    Nur so klappt es! (Mit außnahme dem direkten Link auf C:/Symbols/index.png

    Mit background: transparent url("..//image/index.png") !important; klappt es nicht,

    egal ob mit zwei Punkten oder nur mit einem.

    Die userChrome.css liegt direkt im Ordner chrome

    Zu meiner Frage zum Throbber.

    Da ging es darum, dass die Grafiken nicht deckungsgleich sind!

    Mein Gif steht näher am Schriftzug als mein Png.

    Eventuell weißt Du ja Rat.

    Gruß

    Mira

    PS: Interessanterweise ist das GIF großer als das PNG

  • Hilfedialog (Anpassungen)

    Zitat von harff182

    Mira_Belle :

    Sorry, ich geb auf :(

    Ich komm mit dem "Update-Check" nicht weiter, da Dein Code sich von meinem doch sehr stak unterscheidet.

    Tut mir leid, hab ich mich wohl übernommen ;(

    Ich geb' nicht so schnell auf!

    Es wurmt mich.

    Eventuell hilft mir ja auch Andreas oder Ralf?


    Ach, ich fand das Fuchsköpfchen so schön und habe eine Vorlage davon in den unendlichen Weiten

    des Internetzes gefunden, bearbeitet und nach endlos erscheinenden Versuchen

    zu guter Letzt doch noch einbinden können.

    Ich hoffe, Du hast da nix dagegen?


    Gruß

    Mira


    Ach, geputzt habe ich auch :!:

    Anpassungen der Adressleiste, des Hamburgermenüs, der Tabs, der Lesezeichen sowie der About-Page

    habe ich in eigene CSS ausgelagert und per @import eingebunden.


    Was mir nicht so recht gelingen will, ist dass das Fuchsköpfchen aus einem Unterordner

    C:\Users\M**\AppData\Roaming\Mozilla\Firefox\Profiles\*.default-release\chrome\content\

    geladen wird.

    Z.Z. sieht der Code noch so aus =>

    CSS
    #leftBox {
    appearance: none !important;
    background: transparent url("file:///C:/Symbols/index.png") !important;
    background-repeat: no-repeat! important;
    background-position: center 40% !important;
    min-width: 210px !important;
    margin-top: 20px !important;
    }


    Gute Nacht wünscht ...

    Mira

  • Hilfedialog (Anpassungen)

    Zitat von harff182

    Mira_Belle :

    :/ Gibste mal bitte deinen kompletten Code?

    Ei Sischer, is nach nett geputzt!

    Da isser:

    Un die Grafiken ach:

  • Dialog Hilfe/Über Firefox

    Zitat von harff182

    Hab noch was gefunden, ...

    Während nach Updates gesuch wird, ist die Zeile darunter (und nur die) nach rechts eingerückt.

    Isser fertig, springt sie dahin, wo sie gemäß Code hinsoll.

    Vielleicht hat ja wer eine hilfreiche Idee.

    Blende die Grafik in Zeile 122 mal nicht aus!
    Denn sie wird ja in Zeile 129 überdeckt.

    Gruß

    Mira

  • Hilfedialog (Anpassungen)

    Ich bekomme es einfach nicht besser hin.

    Zwar konnte ich das "Springen" der Zeilen und der Links beheben,
    aber die Positionen der Grafiken stimmen nicht über ein.

    Ich bin fertig, fix & fertig :!:

    So schaut es z.Z. aus.

    &

    Ich habe es mit nachfolgendem Code hinbekommen.

    Des Weiteren musste ich den Abstand zwischen

    Nach Updates suchen ... bzw. Firefox ist aktuell

    und

    95.0.2 (64-Bit) Neue Funktionen und Änderungen

    um 5px vergrößern.

    Nur für den Fall, dass jemand eine Idee hat,

    wie ich die beiden "Grafiken" deckungsgleich bekomme,

    ohne dass es mir alles wieder total zerhaut,

    immer her mit den Ideen.

    Es grüßt eine platte.

    Mira

  • Hilfedialog (Anpassungen)

    Ich "kämpfe" hier wie eine Besessene. ||

    Muss nun aber auch Schluss machen.

    Mit folgendem Code komme ich schon ganz gut hin.

    Aber nur fast :!:

    Das Problem ist, dass einige Zeilen und "Links", ich würde schätzen 5px bis 10px,

    nach der Updatesuche nach rechts hüpfen.



    Das heißt, sie stehen etwas zu weit links.

    Und zwar:

    95.0.2 (64-Bit) und der dahinterstehende Link Neue Funktionen und Änderungen

    sowie die kompletten Links ganz unten :!:

    Die da wären Information zur Lizenzierung, Endanwenderrechte sowie Datenschutzbestimmungen

    In diesem Zusammenhang könnte noch Folgendes ganz wichtig sein!

    Das Fenster verbreitert sich genau um dies 5px bis 10px.

    Allen eine gute Nacht

    Gruß

    Mira

  • Hilfe Dialog (über Firefox)

    Fügt mal folgendes ein.

    CSS
        #aboutDialogContainer {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    Und testen, eventuell den unteren Wert erhöhen.

    Weitere Möglichkeit!

    CSS
        #aboutDialog {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
}

    Auch hier mit den Werten spielen.

  • Hilfedialog (Anpassungen)

    Und das Gif.

    Habe es geschafft, dass es angezeigt wird,

    ABER

    der Code

    CSS
    #icons > .update-throbber {
        fill: transparent !important; 

}

    blendet das "fest verdrahtete" chrome://global/skin/icons/loading.png leider nicht aus.

    Somit habe ich zwei sich überlagernden Animationen.

    Das ist nicht wie gewollt.

    Hier mal den ganzen Code.

    CSS
    #icons > .update-throbber {
        fill: transparent !important; 
        background-image: url("file:///C:/Symbols/2.gif") !important;
        background-repeat: no-repeat !important;   
        padding-top: 10px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-bottom: 10px !important;
}

    Das Gif wird an richtiger Stelle angezeigt.

    CSS
    #icons > .update-throbber {
    visibility: hidden !important;
}

    Blendet BEIDE Animationen aus!

  • Hilfedialog (Anpassungen)

    Vielen Dank Dharkness

    Habe daraus das gemacht:

    CSS
    #updateDeck #checkingForUpdates label {
    color: #eee8aa !important;
    font-weight: 200 !important;
    font-size: 1.2em !important;
    margin-left: 1px !important;
    margin-top: 10px !important;
    margin-bottom: 5px !important;
}

    Und so sieht jetzt aus:

    Jetzt ist nur noch das "Gif" dran.

    Gruß

    Mira

  • Hilfedialog (Anpassungen)

    Es geht um Grafiken!

    Ich habe es nach langem ausprobieren nun endlich geschafft das Häkchen mit einem Icon auszutauschen.

    Das ursprüngliche "Symbol" war wohl etwas zu groß. (1500px*1154px) :D

    Nun ist es 32px*32px, aber um es anzeigen zu können musste ich dennoch den Code anpassen!

    CSS
    #icons > .noUpdatesFound {
        fill: transparent !important; 
        background-image: url("file:///C:/Symbols/tick_2.png") !important;
        background-repeat: no-repeat !important;   
        padding-top: 10px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-bottom: 10px !important;
}

    Damit nun aber auch der Schriftzug mittig dazu passte, auch hier eine kleine Anpassung.

    CSS
    label[data-l10n-id="update-noUpdatesFound"] {

    color: #ff9600 !important;
    font-weight: 400 !important;
    font-size: 1.5em !important;
    margin-left: 1px !important;
    margin-top: 10px !important;
    margin-bottom: 5px !important;
}

    Und das Resultat schaut wie folgt aus.

    So weit, so gut!

    Was passiert aber ganz zu Anfang, wenn man den "About:Dialog" öffnet?

    Ich habe einen Screenshot gemacht!

    Seht Ihr?

    Da ist eine kleine Animation

    und

    der Schriftzug "Nach Updates suchen ..."

    Das passt so gar nicht!

    Nun habe ich versucht den Schiftzug zu finden und "Anzupassen".

    Alles was ich finden konnte war

    CSS
    #checkForUpdatesButton > hbox:nth-child(1) > label:nth-child(2)

    Damit geht es aber nicht!

    Auch wollte ich die interne Grafik mit einem GIF ersetzen,

    aber auch da laufe ich vor die Wand.

    Mein vergeblicher Ansatz:

    CSS
    #icons > .checkForUpdates {
        fill: transparent !important; 
        background-image: url("file:///C:/Symbols/reload.gif") !important;
        background-repeat: no-repeat !important;   
        padding-top: 10px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-bottom: 10px !important;
}

    Ich erbitte daher Hilfe.

    Gruß

    Mira

    PS: Bin gespannt, was passiert, wenn es ein Update gibt!

  • Dialog Hilfe/Über Firefox

    Danke Andreas.

    Das vorläufige Ergebnis präsentiere ich hier.

    Den dazugehörigen Code hier =>

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

  • Dialog Hilfe/Über Firefox

    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.

  • Dialog Hilfe/Über Firefox

    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.

  • Darkmodus auf Webseiten deaktivieren, trotz Nutzung eines dunklen Themes

    Zitat von 2002Andreas
    Zitat von Mira_Belle

    @-moz-document url(chrome://browser/content/browser.xhtml)

    Und was hat der Eintrag mit der userContent.css zu tun :/

    Ok, habe ich gelöscht.

    Keine Veränderung!

    Hattest Du mir nicht mal gesagt, dass dieser Eintrag die "Einstellungen" dann auf den Browser begrenzt?

    Zitat von Sören Hentzschel

    Vor allem war das ja zu keinem Zeitpunkt Teil meines Codes. Zum Testen sollte man den Code schon erst einmal einfach so übernehmen, wie er ist, bevor man selbst Dinge dazu schreibt. Der Code-Kommentar ist ebenfalls falsch. Es geht um keine "Einstellungsmenüs", sondern um die Farben der internen Firefox-Seiten.

    Habe ich auch korrigiert!

    Jedoch auch NUR mit nacktem Code von Dir in der userChrome.css, bleibt alles hell.

    Trage ich jedoch genau diesen Code in die userChromeShadow.css ein,

    funktioniert es.

    Gruß

    Mira

    Nachtrag!

    Wie hier beschrieben, habe ich den Eintrag wieder eingefügt.

    Adding Style Recipes to userChrome.css

    Oder ist das nun nicht mehr vonnöten?

  • Darkmodus auf Webseiten deaktivieren, trotz Nutzung eines dunklen Themes

    Zitat von Sören Hentzschel

    Das ist definitiv nicht notwendig und deutet eher darauf hin, dass du in deiner userContent.css-Datei einen Fehler hast, ab dem nachfolgendes CSS ignoriert wird.

    Es ist aber egal an welche Stelle ich "Deinen" Code eintrage. Es tut sich nichts!

    In der userChromeShadow.css tut er's.

    Nachtrag!

    Um ganz, ganz Sicher zu gehen habe ich meine alte userContent.css-Datei gesichert und

    in eine Neue nur

    eingetragen!

    Und was soll ich sagen?

    Es funzt nicht.

    Ergo muss wohl an anderer Stelle der Wurm drin sein.

    Nur wo?

    Gruß

    Mira