Beiträge von Horstmann

  • Tabform

    Also jetzt plötzlich keine Rundungen mehr unten? :/

    Was soll's denn nun werden?

  • Tabform

    Unter anderem deswegen hab ich ja auch meinen eigenen Code gebastelt, s. oben. ;)

    Übrigens mit ziemlich aufwendigen Trennlinien, für die ich auch noch Varianten in petto hätte, die man aber halt anpassen muss je nach gewünschter Optik, zusammen mit dem Rest vom Code.


    Die Trennlinien sind die grösste Schwierigkeit, gefolgt von transparenten Tab Hintergründen, ohne ist relativ einfach.


    .

  • Tabform

    Zitat von .DeJaVu

    Wie oben bereits geschrieben, wurden die Ecken mit Grafiken erstellt, rechts, links, dazwischen, also mindestens drei.

    Danke für die Links. :)

    Als Grafik braucht man generell eigentlich nur eine; das einzige Problem sind abgerundete Umrandungen, die sind recht kompliziert zu bauen, und rendern evtl. nicht sauber wenn man es nicht komplett mit Grafiken macht.

  • Tabform

    Zitat von Mira_Belle

    Besser bekomme ich es nicht hin.

    ....

    Irgendwie gefällt es mir nicht.

    Es ist wirklich schwer zu sagen wie man es machen sollte, ohne zu wissen was für eine Optik du am Ende haben möchtest.

    Aber hier ist etwas das du mal probieren könntest; den oberen Teil (ERSETZEN) müsstest du dir anpassen, der Rest ist dann halt Geschmackssache.

    Sieht nicht dolle aus im Moment, ist nur ein Test, aber man kann es unendlich anpassen, man muss halt wie gesagt wissen wie das Ergebnis aussehen soll.

    Das benötigte .svg für die unteren Ecken häng ich als Code unten an, das geht hier nicht mit dem Format.

    Tab-corner-left.svg :

    Code
    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
  <path d="M0 17 L0 16 A16 16 0 0 0 16 0 L 18 0 L 18 17 Z" fill="context-fill"/>
  <path d="M0 16 A16 16 0 0 0 16 0" fill="transparent" stroke="context-stroke" stroke-width="1"/>

</svg>

    Oder du kannst es hier runterladen (nettes Tool auch), und dann halt zu Tab-corner-left.svg umbenennen.

  • Tabform

    Ähem - dein CSS sieht bei mir in 115esr einfach nur verhunzt aus.

    Nicht mal die unteren Bögen sind noch da, was ja irgendwie der Sinn der Übung ist.

    Ausgehend vom originalen CSS Code, was willst du denn ändern und wie?

    Am besten mit Screenshots.

  • Tabform

    Ein Ansatz wäre das hier.

    Es gibt verschiedene Styles die ähnliches CSS benutzen, ist aber immer etwas kompliziert wegen der unteren, nach aussen gerichteten Rundung der Tabs.

    Auch gut ist generell der CSS Code von Godie, der hat sowas in Extras, aber das müsstest du dir raussuchen und zusammenbasteln.

  • Keine Hervorhebung der Tabs, wieso?

    Zitat von Sören Hentzschel
    Zitat von Horstmann

    Nur aus Neugier: ist es anzuraten .tabbrowser-tab:not([visuallyselected]) statt nur .tabbrowser-tab:not([selected]) zu benutzen? :/

    Dass es beide Attribute gibt, hängt mit der Multiprozessarchitektur zusammen. Damit beim Tabwechsel nicht der alte Inhalt für den Bruchteil einer Sekunde angezeigt wird, nachdem die Tableiste aktualisiert wurde, wird zunächst der Tab ausgewählt, ohne den visuellen Status zu aktualisieren (selected), damit andere Teile des Systems quasi Bescheid wissen, dass der Tab ausgewählt ist, und sobald es intern die Bestätigung gibt, dass der Inhalt „gezeichnet“ wurde, wird der Tab auch visuell selektiert (visuallyselected).

    Wenn es darum geht, was man verwenden sollte (falls man überhaupt einen Unterschied wahrnimmt), würde ich mich generell immer an dem orientieren, was Firefox selbst verwendet.

    Dankeschön! :) :thumbup:

  • FFX 119 | Tableiste GANZ unten (unter Fenster) Script funktioniert nicht mehr?

    Zitat von Sören Hentzschel

    ... Das ist ein extremer Nischen-Wunsch, der dafür die Komplexität in einem Grad erhöht, der in keinem Verhältnis steht. Es geht dabei nicht um den einmaligen Implementierungsaufwand, der ist gering. Aber ab diesem Punkt entsteht ein dauerhafter Aufwand, weil für jede Änderung jede Konfiguration berücksichtigt und getestet werden muss. Mozilla ist von solchen Optionen, welche die Komplexität ohne klaren Vorteil spürbar erhöhen, bereits vor Jahren ganz bewusst abgerückt. ...

    Wobei ich eine Option zur Anordnung der Tabs unterhalb der Nav-bar (nicht ganz unten) schon für recht sinnvoll halte; die Tableiste ganz oben zu haben könnte eher auf Touchscreen Benutzung basiert sein, wo es Sinn macht, und der Einfachheit halber dann auf Desktop übernommen worden sein.

    Am Rechner mit der Maus finde ich persönlich die Tabs unterhalb der Navbar natürlicher in der Bedienung; kann aber auch deswegen sein, weil mein langjähriger Browser vor Fx eine alte Safariversion war, mit diesem Aufbau.

    Aber du hast natürlich recht, so eine Option bringt einen Rattenschwanz an Zusammenhängen mit sich, die alle bei Updates berücksichtigt werden müssen; und den meisten Usern ist es vermutlich eh wumpe. ;)

  • FFX 118 | Tableiste GANZ unten (unter Fenster) CSS-Code + Skript ?

    Zitat von ^L^

    NACHFRAGE: Größe der Symbole in der Menübar #toolbar-menubar bestimmen?

    Beipiel Lesezeichen-Symbolleiste - ginge das in der Menüleiste auch? Wie?

    CSS
    #PlacesToolbarItems > .bookmark-item > .toolbarbutton-icon {
  width: 10px !important;
  height: 10px !important;
}

    Kann ich mal wieder nicht testen am Mac, aber du könntest das gleiche Prinzip wie in #44 versuchen:

    CSS
    #toolbar-menubar > .toolbarbutton-1, 
#toolbar-menubar > toolbaritem {
    max-height:10px !important;  
    margin-top: 7px !important;
}

    Zum Testen evtl. mal damit anfangen:

    ...und schauen ob sich was tut.

    Zusätzlich zu den Erweiterungen sollte auch noch ein "normaler" Button in der Menüleiste sein für den Test, falls das geht in Windows.

    Am Mac gibt es die Menüleiste in der Form nicht, daher kann ich nichtmal in den Browserwerkzeugen die CSS-Pfade auslesen, also nur geraten.

    Man kann vermutlich auch über das Icon Padding gehen, ich glaube aber das funtioniert nicht mit dem Code den du für die Toolbar/Leisten Höhen benutzt.

    Vorher müsste auch noch dieser Code raus aus deiner userChrome.css:

    CSS
    #toolbar-menubar .toolbarbutton-1 {
  max-height:10px !important;  
  margin-top: 7px !important;
}

    Die Idee dahinter ist, dass man mit > die teils verschieden aufgebauten Buttons separat anspricht, aber dafür muss eben der CSS-Pfad passen.