userchrome.css-Codes gesucht!

katzi

Hallo ReVox und ZweiVier,

der von ReVox gemachte Vorschlag klappt bis ins kleinste Detail, außer in Bezug auf die Hauptmenüleiste. Wenn ich dort also auf eine weiterführende Menüüberschrift klicke, (beispielsweise "Datei""), wird "Datei" weder in Schrift noch in Hintergrund mit meiner Farbe dargestellt: > IST noch immer Hintergrund Blau und Schrift Weiß bei hover und activate; > SOLL aber Hintergrund Rot und Schrift Gelb bei hover und activate. Bei allen anderen weiterführenden, also aufgeklappten Menüs klappt die Änderung, nur bei der Hauptmenüleiste nicht.

Ohne Ausprobieren, funzt dieser Buttongenerator auch beim 3.1b2?

ciao
katzi (m)

ReVox

Hallo katzi,

diese zwei evtl. noch dazu.

CSS

#toolbar-menubar #main-menubar > menu:hover {
   -moz-appearance: none !important;
   color: #fff000 !important;
border-width: 2px 1px 2px 1px !important; /*Höhe minimum*/
   background: #000 repeat-x 0px !important;
   -moz-border-radius: 0px !important;
   color: yellow !important;
} 


#toolbar-menubar #main-menubar > menu:hover:active {
   opacity: 1 !important;
   color: blue !important;
border-width: 2px 1px 2px 1px !important; /*Höhe minimum*/
   background: gold /*transparent*/ repeat-x 0px !important;
   -moz-border-radius: 0px !important;
}

Alles anzeigen

syntax: stylish

katzi

Hallo ReVox und ZweiVier,

etwas klappt noch nicht, siehe Bildschirmpics; in dem einen Beispiel geraten die Popups "durcheinander", in dem anderen ist noch immer Hintergrund und Schrift eines aktivierten Elements der Hauptmenüleiste nicht gewandelt; der Mauszeiger befindet sich dabei allerdings außerhalb des Menüs, wird aber von meinem Bildschirmphotowerkzeug leider nicht abgebildet. Wäre der Mauszeiger beispielsweise über dem Menü, (ohne sonst etwas zu tun), wären die Farbe von Schrift und Hintergrund des besagten blau-weißen Elementes geändert.

[Blockierte Grafik: http://s10.directupload.net/images/090112/temp/8cint2w3.png]

[Blockierte Grafik: http://s10.directupload.net/images/090112/temp/sw7bgtbm.png]

Die Links von ZweiVier habe ich mir erst mal gespeichert, daraus auch einiges übertragen. In dem einen Bild sind fehlende Einträge sichtbar, die fehlen hier in der Darstellung nur dann, wenn ich in der userChrome abgerundete Menüs eingestellt habe. Sind die Menüs bzw. Popup-Menüs hingegen normal eckig, werden die Einträge alle normal dargestellt. ???

ciao
katzi (m)

Edit an ReVox: Dumme Frage: Sind Syntax für Stylish und für userChrome.css nicht identisch? Stylish ist ja installiert; darüber versuchen?

ReVox

CSS

/* Menübar-Textfarbe-Stil */
menubar > menu {
   -moz-appearance: none !important;
   color: #fff !important;  
   font-weight: bold !important;
   background: #E67D00 !important;
}

sonst weis ich`s auch nicht.

stutzebaby

Wie kann ich diese Textboxen ansprechen? Kann man das mit dem Domi rausbekommen? Wenn ja, kann mir das jemand kurz erklären? Die Textboxen im Einstellungsfenster sollen nämlich auch noch geändert werden.

[Blockierte Grafik: http://img3.imagebanana.com/img/fs5q86fn/thumb/1.png]

stranger-hh

ich habe mir mit einigen Codes aus diesem Thread meinen Firefox angepasst - was mir jetzt noch fehlen würde: Gibt es eine Möglichkeit, die Schrift der URL-Bar und der Search-Bar (Google, Ebay usw.) um ca. 1 bis 2 Pixel höher zu setzen?

Gruß Stranger-HH

pcinfarkt

stutzebaby,
da ich trotz Lupeneinsatz bei Deiner Abbildung nicht sicher bin - meinst Du auf der folgenden Abb. genau die 3 grünen Zeilen?

[Blockierte Grafik: http://www.img-teufel.de/uploads/KT45154c9e141png.png]

Wawuschel

http://img3.imagebanana.com/img/fs5q86fn/1.png

[Blockierte Grafik: http://img3.imagebanana.com/img/fs5q86fn/1.png]

warst aber ganz gut im raten

pcinfarkt

//
@Wawuschel,
die Mühe wollte ich mir nicht machen.
War auch als Hinweis gedacht!

vitos77

Moin Moin,

wie bekomme ich denn am unteren Rand der Tab-Leiste eine dieser beiden Linien weg? Die obere, rot markierte, möchte ich gern ausblenden, die untere, grün markierte, soll bleiben wo sie ist:

[Blockierte Grafik: http://www.abload.de/thumb/zwischenablage-1nl67.jpg]

Gruß

Vitos

MaximaleEleganz

Ich bin der Meinung, dass beide Linien zusammen ein Element ergeben.

Nämlich:

Code

.tabs-bottom

Daher glaube ich, dass das nicht machbar ist. Wenn mich jemand vom Gegenteil überzeugen kann, behaupte ich das Gegenteil :lol:

Sicher nicht die Lösung für dich, aber ein Versuch:

CSS

.tabs-bottom {
   display: none !important;
}

ReVox

CSS

.tabs-bottom {
background-color: transparent /*oder Deine Hintergrundfarbe der Tableiste*/ !important;
   height: 0px !important;
}

MaximaleEleganz

Gut, die Lösung ist meiner ähnlich, aber nicht wirklich 100% zufriedenstellend?

vitos77

MaximaleEleganz: Mit Deinem Code verschwinden wie von Dir vermutet beide Linien...

ReVox: das kommt dem gewünschten schon recht nahe. Jetzt ist die eine verbliebene Linie aber nen Tick zu breit und die seitlichen Tab-Begrenzungen reichen nicht mehr bis ganz runter an die untere Linie - da ist eine kleine Lücke von einem Pixel. So sieht es jetzt aus, hast Du noch eine Idee:

[Blockierte Grafik: http://www.abload.de/thumb/zwischenablage-19yiz.jpg]

ReVox

CSS

/* Tableisten-Höhe */
.tabs-frame {
   min-height: 28px !important;
   max-height: 28px !important;
}

werte nach unten ändern

vitos77

Hi ReVox,

leider nicht - damit kann ich die Höhe der Tabs verändern, aber die untere Linie bleibt so breit wie sie ist - egal welchen Wert ich einstelle - och eine Idee?

Gruß

Vitos

ReVox

Hi vitos77,
evtl. dieser noch

CSS

.tabbrowser-strip { 
   -moz-appearance: none !important;
   margin-bottom: -2px !important;
}

katzi

Mein 3.1b2 tut noch immer nicht ganz, was er soll. Ihm gelingt es zwar fehlerfrei, abgerundete Highlightbalken darzustellen, aber er mag keine Menüs und Popup-Menüs mit abgerundeten Kanten. Wenn ich dieses analog zu ZweiVier's-Homepage so eintrage, stellt er zwar die abgerundeten Ecken dar, versteckt aber gleichzeitig chaotisch den Inhalt der Menüs, nachdem ich mit dem Mauszeiger schnell drüberfahre. Fahre ich hingegen langsam mit dem Mauszeiger über die einzelnen Menüeinträge, ist der Fuchs folgsam. Irgendwo ist also noch eine Einstellung, mit der der Fuchs intern kollidiert?

Auch analog zu den hier schon eingestellten Beispielen realisiert der Fuchs derzeit auch nicht, daß er bei deaktivierten Menüeinträgen in Bezug auf den Highlightbalken nichts anzeigen soll. Genauso in der Toolbar; deaktivierte Einträge werden dennoch per Hover angezeigt.

Meine kurze UserChrome schaut so aus; die Abschnitte über die Tabs habe ich entfernt, weil das funktioniert.

CSS

/* Do not remove the @namespace line -- it's required for correct functioning  */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */


/* Fuchs - Standardschriftart und -größe festlegen */
* {font-family: Albertus Medium !important;}
* {font-size: 20px !important; }


toolbarbutton
	{
	-moz-appearance: none !important;
	-moz-border-radius: 10px !important;
	padding: 5px 5px 5px 5px !important;
	cursor: pointer !important;
	}


toolbarbutton:hover
	{
	-moz-appearance: none !important;
	background: #FFC400 !important;
	border: 1px solid !important;
	}


toolbarbutton:hover:active
	{
	-moz-appearance: none !important;
	background: #FFC400 !important;
	border: 1px solid !important;
	}


toolbarbutton:hover:active > label
	{
	-moz-appearance: none !important;
	color: #000000 !important;
	}


/* Lesezeicheneintrag "Cookies" mit Symbol versehen */
.bookmark-item[label="Cookies"] {list-style-image: url("file:///usr/kde/3.5/share/icons/crystalsvg/16x16/apps/tux.png") !important;}


/*Farbe Menüleiste, Lesezeichenleiste und Tableiste ändern*/
toolbar
	{
	-moz-appearance: none !important;
	background-color: #008002 !important;
	/*border: 1px solid !important;*/
	}


.tabbrowser-tabs
	{
	-moz-appearance: none !important;
	background-color: #E37D00 !important;
	}


/*Farbe Popup-Menüs ändern*/
menupopup,
#toolbar-context-menu,
#contentAreaContextMenu
	{
	-moz-appearance: none !important;
	background: #E37D00 !important;
	border: 2px solid !important;
	-moz-border-left-colors: #E43D00 !important;
	-moz-border-top-colors: #E43D00 !important;
	-moz-border-right-colors: #E43D00 !important; 
	-moz-border-bottom-colors: #E43D00 !important;
	}


/*Farbe Statusbar ändern*/
statusbarpanel
	{
	-moz-appearance: none !important;
	background-color: #E37D00 !important;
	border: 1px inset #000000 !important;
	}


/* Ausgewählte Menüs anpassen */
/* Farbe des Highlightbalken ändern */
menupopup > menu,menupopup > menuitem,popup >
menu,popup > menuitem {-moz-appearance: none !important;
min-height: 18px !important; height: 24px !important;}


menupopup > menu[_moz-menuactive="true"],
menupopup > menuitem[_moz-menuactive="true"],
popup > menu[_moz-menuactive="true"],
popup > menuitem[_moz-menuactive="true"]
	{
	color: #FFC400 !important;
	background-color: #E43D00 !important;
	-moz-border-radius: 10px !important;
	}


/* Tastaturkürzel ausblenden */
.menu-iconic-accel, .menu-accel 
	{
	display: none !important
	}


/* Trennlinien entfernen */
menuseparator
	{
	background-color: #E37D00 !important;
	}


/* Runde popups und Menupopups */
/* popup:not(#autoscroller), menupopup
	{
	-moz-border-radius: 10px !important;
	border: none !important;
	 -moz-appearance: none !important;
	}


menupopup > menu[_moz-menuactive="true"]:not([disabled="true"]),
menupopup > menuitem[_moz-menuactive="true"]:not([disabled="true"]),
popup > menu[_moz-menuactive="true"]:not([disabled="true"]),
popup > menuitem [_moz-menuactive="true"]:not([disabled="true"])
	{
	-moz-border-radius: 10px !important;
	border: none !important;
	}


/*menuseparator {display: none!important;}*/


/*menupopup > menu,menupopup > menuitem,popup > menu,popup > menuitem
{-moz-appearance: none !important; color: #000 !important;
font-weight: normal !important; font-size: 12px !important;
min-height: 18px !important; height: 24px !important;}


/*
menupopup > menu[_moz-menuactive="true"]:not([disabled="true"]),
menupopup > menuitem[_moz-menuactive="true"]:not([disabled="true"]),
popup > menu[_moz-menuactive="true"]:not([disabled="true"]),
popup > menuitem[_moz-menuactive="true"]:not([disabled="true"]),
#personal-bookmarks menupopup > menuitem[_moz-menuactive="true"]:not([disabled="true"]),
#personal-bookmarks menupopup > menu[_moz-menuactive="true"]:not([disabled="true"])
	{
	-moz-appearance: none !important;
	color: #FFC400 !important;
	background: #E43D00 repeat-x top !important;
	-moz-border-radius: 10px !important;
	cursor: pointer !important;
	}
*/
#toolbar-menubar #main-menubar > menu
	{
	opacity: 1 !important;
	-moz-appearance: none !important;
	color: #000000 !important;
	background: #008002 !important;
	cursor: pointer !important;
	}


#toolbar-menubar #main-menubar > menu:hover
	{
	opacity: 1 !important;
	-moz-appearance: none !important;
	color: #FFC400 !important;
	background: #E43D00 repeat-x 0px !important;
	-moz-border-radius: 10px !important;
	cursor: pointer !important;
	}


#toolbar-menubar #main-menubar > menu:hover:active
	{
	opacity: 1 !important;
	color: #FFC400 !important;
	background: #E43D00 !important;
	-moz-border-radius: 10px !important;
	cursor: pointer !important;
	}

Alles anzeigen

Wo liegt der Fehler?

ciao
katzi (m)

stutzebaby

Zitat von pcinfarkt

stutzebaby,
da ich trotz Lupeneinsatz bei Deiner Abbildung nicht sicher bin - meinst Du auf der folgenden Abb. genau die 3 grünen Zeilen?
[Blockierte Grafik: http://www.img-teufel.de/uploads/KT45154c9e141png.png]

In deinem Fall sind es die 3 grünen Zeilen. Diese und viele andere möchte ich gern verändern.

P.S. Hatte wohl beim hochladen meines Images irgendwas falsch gemacht. sorry

pcinfarkt

Ansprechen kannst Du diese Zeilen in der nachfolgenden Reihenfolge:

Code

menulist[oncommand="gEditItemOverlay.onNamePickerChange();"];
textbox[onblur="gEditItemOverlay.onLocationFieldBlur();"];
menulist[oncommand="gEditItemOverlay.onFolderMenuListCommand(event);"];

oder

Code

#editBMPanel_namePicker;
#editBMPanel_locationField;
#editBMPanel_folderMenuList;

Ein möglicher Weg mit dem DOMI ist das Aufsuchen der popupset (panel).

[Blockierte Grafik: http://www.img-teufel.de/thumbs/KT45279a3db78png.png]

Diese obigen 3 "grünen" Zeilen sehen hier so aus:

CSS

menulist[oncommand="gEditItemOverlay.onNamePickerChange();"],
textbox[onblur="gEditItemOverlay.onLocationFieldBlur();"],
menulist[oncommand="gEditItemOverlay.onFolderMenuListCommand(event);"] {
     -moz-appearance:none !important;
     background-color:green !important;
}

Aber bekanntlich führen viele Weg nach R. :wink: