FF 31.1 ESR - Anpassungen Bookmarks, Tab-Close u Home-Button

petrik75

Hallo,

ich bin jetzt von FF 28.8 ESR auf den 31.1 ESR umgestiegen. Einige meiner Codes für die userchrome.css scheinen nun leider nicht mehr zu funktionieren und ich hoffe, dass Ihr mir da helfen könnt.

1.) Einträge und Trennlinien bei den Lesezeichen entfernen:

Ich habe die Erweiterung "Classic Bookmarks Button" installiert weil ich das Stern-Symbol nicht haben möchte - ein einzelnes Symbol reicht mir da aus. In meiner userchrome steht für das Entfernen diverser Einträge folgender Code:

CSS

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


menuitem[label="Unsortierte Lesezeichen"],
menuitem[label="Alle Lesezeichen anzeigen"],
menuitem[label="Lesezeichen-Sidebar anzeigen"],
menuitem[label="Lesezeichen-Symbolleiste anzeigen"],
menuitem[label="Diese Seite abonnieren"],
menuitem[label="Diese Seite abonnieren…"],
menu[label="Unsortierte Lesezeichen"],
menu[label="Diese Seite abonnieren"],
menu[label="Diese Seite abonnieren…"],
menu[label="Lesezeichen-Symbolleiste"] { display: none !important; }

#bookmarksMenuItemsSeparator {
display: none !important;}

Alles anzeigen

Damit sieht es jetzt so aus (ich hätte gern noch die rot markierten Bereiche zusätzlich entfernt bzw. wenn sich die Separatoren einzeln nicht entfernen lassen dann eben alle weg):

[Blockierte Grafik: http://abload.de/thumb/bookmarkswhsif.jpg]

2.) Die Tab-Close Schaltfläche auf den Tabs; die neuer Tab-Schaltfläche in der Größe anpassen und das Icon für neuer Tab ändern:

Dafür habe ich bisher folgenden Code verwendet und die entsprechenden Icon-Dateien natürlich auch im Chrome-Ordner meines Profils abgelegt.

CSS

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


/*TAB Schliessen Schaltfläche verschieben*/
.tab-close-button {
margin-top: 0px !important;
margin-bottom: -2px !important;
margin-right: 7px !important;
 }


    .tab-close-button{
list-style-image: url(close.png) !important;
}


/* + Zeichen im neuer Tab ändern, verschieben und Postion ändern*/
.tabs-newtab-button .toolbarbutton-icon {
margin-top: -1px !important;}


.tabs-newtab-button{
list-style-image: url(newtab.png) !important;
}


/* Tab-Icon verschieben/
.tab-icon-image {
margin-left: 7px !important;
margin-right: 3px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
 }

Alles anzeigen

[Blockierte Grafik: http://abload.de/thumb/tab-closesgki4.jpg]

3.) Den Abstand am Home-Button ändern

Ich würde gern links und rechts ein wenig Abstand bei Home-Button haben, bisher wurde folgender Code verwendet:

CSS

/* — Homebutton Abstand — */
#home-button {
 margin-left: 5px !important;
  margin-right: 5px !important;
  }

Hier noch ein Screenshot:

[Blockierte Grafik: http://abload.de/thumb/homeyus20.jpg]

Fast alles am FF 31.1 ESR habe ich mit viel Bastelei nun schon soweit hin bekommen, dass es meinen Vorstellungen entspricht

Ich hoffe das Ihr mir nun noch bei den 3 vorgenannten Sachen noch könnt - dann ist erst mal wieder für ein paar Monate Ruhe

Viele Grüße

Petrik75

2002Andreas

Mit diesem Code:

CSS

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


    menuitem[label="Unsortierte Lesezeichen"],
    menuitem[label="Alle Lesezeichen anzeigen"],
    menuitem[label="Lesezeichen-Sidebar anzeigen"],
    menuitem[label="Lesezeichen-Symbolleiste anzeigen"],
    menuitem[label="Diese Seite abonnieren"],
    menuitem[label="Diese Seite abonnieren…"],
    menu[label="Unsortierte Lesezeichen"],
    menu[label="Diese Seite abonnieren"],
    menu[label="Diese Seite abonnieren…"],
    menu[label="Lesezeichen-Symbolleiste"] { display: none !important; }


#bookmarksMenuPopup > menuseparator{
  display:none!important;
}


       /* — Homebutton Abstand — */
    #home-button {
     margin-left: 5px !important;
      margin-right: 5px !important;
      }




    /*TAB Schliessen Schaltfläche verschieben*/
    .tab-close-button {
    margin-top: 0px !important;
    margin-bottom: -2px !important;
    margin-right: 7px !important;
     }


        .tab-close-button{
     list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABXklEQVQ4jaXRvWvCQBgG8PwJXR0cuwkdBJ0iHVyUYDYd7OigLrp1KwREnLIELOLkuQQiCEEIhUxZ4qZTlS7imiGKg40f8HQoOXMxYqEHD4GD58f7Xjjuv0e3lghnqE+hW0v8GTiezkyG+hSpfAWj8YQiQrUPP8H7SEAhBnRreYWMxhO8dXpI8uJ9IJWv0IQnvgtsdnssVg6dIggI1T6SvHhBhvqUKS9WDjQi0wjVPgMoxECSFy+rBYHNbg+NyPBcFZ6r4rzuQCMy+2jhoxCDln0gKoNuiwlFFWLQsg/g24LnqvTrT3Ned3D6esXRLkFqFlhgsXLo/reKh3kNR7uEWS/GAsFfNui2roBgeWsKmPViqJcz0e8SBKLKW1OAJsVRzCVuA1E7+2UfyKbj0YDSbsBzVRzmNWxNAZ/GC2xVxMf7MzQpTvP0+HAbUNoNSM0C6uUMirkEsunfQjgcx3E/R0ccGxq+wikAAAAASUVORK5CYII=") !important;
    -moz-image-region: rect(0px 16px 16px 0px) !important;
    }


    /* + Zeichen im neuer Tab ändern, verschieben und Postion ändern*/
    .tabs-newtab-button .toolbarbutton-icon {
    margin-top: -1px !important;}


    .tabs-newtab-button{
     list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABXklEQVQ4jaXRvWvCQBgG8PwJXR0cuwkdBJ0iHVyUYDYd7OigLrp1KwREnLIELOLkuQQiCEEIhUxZ4qZTlS7imiGKg40f8HQoOXMxYqEHD4GD58f7Xjjuv0e3lghnqE+hW0v8GTiezkyG+hSpfAWj8YQiQrUPP8H7SEAhBnRreYWMxhO8dXpI8uJ9IJWv0IQnvgtsdnssVg6dIggI1T6SvHhBhvqUKS9WDjQi0wjVPgMoxECSFy+rBYHNbg+NyPBcFZ6r4rzuQCMy+2jhoxCDln0gKoNuiwlFFWLQsg/g24LnqvTrT3Ned3D6esXRLkFqFlhgsXLo/reKh3kNR7uEWS/GAsFfNui2roBgeWsKmPViqJcz0e8SBKLKW1OAJsVRzCVuA1E7+2UfyKbj0YDSbsBzVRzmNWxNAZ/GC2xVxMf7MzQpTvP0+HAbUNoNSM0C6uUMirkEsunfQjgcx3E/R0ccGxq+wikAAAAASUVORK5CYII=") !important;
    -moz-image-region: rect(0px 16px 16px 0px) !important;
    }


    /* Tab-Icon verschieben*/
    .tab-icon-image {
    margin-left: 7px !important;
    margin-right: 3px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
     }

Alles anzeigen

sieht das hier so aus:

[Blockierte Grafik: http://www11.pic-upload.de/thumb/07.09.14/iwe84i8z464.jpg]

Ich habe mir nur auf die Schnelle andere Symbole für Tab schließen genommen, musst du dir wieder anpassen dann.
Und den Code für die Trennlinen in dem Lesezeichenpopup geändert.
Und einen Fehler in deinem Code berichtigt, es fehlte ein * am Ende bei einer Beschreibung.

Getestet per Stylish und auch der userchrome.css

petrik75

Hm, das ist merkwürdig, bei mir ändern sich die Symbole nicht.

Absolute Priorität haben für mich im Moment die Separatoren bei den Bookmarks und der Eintrag "diese Seite abonieren" - weisst Du wie ich die weg bekomme?

Endor

Das ist nochmals der obige Code von Andreas mit kleiner Erweiterung von mir :wink:
Da ist alles was Du möchtest drinnen:

CSS

/* AGENT_SHEET */
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@-moz-document url(chrome://browser/content/browser.xul) {


        menuitem[label="Unsortierte Lesezeichen"],
        menuitem[label="Alle Lesezeichen anzeigen"],
        menuitem[label="Lesezeichen-Sidebar anzeigen"],
        menuitem[label="Lesezeichen-Symbolleiste anzeigen"],
        menuitem[label="Diese Seite abonnieren"],
        menuitem[label="Diese Seite abonnieren…"],
        menu[label="Unsortierte Lesezeichen"],
        menu[label="Diese Seite abonnieren"],
        menu[label="Diese Seite abonnieren…"],
        menu[label="Lesezeichen-Symbolleiste"] { display: none !important; }


    #bookmarksMenuPopup > menuseparator{
      display:none!important;
    }


           /* — Homebutton Abstand — */
        #home-button {
         margin-left: 5px !important;
          margin-right: 5px !important;
          }




        /*TAB Schliessen Schaltfläche verschieben*/
        .tab-close-button {
        margin-top: 0px !important;
        margin-bottom: -2px !important;
        margin-right: 7px !important;
         }


            .tab-close-button{
         list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABXklEQVQ4jaXRvWvCQBgG8PwJXR0cuwkdBJ0iHVyUYDYd7OigLrp1KwREnLIELOLkuQQiCEEIhUxZ4qZTlS7imiGKg40f8HQoOXMxYqEHD4GD58f7Xjjuv0e3lghnqE+hW0v8GTiezkyG+hSpfAWj8YQiQrUPP8H7SEAhBnRreYWMxhO8dXpI8uJ9IJWv0IQnvgtsdnssVg6dIggI1T6SvHhBhvqUKS9WDjQi0wjVPgMoxECSFy+rBYHNbg+NyPBcFZ6r4rzuQCMy+2jhoxCDln0gKoNuiwlFFWLQsg/g24LnqvTrT3Ned3D6esXRLkFqFlhgsXLo/reKh3kNR7uEWS/GAsFfNui2roBgeWsKmPViqJcz0e8SBKLKW1OAJsVRzCVuA1E7+2UfyKbj0YDSbsBzVRzmNWxNAZ/GC2xVxMf7MzQpTvP0+HAbUNoNSM0C6uUMirkEsunfQjgcx3E/R0ccGxq+wikAAAAASUVORK5CYII=") !important;
        -moz-image-region: rect(0px 16px 16px 0px) !important;
        }


        /* + Zeichen im neuer Tab ändern, verschieben und Postion ändern*/
        .tabs-newtab-button .toolbarbutton-icon {
        margin-top: -1px !important;}


        .tabs-newtab-button{
         list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABXklEQVQ4jaXRvWvCQBgG8PwJXR0cuwkdBJ0iHVyUYDYd7OigLrp1KwREnLIELOLkuQQiCEEIhUxZ4qZTlS7imiGKg40f8HQoOXMxYqEHD4GD58f7Xjjuv0e3lghnqE+hW0v8GTiezkyG+hSpfAWj8YQiQrUPP8H7SEAhBnRreYWMxhO8dXpI8uJ9IJWv0IQnvgtsdnssVg6dIggI1T6SvHhBhvqUKS9WDjQi0wjVPgMoxECSFy+rBYHNbg+NyPBcFZ6r4rzuQCMy+2jhoxCDln0gKoNuiwlFFWLQsg/g24LnqvTrT3Ned3D6esXRLkFqFlhgsXLo/reKh3kNR7uEWS/GAsFfNui2roBgeWsKmPViqJcz0e8SBKLKW1OAJsVRzCVuA1E7+2UfyKbj0YDSbsBzVRzmNWxNAZ/GC2xVxMf7MzQpTvP0+HAbUNoNSM0C6uUMirkEsunfQjgcx3E/R0ccGxq+wikAAAAASUVORK5CYII=") !important;
        -moz-image-region: rect(0px 16px 16px 0px) !important;
        }


        /* Tab-Icon verschieben*/
        .tab-icon-image {
        margin-left: 7px !important;
        margin-right: 3px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
         }


}

Alles anzeigen

Funktioniert hier bestens.
Mfg.
Endor

2002Andreas

Zitat von petrik75

die Separatoren

Ging hier damit:

CSS

#bookmarksMenuPopup > menuseparator{
  display:none!important;
}

Zitat

diese Seite abonieren

Teste ich gleich mal.

2002Andreas

Zitat von petrik75

der Eintrag "diese Seite abonieren"

Bitte testen:

CSS

#subscribeToPageMenuitem{
  display:none!important;

}

petrik75

Das ist merkwürdig - bisher alles negativ, die Separatoren bleiben.

"Diese Seite abonieren" hab ich mit folgendem Code jetzt weg bekommen den ich noch irgendwo ausgegraben habe (wahrscheinlich steht mehr drinnen als ich dafür barauch):

CSS

#BMB_viewBookmarksToolbar,
    #BMB_bookmarksToolbar,
    #subscribeToPageMenuitem,
    #subscribeToPageMenupopup,
    #BMB_subscribeToPageMenupopup,
    #BMB_subscribeToPageMenuitem,
    #BMB_bookmarksPopup > menuseparator:nth-child(2),
   #BMB_bookmarksPopup > menuseparator:nth-child(10) {

    display:none !important;
    }

Alles anzeigen

Die Icons sind mir wie gesagt gar nicht mehr so wichtig - nur die Separatoren sollen weg und der Home-Button ändert seine Postion leider auch nicht...

2002Andreas

Bitte wieder testen:

CSS

/*AGENT_SHEET*/


#bookmarksToolbarSeparator,
#organizeBookmarksSeparator,
#bookmarksMenuItemsSeparator,
.hide-if-empty-places-result,
.small-separator{
  display:none!important;
}

[Blockierte Grafik: http://www11.pic-upload.de/thumb/07.09.14/8x5nf3faxt7.jpg]

petrik75

Damit ist lediglich der Separator ganz unten verschwunden, die anderen bleiben :roll:

Ich habe jetzt noch diesen Code gefunden - damit sind dann aber leider alle Separatoren weg - zur Not verwende ich den, besser gefallen würde es mir aber, wenn nur die aus meinem Screenshot oben verschwinden:

Code

menuseparator{
display:none!important}

2002Andreas

Installier die mal diese beiden Erweiterungen:

https://addons.mozilla.org/de/firefox/addon/inspect-context/

https://addons.mozilla.org/de/firefox/add…inspector-6622/

damit kannst du dir ganz genau raussuchen was du löschen möchtest.

Bei der ersten erscheint dann: Inspect im Kontextmenü beim Rechtsklick, und öffnet den Domi gleich an richtiger Stelle.

2002Andreas

Mit der Maus auf das was du ansprechen willst....dann: Inspect

[Blockierte Grafik: http://www11.pic-upload.de/thumb/07.09.14/ac39jx8n1wtw.jpg]

Steph

1. Firefox ist ein Brauser

2. Bessarabien liegt nicht in Asien

3.

Zitat von petrik75

Ich habe jetzt noch diesen Code gefunden - damit sind dann aber leider alle Separatoren weg -

4. Kannst du die Separatoren nicht einfach im Lesezeichenmenü löschen - wenn nicht ...

5. ... probiere das mal: Lesezeichen --- Lesezeichen verwalten --- Lesezeichen-Menü - dort sollten sich dann aber die einzelnen Separatoren (per Maus) löschen lassen

6. Ich trinke gerade Mineralwasser

petrik75

Im Menü bzw. unter Lesezeichen verwalten lassen sich die Separatoren nicht löschen - das war auch das erste was ich versucht hatte.

Ansonsten werde ich mich demnächst mal mit den von andreas geposteten Erweiterungen beschäftigen...

Steph

Zitat von petrik75

Ansonsten werde ich mich demnächst mal mit den von andreas geposteten Erweiterungen beschäftigen...

Ja, mache das mal.

7. Ich trinke gerade ein Bier

petrik75

Die Sache lässt mir doch keine Ruhe - mit dem Code der alle Separatoren entfernt ist es auch nicht wirklich gut, denn es wird dadurch sehr unübersichtlich, es werden dann ja beispielsweise auch die Separatoren im Kontextmenü ausgeblendet.

Ich habe mir also mal die beiden von andreas genannten Erweiterungen installiert.

Nachfolgend 3 Screenshots von den Separatoren die weg sollen (BILD 1 = ganz oben, BILD 2 = doppelter unter Lesezeichen hinzufügen, BILD 3 = ganz unten:

[Blockierte Grafik: http://abload.de/thumb/bild1ganzobenzck6n.jpg]

[Blockierte Grafik: http://abload.de/thumb/bild2doppelterunterlexmke6.jpg]

[Blockierte Grafik: http://abload.de/thumb/bild3ganzuntenjbjvk.jpg]

Jetzt habe ich keinen Plan wie es weitergeht...

2002Andreas

So funktioniert das mit dem DOM Inspector dann weiter:

[Blockierte Grafik: http://www11.pic-upload.de/thumb/08.09.14/s88mz7fn81hb.jpg]

Rechtsklick links auf den Seperator...Selektor Kopieren..
dann erscheinen in diesem Fall 2 Werte.

Der obere wäre für alle Seperatoren.

Der untere nur für diesen einen speziellen.

Du machst dann einen Linksklick auf den gewünschten Wert, (hier im Beispiel auf: #bookmarksToolbarSeparator)....dann fügst du diesen Wert per Rechtsklick: Einfügen in das Stylishfenster ein.

[Blockierte Grafik: http://www11.pic-upload.de/thumb/08.09.14/7dkx5kok8je7.jpg]

petrik75

Ich hoffe ich stelle mich nicht zu blöd an, aber den Menüpunkt "Selektor kopieren" gibt es bei mir nicht wenn ich einen Rechtsklick auf den entsprechenden Eintrag im DOM-Inspector mache

[Blockierte Grafik: http://abload.de/thumb/zwischenablage-195ji4.jpg]

2002Andreas

Eigenartig :-??

Hast du evtl. mal per Code diverse Einträge im Firefox gelöscht!?

petrik75

nein, da wurde wirklich niemals etwas gelöscht - ganz sicher.

EDIT: Ich hab jetzt mal ein neues Profil verwendet und nur die beiden von Dir genannten Erweiterungen installiert - trotzdem gibt es im Kontextmenü keinen Eintrag "Selektor kopieren"

Endor

Dazu braucht es noch die Erweiterung Stylish. Die baut diesen Eintrag ein.
https://addons.mozilla.org/de/firefox/addon/stylish/

Mfg.
Endor