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

2002Andreas

Dann mein Vorschlag:

Speichern nach/in

Endor

FuchsFan

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.

harff182

Zitat von FuchsFan

FuchsFan:

Je öfter ich Deine abgerundeten Popup-Fenster sehe, desto mehr meldet sich mein HWV (HabenWillVirus)

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

mDv...

FuchsFan

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 !

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.

harff182

FuchsFan :

Danke, ich geh dann mal spielen

FuchsFan

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

harff182

Zitat von FuchsFan

Zitat von harff182

Danke, ich geh dann mal spielen

Vergiss Eimerchen und Schaufel nicht.

Habs anguckt, Hände ob der mannigfaltigen Möglichkeiten überm Kopp zusammengeschlagen und schnell noch TippEx geholt

Eine wahre Fundgrube zum abgucken und lernen (Dank der Kommentare )

Letztendlich is für mein primäres Ziel was kleines übrig geblieben,

CSS

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

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

Danke fürs Teilen

FuchsFan

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;
}

harff182

Zitat von FuchsFan

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

Das hab ich schon gesehen/verstanden und es wie die anderen Möglichkeiten in Gehirnzelle 4711 abgelegt .

Aber im Moment war halt das erreichte mein Ziel, für andere Sachen sind meine Ordnerstrukturen zu umfangreich/verschachtelt.

Und als Gewohnheitstier will ich mich optisch auch nicht überlasten

Besonders nich heute - Tätäää, Tätäää, Tätäää - Tschingbum

Büssen

Zitat von FuchsFan

Hallo FuchsFan,,

möchte hier auch kurz nachhaken.

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

Meine Umrandung ist etwas blass ausgefallen - s.a. Bilder aus #2541.

FuchsFan

Zitat von Büssen

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

Hallo Büssen!

border: 1px solid dodgerblue !important;

Büssen

Hallo FuchsFan,

Farbe passt prima!

Nun ist wieder alles bei mir paletti.

Beispiel:

Vielen Dank dafür wie immer.

FuchsFan

Zitat von Büssen

Nun ist wieder alles bei mir paletti.

Dann freue ich mich mit dir.

Endor

Nur mal zur Info für Benutzer des Script: DownloadsStatusModoki.uc.js

Ab Firefox 74 muss der dazu gehörende CSS Code aktualisiert werden.
Der Autor, siehe hier, hat gestern diese Version des CSS Codes hochgeladen:

CSS

@charset "utf-8";
    /*@version       2020/03/13 fix for 74, broken listitem orient due to Bug 1606130
    /*@version       2019/12/11 fix for 73 Bug 1601094 - Rename remaining .xul files to .xhtml in browser */
    /*@version       2019/10/20 12:30*/
    
    #contentAreaDownloadsView[ucjsDownloadsStatusModoki] { 
    -moz-box-orient: horizontal; 
    background-color: -moz-dialog !important; 
    padding: 0 !important;} 
    
    #contentAreaDownloadsView[ucjsDownloadsStatusModoki] > stack:first-child {
    }
    
    #contentAreaDownloadsView[ucjsDownloadsStatusModoki] #downloadsRichListBox {
    background-color: #fffff0 !important; 
    display:inline-block !important; 
    overflow-y: auto !important; 
    scrollbar-width: thin; 
    border: none !important;
    } 

    #contentAreaDownloadsView[ucjsDownloadsStatusModoki] :root
    { --downloads-item-height: 38px; }

    #contentAreaDownloadsView[ucjsDownloadsStatusModoki] richlistitem { 
    min-width:193px !important; 
    max-width:193px !important; 
    font-size: 13px !important; 
    border-width: 0 1px 0 0 !important; 
    border-style: solid !important; 
    border-color: black !important; 
    height: 38px !important; 
    display:-moz-inline-box !important; 
    } 

    #contentAreaDownloadsView[ucjsDownloadsStatusModoki] richlistitem vbox { } 

    #contentAreaDownloadsView[ucjsDownloadsStatusModoki] .downloadTypeIcon { 
    height:16px !important; 
    width: 16px !important; 
    -moz-margin-end: 1px !important; 
    -moz-margin-start: 1px !important; 
    padding-right: 1px !important; 
    padding-left: 1px !important;} 

    #contentAreaDownloadsView[ucjsDownloadsStatusModoki] .downloadTarget { 
    margin-top:1px !important; 
    padding-bottom:16px !important; 
    max-width: calc(100% - 51px) !important; 
    min-width: calc(100% - 51px) !important; } 

    #contentAreaDownloadsView[ucjsDownloadsStatusModoki] .download-state[state="0"] * .downloadTarget,
    #contentAreaDownloadsView[ucjsDownloadsStatusModoki] .download-state[state="4"] * .downloadTarget { 
    padding-bottom:0px !important;} 

    #contentAreaDownloadsView[ucjsDownloadsStatusModoki] .downloadTarget:-moz-system-metric(windows-default-theme) { 
    margin-top:2px !important; 
    /*padding-bottom:10px; windows7 ?*/
    } 

    #contentAreaDownloadsView[ucjsDownloadsStatusModoki] *|*.downloadProgress { border: none !important;} 

    #contentAreaDownloadsView[ucjsDownloadsStatusModoki] *|*.downloadProgress:not([paused])::-moz-progress-bar { background-color: lime !important;} 

    #contentAreaDownloadsView[ucjsDownloadsStatusModoki] .downloadDetails { margin-top:-12px !important;
    } 

    #contentAreaDownloadsView[ucjsDownloadsStatusModoki] .download-state:not(:-moz-any([state="-1"], [state="5"], [state="0"], [state="4"], [state="7"])) .downloadDetails { margin-top:-17px !important;
    }

    #contentAreaDownloadsView[ucjsDownloadsStatusModoki] richlistitem[selected] .downloadDetails { opacity: 1 !important;} 

    #contentAreaDownloadsView[ucjsDownloadsStatusModoki] .downloadButton { padding: 0 !important; 
    margin: 0 !important;
    } 
     
    #contentAreaDownloadsView[ucjsDownloadsStatusModoki] button > .button-box { 
    -moz-padding-start: 0px !important; 
    -moz-padding-end: 1px !important; 
    padding-right: 0 !important;
    padding-left: 0 !important;
    } 
    
    #contentAreaDownloadsView[ucjsDownloadsStatusModoki] #downloadFilter { 
    width: 150px;
    }

Alles anzeigen

Mfg.

Endor

Boersenfeger

Danke!

uwe51

Ich habe eine Frage, die mir Kopfzerbrechen bereitet, ich finde darauf keine Antwort.

Ich benutze seit längerem den FF mit Scripten - Farbe der Lesezeichen-Ordner, Farbe der Vor- und Zurückbutten, Tabs unter der Adresszeile.

Es sind inzwischen ja einige Änderungen erfolgt, ich habe also die neuen Scripte immer in userChrome.css unten angehängt, es hat alles funktioniert.

Allerdings kann ich die einzelnen Scripte nicht mehr zuordnen.

Ist es besser für jeden Script eine eigene userChrome.css zu erstellen?

Kann ich einen aussagekräftigen "Namen" (speichern unter) wählen?

Welches Vorgehen sollte ich wählen?

Danke schonmal für das Intersse und die Tipps,

uwe51

2002Andreas

Zitat von uwe51

eine eigene userChrome.css zu erstellen?

Nein, denn diese Datei darf es so nur 1x geben.

Du kannst dir aber eine Art Unterdatei erstellen. Siehe dazu bitte mal hier:

#15

Oder auch hier, unter Absatz Nr. 3.

Anpassungen von Firefox-Oberfläche mittels userChrome.css und Webseiten mittels userContent.css

uwe51

Das bedeutet also, dass ich die "alte" benannte css lösche und dann die "neue" benannte einfüge?

Wäre es gut, wenn ich mit einem neuen Profil mal ganz "neu" anfange?

uwe51

2002Andreas

Lies es dir einfach mal ganz in Ruhe durch.

In die userChrome.css kommen praktisch nur noch die Verknüpfungen zu den einzelnen neuen CSS Dateien.

In dem oberen Link (15) findest du für alles auch Screenshots.