Beiträge von Mira_Belle

  • About Seiten mit CSS Codes anpassen

    Zitat von 2002Andreas

    Weil du sie falsch angesprochen hast ;)

    CSS
    #abouts > li:nth-child(-n+14) > a {
    color: yellow !important;    
}

    Danke, das hat nun geklappt.

    Das ganze sieht nun in etwa so aus:

    Auch das mit der "Schaltfläche" ist besser geworden,

    aber noch nicht so wie gewünscht!

    Zum Einen habe ich folgendes eingefügt:

    CSS
    ul > li > a {
display: block !important;
}

    Zum Anderen jenes, was den Unterstrich entfernte.

    CSS
            a{
        text-decoration:none!important;
}

    Was die Schaltfläche betrifft, ist es nun so,

    vor dem Text kein Link.

    Hinter dem Text bis ca 5-10px bis zum Rand.


    Nachtrag:

    Oh. 8| Danke.

    Dann nehme ich diese Zeilen mal ganz schnell raus.

  • About Seiten mit CSS Codes anpassen

    Zitat von Dharkness

    Füge in #abouts > li bzw. in ul > li und #abouts > li> a bzw. in ul > li > a das → display: block !important; ein.

    Äh, danke, netter Versuch, aber ich verstehe nur Bahnhof. Sorry.

    Nachtrag: Also überall wo #abouts > li:nth-child (x+Zahl) steht?

    Auch beim ersten Eintrag ?

    CSS
    #abouts > li:nth-child(n+1) {
        min-width: 170px !important;
        max-width: 170px !important;
}
    Zitat von grisu2099

    Stell mal deinen Code für die Seite hier ein - das wird dann einfacher...

    Mach ich!

    Ich weiß, da sind noch ein paar "Zeilen" Code, die ergeben nicht wirklich Sinn.

    Jedoch beißen sie sich nicht, deswegen räum ich später auf!

    Die definierten Textfarben innerhalb der "Schaltflächen" haben,

    warum auch immer keinen Einfluss!

    Da habe ich globale Farben manipuliert, um zu meinem gewünschten Ergebnis zu kommen.

    Ist also noch so einiges im Argen.

    Gruß

    Mira

  • About Seiten mit CSS Codes anpassen

    Danke Ihr lieben.

    Bin schon ganz gut vorangekommen, jedoch komme ich nun an meine Grenzen.

    Optisch finde ich es schon ganz gut, nur der Link ist leider nicht so breit wie das Feld!

    Dadurch wird die Schrift "unsichtbar", wenn man nicht auf der Schrift bleibt!

    Auch möchte ich den Unterstrich loswerden!

    Ich bekomme dies aber einfach nicht hin. Bei der "Über Firefox"-Seite funktionierte es irgendwie anders.

    Also so schauts aus, wenn der Mauszeiger direkt auf dem Text ist:

    Und so, wenn der Mauszeiger nur im Feld ist:

    Also der Text soll einmal nicht unterstrichen sein

    und einmal soll der ganze "Button" verlinken.

    Geht das?

    Gruß

    Mira

  • Wunsch: eine hauchdünner heller Rand beim dunklen Theme

    Zitat von hhmmppff

    Vielleicht mit Fenstertitel wie Standard, Übersetzen, ...

    Wie ginge das?

    O, o.

    Ich glaube, Du missverstehst da was.

    Oder ich.

    Ich dachte Dir geht es nur darum, dass Du die einzelnen Instanzen des FF unterscheiden kannst,

    wenn die Fenster, so wie im Bild, so unglücklich hintereinanderliegen.

    In einer Titelleiste wird nur der Titel des letzten geöffneten Tab angezeigt.

    Darauf hat man wohl keinen Einfluss!

    Aber es kann die Farbe der aktiven, sowie der passiven Instanz verändert werden,

    womit eine Unterscheidung der "Fenster" verbessert werden kann.

    In den Bildern von Dir, aber auch von Andreas, ist die Titelleiste ja "ausgeschaltet".

    Und gerade das, so finde ich, macht es doch schwierig, die einzelnen Instanzen (Fenster) auseinander zu halten.

    Wenn du z.B. dreimal Notepad öffnest und diese Fenster (Instanzen) so wie in den Bildern

    übereinander legst, kannst Du sie doch auch besser auseinander halten,

    eben weil sie eine Titelleiste haben und, weil sie unterschiedlicher Farbe sind.

    Ich füge mal ein Bild ein, damit klarer wird, was ich meine.

    Gruß

    Mira

  • Aktiver Tab hat schwarze Umrandung

    Kleine Info!

    Ich hatte witzigerweise einen weißen Rand um meinen aktiven Tab.

    Aber dank der Veröffentlichung von Code und ein kleines bisschen Nachdenken

    habe ich für mich eine Lösung gefunden.

    CSS
        /* -------------------------------------------------*/
    /************* aktiven Tab einfärben ****************/
    /* -------------------------------------------------*/

    .tab-background[selected="true"] {                                                                                            
        background:rgba(255, 148, 0, 0.4) !important;                        /* Orange */                                                        
        box-shadow: inset  0px 0px 5px 0px #ff9400 !important;                /* Orange */
        border: hidden !important;                                            /* Rand ausblenden */
    }

    Man beachte letzte Zeile.

    Gruß

    Mira

  • Dialog Hilfe/Über Firefox

    Schaut nett aus.

    Aber Kritik sei erlaubt.

    Wie war das mit dunklem Hintergrund und dem hellen Rand um das Füchschen? ;)

    Und der Rahmen um den Text "Firefox wird ...." ist mM links zu nah am Text.

    Die linke untere Ecke schrappt ja das "die" fast weg.

    Aber so recht hab ich auch keine Idee wie das geändert besser aussehen könnte

    ohne gleich das komplette Design abändern zu müssen.

    Aber es ist ja Deine "Spielwiese" und somit sind solche Kleinigkeiten auch völlig OK.

    Verrätst Du mir, wie Du das "Dialog-Design by harff182" unten rechts in die Ecke gezaubert hast?

    Gruß

    Mira

  • 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