Beiträge von FuchsFan

Andreas, ich glaube wir vergessen dieses Thema (obwohl es mich wurmt), da stimmt irgend etwas nicht im Zusammenwirken bestimmter Bestandteile. Jetzt habe ich mal nur das Original von hier genommen RE: Schliessen-Button/Icon versetzen, und mich dann bei BrokenHeart bedient, aus den Codes für mehrzeilige Tabreihen, dann einige Sachen für das Aussehen genommen und es mit dem Script von Endor getestet.

Und hier tritt dieser Effekt mit der Verschiebung der Schliessen-Button nicht auf, liegen alle auf einer Linie.

Wie immer, ich bedanke mich für deine Unterstützung.

Zitat von Büssen

Nun ist wieder alles bei mir paletti.

Dann freue ich mich mit dir.

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.

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.

.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?

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

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.

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.

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.

Zitat von Büssen

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

Hallo Büssen!

border: 1px solid dodgerblue !important;

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:

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

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.

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

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

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:

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

Der Code gehört in die userChrome.css.

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.

Zitat von Endor

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

was sagt ihr?

Gute Idee, Endor, dann ist klare Linie drin.

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.

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.

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.

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!!

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.

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.

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

}

Nachtrag:

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