Tabkontextmenü: Eintrag wieder bündig machen

bluemule

Hallo zusammen,

ich habe kürzlich den Eintrag "Tab einfrieren" von Tab Mix Plus im Tabkontextmenü mit einem Symbol versehen. Dabei ist die Schrift etwas nach rechts verschoben worden. Weiß jemand, wie ich sie wieder bündig mit den anderen Einträgen bekomme? Mich würde auch interessieren, warum sich das überhaupt verschoben hat :-??

Der Code:

CSS

#tm-freezeTab{
-moz-binding: 
url("chrome://global/content/bindings/menu.xml#menu-menubar-iconic") !important; 
list-style-image: url("file:///C:/freeze.png") !important;
-moz-image-region: rect(0px 16px 16px 0px) !important;
padding-left:3px !important;}

Bild:
[attachment=0]freeze.jpg[/attachment]
Danke und Grüße

Endor

Schmarren sollte man nicht schreiben. :oops:
Daher gelöscht.

Mfg.
Endor

2002Andreas

CSS

#tm-freezeTab .menu-iconic-text {  padding-left:4px !important; }

Endor, tut mir ja Leid..aber so funktioniert er nicht :wink:

Sondern

CSS

#tm-freezeTab> .menubar-text {  padding-left:4px !important;}

Hier nur mal ein Beispiel

CSS

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


#tm-freezeTab{
-moz-binding: 
url("chrome://global/content/bindings/menu.xml#menu-menubar-iconic") !important; 
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAADLUlEQVQ4jWWTS2hUZxzFf99377yTmel0mkfrGA2tlthK8UFpJxXyonThTloxorVQLNloKbiWLFINuumicWGhYtG2FiIuzCLQdiAiSmgXoaDBBHHMJDOTmUkmuTNz7zd3vi40IaVnd+Ccwx/+5witNVvxZSKRei0W2y4RIAQAWjfQQDafn/8hk+nbqje3ki/a26e+v3Yt6fc1AQZIA9CAAqmpWFbH5y0tf/yYy/VseMTGBSfi8amxsbFkaHoa3Ab4gi8CpAahQSnweil3demh06dTPxWLPZsBRyORqe8uX062pFIsrq+zGArxrtZ4mptASBzLYkZKttk2rbEYmf379ddnzqR+WVvrMWYuXUoNnz//ke/OHdKFApXjx3l9aIj5+/cJz85SKxSY7ewkMTxMVimK9+7hT6fF+ydPdnzV29ttvBcIDO9aWooUczk8hw6x99w5Qk1NBLu7+SeVotDSwtujo0SjUVr37SPz4AHFmRnU3Jx4mM1qUzmO+9fqKsF6nfjdu0QOHGDn4CDhaJSD16+DEEgpAXh+9SrFyUnKWlNfW6OhlGsqrfm7WiXeaFC2LKyzZ6mWSiROndo0uq7L4pUrzF68yJrHQ0FKykJQ1xqz0WiQy2apao0jBGXHwZyYIHT4MNIwQAjqtRoPJybILS9je70sac2qEDS0Rkoh2KUUO5Si2XFo7e9n78i3rFcqVByFZdtUHMWe0VE8HyapOg4BpXhVKRACo8vn++agEJFm16Wjr489IyM4jgMeD/WbN3EfP6b21pvYtRqtA/2IR4/wpdPE/X7mpSyZwraNXCzmvlOtGq+USoTyeVbf2EbT+DgrFy4gTZOIabIwMEB8bp4dKysUm5uZDoZsuZz3C601Rzyehd729rYPymXp372bcDKJc+MGxoumgWliHjuGNTmJ8/Qpv4fD9p+ZTP63ej2xWeVPvd6FI4lE28dKSa0U3mAQQwiEEGjXpW5ZCJ+Pca/Xvv3sWf6W4yT+swWAz/z+hcHOzrZPtJYeIeDlG7XW1LXmthDOrSdPcr/aduJ/Y9rA0UDgeSQet7wvpyqEwNUaBRTz+cDPtdr2rfp/AYkFe80/+csxAAAAAElFTkSuQmCC") !important;
-moz-image-region: rect(0px 16px 16px 0px) !important;
padding-left:5px !important;}


    #tm-freezeTab> .menubar-text {  padding-left:4px !important; }

Alles anzeigen

[Blockierte Grafik: http://www10.pic-upload.de/thumb/30.07.12/46spuc5upz.jpg]

Endor

Danke für das Korrigieren.
Habe es eben hier auch gemerkt, das es nicht geht.
So eine Schande. Totale Blamage...... :oops:
Mfg.
Endor

2002Andreas

Zitat von Endor

So eine Schande. Totale Blamage.

Keine Panik....kann doch mal passieren. :wink:

Endor

:klasse:
Mfg.
Endor

2002Andreas

bluemule ...

teste das doch bitte mal mit einem anderen Icon, normalerweise verschiebt sich der Text nicht so sehr wie bei dir :-??

bluemule

Danke euch beiden So schnell wie ihr hier Codes hin und her feuert, kommt man ja garnicht mit dem Antworten hinterher Habe das gerade mal alles getestet und der hier funktioniert noch nicht:

CSS

#tm-docShell .menu-iconic-text {  padding-left:4px !important;}

Diese beiden gehen wunderbar:

CSS

#tm-protectTab .menu-iconic-text {  padding-left:4px !important;}
#tm-lockTab .menu-iconic-text {  padding-left:0px !important;}

Der machtet nun och :klasse: :

CSS

#tm-freezeTab> .menubar-text {  padding-left:4px !important;}

Trotzdem frage ich mich, warum bei mir bisher die Symbole noch nie den Text verschoben haben. Ich habe immer mit 16x16px Bildern gearbeitet, die waren doch immer gleich groß :-?? Könnte man denn, andersrum gedacht, einfach das Symbol runterskalieren, vielleicht mit einem Code? Wie groß dürften die Bilder den max. sein, damit solche "Verschieber" nicht passieren? Das hier benutzte ist wie gesagt auch 16x16 groß. Habe es mir aus den zwei Einzelicons für protectTab und lockTab zusammengebastelt, da TMP kein eigenes "Freeze-Icon" bietet und es auch selbst nur aus den anderen beiden erstellt..

Grüße

2002Andreas

Zitat von bluemule

aus den zwei Einzelicons

Wahrscheinlich deshalb :wink:

Noch eine Möglichkeit

Code

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


.menu-iconic-text,
.menu-text,
.menuitem-iconic-text{
margin-left:15px !important}

Damit verschiebst du den kompl. Text nach rechts, Wert musst du dir natürlich anpassen.

2002Andreas

Zitat von bluemule

der hier funktioniert noch nicht:

Dann nimm den :wink:

CSS

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


    #tm-docShell{
    -moz-binding:
    url("chrome://global/content/bindings/menu.xml#menu-menubar-iconic") !important;
    list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAADLUlEQVQ4jWWTS2hUZxzFf99377yTmel0mkfrGA2tlthK8UFpJxXyonThTloxorVQLNloKbiWLFINuumicWGhYtG2FiIuzCLQdiAiSmgXoaDBBHHMJDOTmUkmuTNz7zd3vi40IaVnd+Ccwx/+5witNVvxZSKRei0W2y4RIAQAWjfQQDafn/8hk+nbqje3ki/a26e+v3Yt6fc1AQZIA9CAAqmpWFbH5y0tf/yYy/VseMTGBSfi8amxsbFkaHoa3Ab4gi8CpAahQSnweil3demh06dTPxWLPZsBRyORqe8uX062pFIsrq+zGArxrtZ4mptASBzLYkZKttk2rbEYmf379ddnzqR+WVvrMWYuXUoNnz//ke/OHdKFApXjx3l9aIj5+/cJz85SKxSY7ewkMTxMVimK9+7hT6fF+ydPdnzV29ttvBcIDO9aWooUczk8hw6x99w5Qk1NBLu7+SeVotDSwtujo0SjUVr37SPz4AHFmRnU3Jx4mM1qUzmO+9fqKsF6nfjdu0QOHGDn4CDhaJSD16+DEEgpAXh+9SrFyUnKWlNfW6OhlGsqrfm7WiXeaFC2LKyzZ6mWSiROndo0uq7L4pUrzF68yJrHQ0FKykJQ1xqz0WiQy2apao0jBGXHwZyYIHT4MNIwQAjqtRoPJybILS9je70sac2qEDS0Rkoh2KUUO5Si2XFo7e9n78i3rFcqVByFZdtUHMWe0VE8HyapOg4BpXhVKRACo8vn++agEJFm16Wjr489IyM4jgMeD/WbN3EfP6b21pvYtRqtA/2IR4/wpdPE/X7mpSyZwraNXCzmvlOtGq+USoTyeVbf2EbT+DgrFy4gTZOIabIwMEB8bp4dKysUm5uZDoZsuZz3C601Rzyehd729rYPymXp372bcDKJc+MGxoumgWliHjuGNTmJ8/Qpv4fD9p+ZTP63ej2xWeVPvd6FI4lE28dKSa0U3mAQQwiEEGjXpW5ZCJ+Pca/Xvv3sWf6W4yT+swWAz/z+hcHOzrZPtJYeIeDlG7XW1LXmthDOrSdPcr/aduJ/Y9rA0UDgeSQet7wvpyqEwNUaBRTz+cDPtdr2rfp/AYkFe80/+csxAAAAAElFTkSuQmCC") !important;
    -moz-image-region: rect(0px 16px 16px 0px) !important;
    padding-left:5px !important;}


        #tm-docShell> .menubar-text {  padding-left:4px !important; }

Alles anzeigen

bluemule

Danke Andreas. Den gesamten Text möchte ich lieber nicht verschieben (wäre ja nur wegen dieses einen Symbols), das passt nicht ins Gesamtbild. Was deinen zweiten Code angeht, so zeigt diese Zeile leider keine Auswirkung:

CSS

#tm-docShell> .menubar-text {  padding-left:4px !important; }

Ich denke, das beste wird es sein, wenn ich mir ein neues Symbol bastel. Wenn ich beide Icons, das von lockTab und das von protectTab, zusammenlege, entsteht immer die Lücke zum Text, auch wenn das Symbol nur 12x12px hat. Habe das eben probiert. Mal sehen, mir fällt sicher noch was ein :wink:

2002Andreas

Zitat von bluemule

ein neues Symbol bastel

Teste es doch bitte einfach mal mit einem ganz normalem Icon, dann siehst du ja ob es funktioniert.

2002Andreas

Bei mir funktioniert der Code übrigens.

[Blockierte Grafik: http://www7.pic-upload.de/thumb/30.07.12/cr74uejpqhua.jpg]

bluemule

Ts... Du hast recht. Mit anderen Icons funktioniert es auch nicht (d.h. der Text verschiebt sich). Andersrum funktioniert mein Freeze-Symbol zusammen mit anderen Tabkontextmenüeinträgen korrekt. Das ist ja seltsam :-?? Muss also was mit dem Freeze-Eintrag selbst zu tun haben und nicht dem Symbol..

Endor

Der Code hier:

CSS

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


    #tm-docShell{
    -moz-binding:
    url("chrome://global/content/bindings/menu.xml#menu-menubar-iconic") !important;
    list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAADLUlEQVQ4jWWTS2hUZxzFf99377yTmel0mkfrGA2tlthK8UFpJxXyonThTloxorVQLNloKbiWLFINuumicWGhYtG2FiIuzCLQdiAiSmgXoaDBBHHMJDOTmUkmuTNz7zd3vi40IaVnd+Ccwx/+5witNVvxZSKRei0W2y4RIAQAWjfQQDafn/8hk+nbqje3ki/a26e+v3Yt6fc1AQZIA9CAAqmpWFbH5y0tf/yYy/VseMTGBSfi8amxsbFkaHoa3Ab4gi8CpAahQSnweil3demh06dTPxWLPZsBRyORqe8uX062pFIsrq+zGArxrtZ4mptASBzLYkZKttk2rbEYmf379ddnzqR+WVvrMWYuXUoNnz//ke/OHdKFApXjx3l9aIj5+/cJz85SKxSY7ewkMTxMVimK9+7hT6fF+ydPdnzV29ttvBcIDO9aWooUczk8hw6x99w5Qk1NBLu7+SeVotDSwtujo0SjUVr37SPz4AHFmRnU3Jx4mM1qUzmO+9fqKsF6nfjdu0QOHGDn4CDhaJSD16+DEEgpAXh+9SrFyUnKWlNfW6OhlGsqrfm7WiXeaFC2LKyzZ6mWSiROndo0uq7L4pUrzF68yJrHQ0FKykJQ1xqz0WiQy2apao0jBGXHwZyYIHT4MNIwQAjqtRoPJybILS9je70sac2qEDS0Rkoh2KUUO5Si2XFo7e9n78i3rFcqVByFZdtUHMWe0VE8HyapOg4BpXhVKRACo8vn++agEJFm16Wjr489IyM4jgMeD/WbN3EfP6b21pvYtRqtA/2IR4/wpdPE/X7mpSyZwraNXCzmvlOtGq+USoTyeVbf2EbT+DgrFy4gTZOIabIwMEB8bp4dKysUm5uZDoZsuZz3C601Rzyehd729rYPymXp372bcDKJc+MGxoumgWliHjuGNTmJ8/Qpv4fD9p+ZTP63ej2xWeVPvd6FI4lE28dKSa0U3mAQQwiEEGjXpW5ZCJ+Pca/Xvv3sWf6W4yT+swWAz/z+hcHOzrZPtJYeIeDlG7XW1LXmthDOrSdPcr/aduJ/Y9rA0UDgeSQet7wvpyqEwNUaBRTz+cDPtdr2rfp/AYkFe80/+csxAAAAAElFTkSuQmCC") !important;
    -moz-image-region: rect(0px 16px 16px 0px) !important;
    padding-left:5px !important;}


        #tm-docShell> .menubar-text {  padding-left:4px !important; }

Alles anzeigen

funktioniert bei mir auch nicht. Da tut sich gar nichts.

So hat es hier dann funktioniert:

CSS

menu[label="Berechtigungen für diesen Tab"]{
    -moz-binding:
    url("chrome://global/content/bindings/menu.xml#menu-iconic") !important;
    list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAADDElEQVQ4jX3PbWgbBRzH8XuxvvHV3q4v5qvB3nQ0tNBS3WgHtWVodYK+kLqyonNlta62RqzrU2pDk6bLzOklE++8S7KzBJJmZ9MxluSyJNcm0PWBtM5sK5iJQ1TwASxaxr6+EZkL+H39+3/gL6y+f/LZ4tmuypLkfSmXy/2YSqVIJBJEo1F0XUdRFGRZxjAMIpEIqqr++YXX41s+21XZGn35GeHL5+ruzzYdIvzOqd3IfJi8MUEpM8vG9XHWF99j/Wo/pWsT3M24KC1eIPyZm8tvvoKn6RDz7XUVoUEQavrrDuhSp41wXyffrIT4oxLnh40gD4pu9rYmqRSDPNqa4m7ay9LAMaROG/11B640CEKN8E/7ho4duSl11GNO9vCzZuee9xTcHoOyi/Lsa/wU6MUcbsXfUc9AW+NuqyDsEx7v/MDbwaH2JnKvH0XqbCEVOgfbI/D1FNvxPj5ubyLbfZR322z0nj79u/BkkvSppp55gU+6jnM1HmfVDPNwe4qHa0PcSmssxKKIXceReztwTEz8VgWI3jnN+WIrF8fPUN5eY2VlhQ0rxmY+Sj6fp7yZxz10Es+JI3hmnNWA2+3Whs91cy/+BtHAIN99e4disYhlWVTubDI/2kLJdRBxoIWZmZlqwOFwaHPjfTzIzvB9ehT5so9yuUyhUCCfMtgRD3Pb38bSZDM+n68acDqdatDvZLcwxtpKimQyyZWgQmljFcuyWM99xS9yPYnxFvx+fzUgy/JcOKhQyCXJZDLkbppc95wgefF5ctkM2WyWfCZJaG4QRVF2qgBd13tM0ySdTmMYBrFLb1Ga2M/96ae44X0VwzAwTZNMJsPCwsLnVYBlWZF0Oo2qqvimhzE/eJpfL9Wy42umPLYfaXoQVVUxTZPl5eXIf45dLlft4uLiniiKpUAgcM3hcDwavTCCYu/gxkg9H314HpfLhSRJZVEUS4lEYk+W5dp/AU3TbHa7vfExsDkUCumKovwlyzKRSKSg63p3Q0NDjSAIgt1ub9Q0zVb1xpOJong4Fov1/N/mb3YkBjW+qPvwAAAAAElFTkSuQmCC") !important;
    -moz-image-region: rect(0px 16px 16px 0px) !important;
    margin-left:4px !important;}


    menu[label="Berechtigungen für diesen Tab"]  >.menu-iconic-text{
    margin-left:12px !important;}

Sieht hier übrigens so aus:

[Blockierte Grafik: http://img338.imageshack.us/img338/7628/bild000c.png]

Keine Ahnung warum der andere hier nicht geht. :-???

Mfg.
Endor

2002Andreas

:-??
Bei mir funktionieren beide.

Endor

Ich teste beide nochmal in einem neuen Code.
Vielleicht hat der aktuelle Code, es sind ja nur 1107743 Zeichen drinnen, :wink:
einen Fehler.

Mfg.
Endor

2002Andreas

Endor, dein Code ist der bessere :klasse: .....sehen eben gerade das bei meinem der kleine Pfeil rechts fehlt. :oops:

Endor

Eben Deinen ganz alleine, nichts sonst aktiv, nochmal getestet,
nichts, der geht hier einfach nicht.

Schön, dass wenigstens mal einer von mir läuft. :lol:
Mfg.
Endor

2002Andreas

Zitat von Endor

mal einer von mir läuft.

Einer...neeeee.....gaaanz viele sogar

Zitat von Endor

der geht hier einfach nicht.

Also hier wird zumindest das Icon angezeigt, der Abstand stimmt auch, nur eben der Pfeil rechts fehlt. Da deiner aber funktioniert suche ich nicht nach dem Fehler hier.