TMP und MultirowBookmarks Toolbar Plus

Fox2Fox

Jetzt ist mir aufgefallen, dass die beiden Abstände - oberhalb des LZ-Buttons und unterhalb des LZ-Buttons unterschiedlich sind.

Oben ist OK.
[Blockierte Grafik: http://www.bilderload.com/bild/134071/1QWX48.jpg]

Unten ist der Abstand vom Button zum TAB größer.
[Blockierte Grafik: http://www.bilderload.com/bild/134072/2FBKWK.jpg]

Kann dieser Abstand unten so verkleinert werden, wie er oben ist?

2002Andreas

Bitte mal testen

wieder der kompl. Code

CSS

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


    .bookmark-item{
    margin-top:3.5px !important
    }


    #personal-bookmarks
    {
      display:block;
    }


    #personal-bookmarks #PlacesToolbar
    {
      display:block;
      min-height: 60px!important;



      max-height: 69px!important ;




    }


    #personal-bookmarks #PlacesToolbar > hbox
    {
      display: -moz-stack !important;
      left:0px;
      right:0px;
      width: 100%;
    }


    #personal-bookmarks #PlacesToolbar #PlacesToolbarItems
    {
      /*display:block;*/
      overflow-x:visible;
      overflow-y:visible;
    }


    #personal-bookmarks #PlacesToolbar #PlacesToolbarItems > box
    {
      display:block;
    }






    #personal-bookmarks #PlacesToolbar > .bookmark-item
    {
      visibility: visible !important;
    }


    #personal-bookmarks #PlacesToolbar .chevron
    {
    display:none;
    }


    #personal-bookmarks #PlacesToolbar > hbox > hbox
    {
      overflow-x:hidden;
      overflow-y:hidden;
    }


    #personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator[collapsed="true"]
    {
      display:none;
    }


    #personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator
    {
      display:none;
    }




    #personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item
    {
      padding-top: 2px;
      padding-bottom: 2px;
      padding-left: 3px;
      padding-right: 3px;
    }
    #personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item:hover:active:not([disabled="true"]),
    #personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item[open="true"] {
      padding-top: 2px !important;
      padding-bottom: 2px !important;
      -moz-padding-start: 4px;
      -moz-padding-end: 2px;
    }
    #personal-bookmarks #PlacesToolbar toolbarseparator
    {
      -moz-appearance: none !important;
      visibility: visible !important;
      display:inline;
      text-shadow: none !important;


      border-left: 3px solid ThreeDShadow !important;
      border-right: 3px solid ThreeDHighlight !important;
      vertical-align: middle;


    }
    #personal-bookmarks toolbarbutton.bookmark-item[dragover][open]
    {
      -moz-appearance: toolbarbutton;
    }

Alles anzeigen

Wert kannst du mit dem ersten Code selber anpassen wenn dann, wäre dieser Eintrag

Code

.bookmark-item{
    margin-top:3.5px !important
    }

Fox2Fox

Die LZ-Button verschieben sich nur. Die Gesamthöhe der LZ-Symbollsite bleibt aber gleich hoch.

[Blockierte Grafik: http://www.bilderload.com/bild/134081/157KPF.jpg]
Der Abstand ist OK.

[Blockierte Grafik: http://www.bilderload.com/bild/134082/2KT67F.jpg]
Kann dieser Abstand genauso verkleinert werden?

Habe mit allen Werten (px in Zahlen) experimentiert, aber die Gesamthöhe bleibt. Und es gibt jetzt einen kleinen Zwischenraum zwischen den LZ-Button. Horizontal meine ich.

2002Andreas

Wieder der kompl. Code

CSS

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


    #TabsToolbar
    {
    margin-top:-2px !important
    }


    .bookmark-item
    {
    margin-top:-1px !important
    }


    #personal-bookmarks
    {
      display:block;
    }


    #personal-bookmarks #PlacesToolbar
    {
      display:block;
      min-height: 0px!important;



      max-height: 69px!important ;




    }


    #personal-bookmarks #PlacesToolbar > hbox
    {
      display: -moz-stack !important;
      left:0px;
      right:0px;
      width: 100%;
    }


    #personal-bookmarks #PlacesToolbar #PlacesToolbarItems
    {
      /*display:block;*/
      overflow-x:visible;
      overflow-y:visible;
    }


    #personal-bookmarks #PlacesToolbar #PlacesToolbarItems > box
    {
      display:block;
    }






    #personal-bookmarks #PlacesToolbar > .bookmark-item
    {
      visibility: visible !important;
    }


    #personal-bookmarks #PlacesToolbar .chevron
    {
    display:none;
    }


    #personal-bookmarks #PlacesToolbar > hbox > hbox
    {
      overflow-x:hidden;
      overflow-y:hidden;
    }


    #personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator[collapsed="true"]
    {
      display:none;
    }


    #personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator
    {
      display:none;
    }




    #personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item
    {
      padding-top: 2px;
      padding-bottom: 2px;
      padding-left: 3px;
      padding-right: 3px;
    }
    #personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item:hover:active:not([disabled="true"]),
    #personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item[open="true"] {
      padding-top: 2px !important;
      padding-bottom: 2px !important;
      -moz-padding-start: 4px;
      -moz-padding-end: 2px;
    }
    #personal-bookmarks #PlacesToolbar toolbarseparator
    {
      -moz-appearance: none !important;
      visibility: visible !important;
      display:inline;
      text-shadow: none !important;


      border-left: 3px solid ThreeDShadow !important;
      border-right: 3px solid ThreeDHighlight !important;
      vertical-align: middle;


    }
    #personal-bookmarks toolbarbutton.bookmark-item[dragover][open]
    {
      -moz-appearance: toolbarbutton;
    }

Alles anzeigen

Habe den ersten Eintrag dazugesetzt und den 2ten verändert, evtl. mal an diesen beiden mit den Werten ( spielen )

Code

#TabsToolbar
    {
    margin-top:-2px !important
    }


    .bookmark-item
    {
    margin-top:-1px !important
    }

Sieht hier jetzt so aus

[Blockierte Grafik: http://www7.pic-upload.de/thumb/23.08.11/pw8dg84ytmt.jpg]

Du kannst die Werte auch 2stellig machen.z.B. margin-top:-2.7px !important

Fox2Fox

[Blockierte Grafik: http://www.bilderload.com/bild/134089/35Z2BA.jpg]

So sieht das jetzt bei mir aus - und das ist genau richtig.

Ich kann nur noch mal ein ganz dickes Danke rüberschicken!

2002Andreas

Zitat von Fox2Fox

und das ist genau richtig.

:klasse: das freut mich.

Zitat von Fox2Fox

noch mal ein ganz dickes Danke rüberschicken!

Bitte, habe ich gerne gemacht.

Fox2Fox

Jetzt habe ich aber doch noch mal eine Frage:

[Blockierte Grafik: http://www.bilderload.com/bild/134571/11HDH0.jpg]

Der Abstand zwischen zwei übereinanderliegende Lesezeichen oder auch Ordner haben einen kleinen Abstand. Das wäre nicht weiter schlimm, aber wenn ich auf den oberen Lesezeichenordner klicke und zum Inhalt mit der Maus nach unten fahre, verhindert der kleine Abstand, dass ich dort hinkomme. Ich erreiche also nicht den ersten Eintrag, der sich in dem Ordner befindet, sondern ich lande mit dem Mauszeiger auf den Ordner, der darunter liegt.

Frage: Wie kann ich den Zwischenabstand der übereinanderliegenden Ordner/LZ so verringern, dass dieser Effekt nicht mehr auftritt? Habe schon mit allen Werten des Codes gespielt, dieser Abstand verändert sich aber nicht.

edit: Habe gemerkt, dass es nicht um den Zwischenabstand geht, der sich zwischen den Ordnern befindet. Es geht um den Abstand, der sich zwischen dem Ordner und dem ersten Eintrag in diesem Ordner befindet.
Wie auf dem Bild: Oben Google ist der Ordner und unten SSL ist der erste Eintrag im Ordner.
Und wenn ich langsam vom Ordner zum Eintrag mit der Maus fahre, dann schließt sich der Ordner-Inhalt wieder und ich lande auf dem darunterliegenden Ordner.