[Erledigt] Compact Menu 2 2.3.3 anderes Icon mit mouse over?

adxalf

Hallo!
Ich habe mir jetzt auch mal diese Erweiterung Compact Menu 2 installiert, dadurch wird die Menüzeile oben ausgeblendet und es erscheint ein Icon, und wenn man auf das Icon klickt, wird das Menü angezeigt!
Hier gibt es diese Erweiterung: https://addons.mozilla.org/de/firefox/addon/4550
Das ist der Code von der Erweiterung zur Anzeige des Icons:

CSS

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");


#menu-button {
  list-style-image: url("chrome://compact/skin/blue.png");
}


#compact-bk-button {
  list-style-image: url("chrome://compact/skin/bookmarks.png");
}


.compactbutton {
  min-width: 0;
  min-height: 0;
  width: auto;
  height: auto;
  -moz-image-region: rect(0px, 16px, 16px, 0px);
}


#PersonalToolbar .compactbutton {
  padding-top: 0;
  padding-bottom: 0;
}


.compactbutton:hover {
  -moz-image-region: rect(16px, 16px, 32px, 0px);
}


.compactbutton[open="true"] {
  -moz-image-region: rect(32px, 16px, 48px, 0px);
}


.compactbutton .toolbarbutton-icon {
  margin: 0;
}


toolbar .compactbutton {
  -moz-box-orient: horizontal;
}


toolbar:not([mode="text"]) .compactbutton .toolbarbutton-text,
toolbar:not([mode="text"]) .compactbutton .toolbarbutton-menu-dropmarker {
  display: none;
}


#compact-menubar,
#compact-bk-menubar {
  -moz-appearance: none;
  border: 0;
  padding: 0;
  margin: 0;
}


toolbar[collapsed="true"]:first-child + toolbar,
toolbar[collapsed="true"]:first-child + toolbar[collapsed="true"] + toolbar,
toolbar[collapsed="true"]:first-child + toolbar[collapsed="true"] + toolbar[collapsed="true"] + toolbar,
toolbar[collapsed="true"]:first-child + toolbar[collapsed="true"] + toolbar[collapsed="true"] + toolbar[collapsed="true"] + toolbar {
  border-top: 0px !important;
}

Alles anzeigen

So ich habe schon mal mit dem Code da mit moz-image-region bischen gespielt, aber leider wird dann immer nur mein komplettes Bild angezeigt was ich ersetzt habe, (habe 2 Versionen probiert waagerecht und senkrecht) das sieht dann so aus:
[Blockierte Grafik: http://i33.tinypic.com/21ke04n.png]

.Ulli

Publiziere doch mal deine einzubauenden Bildchen.

adxalf

Danke Ulli!
Man kann das ja entweder horizontal oder Vertikal machen, das ist mir eigentlich egal, kann beides mit meinem Grafikprogramm machen, aber ich bin leider nicht so fitt mit diesem "moz-image-region" Befehl.
Ich würde mich sehr freuen wenn du oder jemand anderes das schaffen würde, denn ich verwende dieselbe Erweiterung jetzt auch im Mozilla Thunderbird 2.0.0.23 und da habe ich das selbe Problem.
Hier mal die Bilder:
[Blockierte Grafik: http://i37.tinypic.com/2bcxab.png]

[Blockierte Grafik: http://i38.tinypic.com/ixyx08.png]

Dies ist das Original Bild, damit funktioniert der Code das heißt es wird mit dem Code nur jeweils 1/3 des Bildes angezeigt:
[Blockierte Grafik: http://i37.tinypic.com/mr7mso.png]

.Ulli

Noch keine Ahnung welchen Grenzbereich du mit der fetten Grafik überschreitest.
Wird die vertikale Grafik dem css entsprechend auf 50% skalierst, dann passt es.

[Blockierte Grafik: http://img5.imagebanana.com/img/5dklgu5u/BildschirmfotoUbuntuStartseiteShiret.png] d.h. mit [Blockierte Grafik: http://img5.imagebanana.com/img/g2zrudy8/blue.png]

adxalf

Hallo Ulli!
Ja ich habe in meiner Toolsleiste schon mehrere so große Icons, und das geht, nur bei dieser Erweiterung leider nicht,
und ich habe auch schon mal versucht den Code

Code

-moz-image-region: rect(0px, 16px, 16px, 0px);

auf

Code

-moz-image-region: rect(0px, 32x, 32px, 0px);

zu ändern aber dann wird leider immer das gesamte Bild angezeigt statt nur jeweils 1/3 davon. :-???
Hier mal ein Bild von meiner gesamten Toolsleiste:
[Blockierte Grafik: http://img5.imagebanana.com/img/y1cj85i0/thumb/ff_toolbar_adx.png]

adxalf

Juhu *FREU* ich habs jetzt selber geschafft!
Hab mir nochmal den Code angesehen und ein paar

Code

!important

Befehle eingefügt und jetzt geht es,
genau so wie ich es haben wollte! :klasse:
Falls es jemanden interessiert, so sieht jetzt mein fertiger Code aus:

CSS

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");


#menu-button {
  list-style-image: url("chrome://compact/skin/blue.png");

  -moz-image-region: rect(0px, 32px, 32px, 0px);
  }


#compact-bk-button {
  list-style-image: url("chrome://compact/skin/bookmarks.png");
}


.compactbutton {
  min-width: 0 !important;
  min-height: 0 !important;
  width: 32 !important;
  height: 32 !important;
  -moz-image-region: rect(0px, 32px, 32px, 0px) !important;
}


#PersonalToolbar .compactbutton {
  padding-top: 0;
  padding-bottom: 0;
}


.compactbutton:hover {
  -moz-image-region: rect(32px, 32px, 64px, 0px) !important;
}


.compactbutton[open="true"] {
  -moz-image-region: rect(64px, 32px, 96px, 0px) !important;
}


.compactbutton .toolbarbutton-icon {
  margin: 0;
}


toolbar .compactbutton {
  -moz-box-orient: horizontal;
}


toolbar:not([mode="text"]) .compactbutton .toolbarbutton-text,
toolbar:not([mode="text"]) .compactbutton .toolbarbutton-menu-dropmarker {
  display: none;
}


#compact-menubar,
#compact-bk-menubar {
  -moz-appearance: none;
  border: 0;
  padding: 0;
  margin: 0;
}


toolbar[collapsed="true"]:first-child + toolbar,
toolbar[collapsed="true"]:first-child + toolbar[collapsed="true"] + toolbar,
toolbar[collapsed="true"]:first-child + toolbar[collapsed="true"] + toolbar[collapsed="true"] + toolbar,
toolbar[collapsed="true"]:first-child + toolbar[collapsed="true"] + toolbar[collapsed="true"] + toolbar[collapsed="true"] + toolbar {
  border-top: 0px !important;
}

Alles anzeigen