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

Beiträge von FuchsFan

  • Schliessen-Button/Icon versetzen

    • FuchsFan
    • 24. Februar 2020 um 20:19
    Zitat von 2002Andreas

    Sieht hier so aus damit:

    Ich habe den ersten Code von hier RE: Schliessen-Button/Icon versetzen und habe dann den "Übeltäter" hinzugefügt, und schon versetzten sich die Icons in den nichtaktiven Tabs bei Hover.

    Es waren nur diese beiden Codes und das Script beteiligt.

  • Schliessen-Button/Icon versetzen

    • FuchsFan
    • 24. Februar 2020 um 19:13
    Zitat von 2002Andreas

    Ansonsten funkt dir etwas anderes dazwischen

    Ja, nun habe ich den Original-Code genommen, ohne Tab-Veränderungen, und da liegen alle Button auf gleicher Linie.

    CSS
    .tab-close-button {
    display: none !important;}
    .tabbrowser-tab:hover .tab-close-button {
    display: block !important; }
    .tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),
    .tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-moz-locale-dir(ltr) {
    mask-image: none !important;}       

    Dann auf die Pirsch, einer ist's gewesen. Danke bis hierher Andreas, eventuell brauche ich dich dazu noch mal.


    Zitat von 2002Andreas

    Ansonsten funkt dir etwas anderes dazwischen

    Das ist der Übeltäter, was passt da nun nicht?

    CSS
    /* inaktiver Tab Rand Stärke und Farbe */
    .tab-background[selected="true"],
    .tabbrowser-tab:not([selected="true"]) {
        border: 1px solid #4682B4 !important;
        -moz-box-flex: 0 !important; }
  • Schliessen-Button/Icon versetzen

    • FuchsFan
    • 24. Februar 2020 um 18:47
    Zitat von 2002Andreas

    Dann sprich die einzeln an:

    Für Hover (inaktive Tabs) genau richtig, aber es tritt dann wieder der Effekt auf , dass im aktiven Tab der Button wieder mit die Position verlagert.

  • Schliessen-Button/Icon versetzen

    • FuchsFan
    • 24. Februar 2020 um 18:32
    Zitat von 2002Andreas

    Siehe bitte mein gif, da passt das alles hier

    Das passt hier auch (hatte ich schon vorher probiert), der Button sitzt genau richtig, aber dann kommen die Button bei Hover für die inaktiven Tabs alle mit nach unten, was sie aber nicht sollen.

  • Schliessen-Button/Icon versetzen

    • FuchsFan
    • 24. Februar 2020 um 18:28
    Zitat von 2002Andreas

    Wo soll er denn hin?

    Hallo Andreas !

    Vom oberen Rand weiter nach unten. Dazu sei gesagt, wenn ich meinen älteren Code verwende, wo der Button ständig angezeigt wird (bei allen Tabs), da kann der Button immer verschoben werden.

    In diesem Code habe ich ja für Hover den Platz reguliert, und dabei verschiebt sich auch im aktiven Tab der Button mit nach oben, und das sollte er nicht.

  • userChrome.js Scripte für den Fuchs (Diskussion)

    • FuchsFan
    • 24. Februar 2020 um 18:21
    Zitat von Büssen

    Welche Farbe hast du für den Rahmen der Zeilen gewählt?

    Hallo Büssen!

    border: 1px solid dodgerblue !important;

  • Schliessen-Button/Icon versetzen

    • FuchsFan
    • 24. Februar 2020 um 18:02

    Hier RE: userChrome.js Scripte für den Fuchs (Diskussion) hatte ich über Tests mit dem Script berichtet, nun versuche ich alte Gewohnheiten mit einzubauen. Leider vertragen sich css-Code und Script nicht so richtig. Der Schliessen-Button im aktiven Tab lässt sich nicht in Position bringen, was beim inaktiven funktioniert. Nun habe ich schon Kombinationen probiert, aber nichts führt zum Ziel. Als Code verwende ich diesen:

    CSS
      /**** Tabschliessen-Button ** nur zu sehen bei Mouseover ****/
    .tab-close-button {
        display: none !important;
    }
    
    .tabbrowser-tab:hover .tab-close-button {
        display: block !important;
        height: 22px !important;  /* Höhe des Icons */
        width:  22px !important;  /* Breite des Icons */ 
        margin-left: -3px !important; /* Abstand vom linken Rand */
        margin-bottom: 6px !important; }  /* Abstand von unten */  
    }
    
    .tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),
    .tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-moz-locale-dir(ltr) {
      mask-image: none !important;
    }       
    Alles anzeigen
  • userChrome.js Scripte für den Fuchs (Diskussion)

    • FuchsFan
    • 24. Februar 2020 um 17:27
    Zitat von harff182

    damit ich das erreiche, was ich mir heute vorgestellt habe:

    Prima!

    Wenn du deinem gewählten Code dann noch padding hinzufügst, dann hast du diesen doppelten Rand. Der Abstand untereinander über px auswählbar.

    CSS
    .popup-internal-box, menupopup,
    popup {
       -moz-appearance: none !important;
       background-color: white  !important;       
       border: 2px blue solid !important;
       border-radius: 10px !important;
       padding: 3px 3px 3px 3px ! important;
    }

  • userChrome.js Scripte für den Fuchs (Diskussion)

    • FuchsFan
    • 24. Februar 2020 um 15:51
    Zitat von harff182

    Danke, ich geh dann mal spielen

    Vergiss Eimerchen und Schaufel nicht. ;)

    Hier findest du auch noch Codes, musst mal durchblättern. Hintergrundfarbe der Menüs/Lesezeichen/Kontextmenü - mit Hover-Effekt

  • userChrome.js Scripte für den Fuchs (Diskussion)

    • FuchsFan
    • 24. Februar 2020 um 15:11
    Zitat von FuchsFan

    Erst einmal danke für den Code. Ich habe ihn ein wenig geändert und in das Script integriert, und zwar hinter Zeile 61 eingefügt.

    Ich muss meine Aussage relativieren, weil ich jetzt festgestellt habe, dass bei Verwendung meiner Abänderung es zu Schwierigkeiten bei weiteren Anpassunge der Tabs kommt. Deshalb den Code von Andreas von hier RE: userChrome.js Scripte für den Fuchs (Diskussion) verwenden, der auch so in das Script übernommen werden kann ( ist im Beitrag darunter gezeigt). Die Werte für die Breite müssen getestet werden, damit auch bis zum rechten Rand alles ausgefüllt ist (siehe Bild).

    Für jeden der seine Tableiste verschieben möchte, egal wohin, sind die angebotenen Scripte von Endor eine hervorragende Alternative. Ich habe mir das Script 03 noch einmal vorgenommen und die Tabs etwas "verschönert". In diesem zusätzlichen Code musste ich zwar Icons und Schrift in die richtige Position bringen, aber auf jeden Fall ist es machbar. Also, nur Mut ! :thumbup:


    Zitat von harff182

    Gibts irgendwo ein CSS dafür, das ich mir zum rumtesten mal angucken kann?

    Hier gibt es alles, du musst nur fragen.

    Das Bild, dass du dort zeigst ist aus meinem Test-Fox, damit auch der Code für Popup und Kontext-Menüs (letzter Test). Hier ist er dann für dich zum Testen:

    CSS
    /* angewählte Zeilen erhalten farbigen Hintergrund (Lime) und blaue fette Schrift bei Hover */
    menupopup.textbox-contextmenu :-moz-any(menu,menuitem)[_moz-menuactive="true"],
    popupset > menupopup  :-moz-any(menu,menuitem)[_moz-menuactive="true"]:not([id^="BMB"]),
    popupset > menupopup  menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"]:not([id^="BMB"]),
    popupset >*:not(menupopup) menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"],
    toolbarbutton:not(#bookmarks-menu-button):not(#alltabs-button):not(.bookmark-item)  menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"],
    #PlacesToolbar :-moz-any(menu,menuitem)[_moz-menuactive="true"],
    #main-menubar menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"],
    #sourceeditor-context :-moz-any(menu,menuitem)[_moz-menuactive="true"] {
        -moz-appearance: none !important;
        background-color: lime !important;
        font-size: 10pt !important; /* Schriftgröße bei Hover */
        font-weight: bold !important;  /* fette Schrift */
        border:1px solid red !important; /* Umrandung bei Hover */
        color: #3300ff !important;
    }
    
    
    /* nichtanwählbare Zeilen erhalten farbigen Hintergrund (Blue) und dunkle graue fette Schrift bei Hover */
    menupopup.textbox-contextmenu :-moz-any([disabled="true"])[_moz-menuactive="true"],
    popupset > menupopup  :-moz-any([disabled="true"])[_moz-menuactive="true"]:not([id^="BMB"]),
    popupset > menupopup  menupopup :-moz-any([disabled="true"])[_moz-menuactive="true"]:not([id^="BMB"]),
    popupset >*:not(menupopup) menupopup :-moz-any([disabled="true"])[_moz-menuactive="true"],
    toolbarbutton:not(#bookmarks-menu-button):not(#alltabs-button):not(.bookmark-item)  menupopup :-moz-any([disabled="true"])[_moz-menuactive="true"],
    #PlacesToolbar :-moz-any([disabled="true"])[_moz-menuactive="true"],
    #main-menubar menupopup :-moz-any([disabled="true"])[_moz-menuactive="true"],
    #sourceeditor-context :-moz-any([disabled="true"])[_moz-menuactive="true"],
    #lpt_site-context-menu :-moz-any([disabled="true"])[_moz-menuactive="true"] {
        background-color: #3399ff !important;
        color: #666699 !important;
        font-weight: bold !important;
    } 
    
    
    /* Anpassungen für die Zeilen */
    #toolbar-context-menu, menuitem, menupopup, popup, menupopup > menu, menupopup menuitem, popup menu, popup menuitem{
        -moz-appearance: none !important;
        color: black !important;
        background:  #f8f8ff !important; /* Hintergrundfarbe */
        /* font-size:13px!important; */
        border: 1px solid dodgerblue !important;
        border-radius: 10px ! important;
        padding: 5px 5px 5px 5px ! important;
    }
    
    /* Verhalten der Popup-Fenster bei Hover */
    menupopup > menu[_moz-menuactive="true"],
    menupopup > menuitem[_moz-menuactive="true"],
    popup > menu[_moz-menuactive="true"],
    popup > menuitem[_moz-menuactive="true"]{
        -moz-appearance: none !important;
        border: 1px solid red !important; /* Umrandung bei Hover */
        background: #fff44f !important; /* Farbe der Zeilen bei Hover */
        border-radius: 10px ! important;
        font-weight: bold !important;
        color: blue !important;
    }
    
    /* Einstellungen für alle Popup-Fenster */
    .popup-internal-box,
    menupopup,
    popup {
       -moz-appearance: none !important;
       width: 325px !important; /* Vorgegebene Breite der Popup-Fenster */
       background-color: white  !important; /* erste Hintergrundfarbe -ganzes Fenster- */
       border: 1px red solid !important;
       border-radius: 10px !important;
       padding: 3px 3px 3px 3px !important; /* Umrandung nach außen versetzt */
       font-family: /* verdana */ "helvetica"  !important;
       font-style: /* initial */  italic !important; /* Schriftstil */
       font-size: 11pt !important; /* Schriftgröße */
       /* font-weight: bold !important; */ /* fette Schrift */
    }
    
    #main-menubar > menu{
        font-size:10pt!important;}
    
    }
    
    
    /********** KONTEXT-MENÜ ***************************/
    
    #context-navigation > menuitem > hbox.menu-iconic-left {
        -moz-appearance: none !important;
    }
    /* Hintergrund hinter den Icons */
    #context-navigation {
        background: lightblue !important; /* Farbe */
        padding: 4px  4px 4px 4px !important; /* Ausrichtung */
        margin-bottom: 4px ! important; /* untere Anpassung */
        min-height: 50px !important; /* vorgegebene Höhe des Hintergrundes */
        max-height: 50px !important;
        color:     blue ! important; /* Farbe */
    }
    
    /************* SEPARATOREN *******************************/
    
    /* Separatoren werden entfernt (Querlinien) */
    .small-separator,
    #organizeBookmarksSeparator,
    #bookmarksToolbarSeparator,
    #bookmarksMenuItemsSeparator {
        display: none !important;
    }    
    
    #contentAreaContextMenu menuseparator {
        display: none !important;
    }
    
    menupopup menuseparator {
        display: none !important;
    }
    Alles anzeigen

    Der Code gehört in die userChrome.css.

  • userChrome.js Scripte für den Fuchs (Diskussion)

    • FuchsFan
    • 23. Februar 2020 um 16:46
    Zitat von milupo

    Mit Speichern nach geht man diesem Konflikt aus dem Wege, das lässt sich für beides verwenden.

    Und deswegen bleibt es bei mir so, danke für die Unterrichts-Minuten.:)

  • userChrome.js Scripte für den Fuchs (Diskussion)

    • FuchsFan
    • 23. Februar 2020 um 16:12
    Zitat von Endor

    Soll ich es eventuell auf „Speichern nach“ ändern,

    was sagt ihr?

    Gute Idee, Endor, dann ist klare Linie drin.

  • userChrome.js Scripte für den Fuchs (Diskussion)

    • FuchsFan
    • 23. Februar 2020 um 16:01
    Zitat von milupo

    Das würde einem Speichern nach entsprechen.

    Ich ändere das sofort. ;)

    Ja, milupo, das wäre auch für mich hinnehmbar, weil logisch.

  • userChrome.js Scripte für den Fuchs (Diskussion)

    • FuchsFan
    • 23. Februar 2020 um 13:40
    Zitat von Büssen

    Für die Geduld recht vielen Dank!

    Alles wird gut !

    Das mit Speichern auf oder in kann jeder halten wie er möchte. Mich hat erst Andreas hier RE: userChrome.js Scripte für den Fuchs (Diskussion) zum Nachdenken angeregt, und ich finde auch, dass es logischer ist. Speichern in Patition c / in Hauptordner x / in Zwischenordner y / in Zielordner 99. Nun setze mal auf für in ein, da wäre m.M.n. nur noch auf Partition i.O. Aber wie immer, jedem das Seine. :)

  • userChrome.js Scripte für den Fuchs (Diskussion)

    • FuchsFan
    • 23. Februar 2020 um 12:43
    Zitat von Büssen

    ich meinte das Bild aus #2612 - was ich gerne hätte

    Aber Büssen, das sind doch zwei Paar Schuhe. Ist dir noch nie aufgefallen (das bezweifele ich mal!), wenn du z.B. eine ausführbare Datei (z.B. *.exe) downloaden willst, dir dann das Fenster RE: userChrome.js Scripte für den Fuchs (Diskussion) angezeigt wird. Beabsichtigst du z.B. Bilder *.svg, *.jpg, usw., dann wird dir das Fenster RE: userChrome.js Scripte für den Fuchs (Diskussion) angeboten, wo du dann entscheiden kannst, was mit der Datei passieren soll. Bei den Bilddateien z.B. muss es sich aber um echte Downloads handeln, also nicht copy and paste.

    Fazit:

    Suche dir eine Bilddatei (Icon, usw.) als echten Download, dann bekommst du auch das Fenster zu sehen.

  • userChrome.js Scripte für den Fuchs (Diskussion)

    • FuchsFan
    • 23. Februar 2020 um 11:52
    Zitat von Büssen

    Das Ergebnis ist gleich - nur der Eintrag hat sich von "auf" -- "in" geändert

    Das Script ist damit raus, arbeitet korrekt. Dann hast du entweder nicht den letzten Code von mir genommen, oder du hast Fehler beim Kopieren/Einfügen gemacht. Der gleiche Code von hier RE: userChrome.js Scripte für den Fuchs (Diskussion) macht das bei mir. Also bitte Fehlerkorrektur!!

  • userChrome.js Scripte für den Fuchs (Diskussion)

    • FuchsFan
    • 23. Februar 2020 um 11:31
    Zitat von Büssen

    an dem Script saveTo.uc.js habe ich auch nichts mehr geändert.

    Ich kann jetzt nicht wissen, was du an dem Script geändert hast. Rufe es mal auf und ändere die Zeile so, wo Speichern in steht.

  • userChrome.js Scripte für den Fuchs (Diskussion)

    • FuchsFan
    • 23. Februar 2020 um 10:57
    Zitat von Büssen

    Wie komme ich nun zu obigen gezeigten neuen Fenster?

    Guten Morgen!

    Indem du aus dem folgenden Code eine css-Datei erstellst, sie in deinen Ordner css ablegst, in die userChrome.css den @import-Befehl für die Datei einträgst (richtigen Namen!), Neustart, und dann hast du den Speichern-Dialog.

    CSS
    /***************************************************************************************************/
    /*************** Download-Fenster ** Datei speichern und öffnen mit **** einfärben *****************/
    
    @-moz-document url(chrome://mozapps/content/downloads/unknownContentType.xhtml) {
    
    /* Öffnen mit - bei verknüpftem Programm */
    #openHandler{
        -moz-appearance: none!important;
        min-height:20px!important;
        background:lightgreen!important; } /* Hintergrund der Zeile */
    
    /* Öffnen mit DropDown-Menü Hintergrundfarbe */
    #openHandlerPopup {
        background: lightgreen !important; }
    
    /* Öffnen mit DropDown-Menü Separatoren entfernt */
    #openHandlerPopup > menuseparator:nth-child(3) {
      display: none !important; }    
    
    dialog#unknownContentType{
        background:yellow!important; } /* Hintergrund der Popup-Fenster */
    
    .dialog-button[label="Abbrechen"]{
        -moz-appearance: none!important;
        color:white!important;
        background:red!important; } /* Hintergrund des Button Abbrechen */
    
    /* erscheint nur bei Einsatz des Scriptes - saveTo.uc.js - */
    .dialog-button[label="Speichern nach"]{
        -moz-appearance: none!important;
        color:white!important;
        background:dodgerblue!important; } /* Hintergrund des Button Speichern nach */
    
    .dialog-button[label="Datei speichern"],
    .dialog-button[label="OK"]{
        -moz-appearance: none!important;
        color:white!important;
        background:green!important; } /* Hintergrund des Button Speichern */
    
    #chooseButton[label="Durchsuchen…"]{
        -moz-appearance: none !important;
        background: dodgerblue !important;  /* Hintergrund des Button Durchsuchen */
        color: white !important; }    
    
    /* Dateiname in Farbe */
    #location {
        color: red !important; }
    
    }
    Alles anzeigen

    Nachtrag:

    Benennung des Dialog-Button für das Script saveto.uc.js auf Speichern nach nachträglich geändert.

  • userChrome.js Scripte für den Fuchs (Diskussion)

    • FuchsFan
    • 22. Februar 2020 um 23:37

    Mit milupo seiner Unterstützung:

    CSS
    #chooseButton[label="Durchsuchen…"]{
        -moz-appearance: none !important;
        background: dodgerblue !important;
        color: white !important;
    }    

  • userChrome.js Scripte für den Fuchs (Diskussion)

    • FuchsFan
    • 22. Februar 2020 um 20:32
    Zitat von 2002Andreas

    Man kann das bestimmt auch im Script einfügen

    Erst einmal danke für den Code. Ich habe ihn ein wenig geändert und in das Script integriert, und zwar hinter Zeile 61 eingefügt.

    .tabbrowser-tab:not([pinned]) {

    min-width: 200px !important;}

    Damit sieht für mich die Sache schon mal sehr viel angenehmer aus, aber wir halten es ja so, jedem das Seine. Schönen Sonntag für Alle!:)

Unterstütze uns!

Jährlich (2025)

108,6 %

108,6% (705,72 von 650 EUR)

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