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.


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.


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.
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.
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;
}
Alles anzeigen
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.
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
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 ! ![]()
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;
}
Alles anzeigen
Der Code gehört in die userChrome.css.
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.![]()
Soll ich es eventuell auf „Speichern nach“ ändern,
was sagt ihr?
Gute Idee, Endor, dann ist klare Linie drin.
Das würde einem Speichern nach entsprechen.
Ich ändere das sofort. ![]()
Ja, milupo, das wäre auch für mich hinnehmbar, weil logisch.
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. ![]()
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.
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!!
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.
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; }
}
Alles anzeigen
Nachtrag:
Benennung des Dialog-Button für das Script saveto.uc.js auf Speichern nach nachträglich geändert.
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!![]()
Kann ich dir gar nicht beantworten, da ich mich generell mit einer einzigen Tableiste begnüge
Mir geht es ja auch so, ich nutze zwar von BrokenHeart den CSS.Code für mehrzeilige Tabreihen, aber wann kommt es schon mal vor, dass die zweite geöffnet wird. Büssen schreibt gerade darüber, alles zu wuselig, und so ist auch meine Meinung. Ich hatte nur darüber nachgedacht, wenn es jetzt diese Möglichkeit der Begrenzung geben würde, dann eröffnen sich einem alle Möglichkeiten (bessere Übersicht) des Einsatzes.
Sag mal bitte, gibt es in dem Code auch eine Möglichkeit die maximale Tabzahl für eine Zeile festzulegen. Ich habe da schon mal reingeschaut, aber konnte dazu nichts entdecken.