Benutzer-Werkzeuge

Webseiten-Werkzeuge


firefox_vertical_tabs

Dies ist eine alte Version des Dokuments!


Vertikale Tabs in Firefox

Für weitere Browser Erweiterungen und Download-Links siehe Browser Erweiterungen

Native horizontale Tableiste ausblenden

für weitere Infos über das Anpassen von Firefox über userChrome.css siehe Firefox

Außerdem in Firefox die Titelleiste (title bar) aktivieren

userChrome.css
@import url("tabs.css");
tabs.css
/* hides the tabs */
#tabbrowser-tabs {
  visibility: collapse;
}
 
/* move titlebar up */
#titlebar {
  margin-top: -8px;
}
 
/* move navbar up and to the front */
#nav-bar {
  margin-top: -8px;
  z-index: 1;
}

Sideberry

Die Browser Erweiterung Sideberry bietet eine einfach zu konfigurierende vertikale Tableiste und somit eine gute Alternative zu Tree Style Tab.

Tree Style Tab

Die Browser Erweiterung Tree Style Tab bietet eine stark anpassbare vertikale Tableiste, welche Tabs in einer Baumstruktur anzeigt.

Custom CSS

Dieses Snippet in das Textfeld bei about:addons > Extensions > Tree Style Tab > Options > Advanced einfügen

/* Show title of unread tabs with italic font */
:root.sidebar tab-item.unread .label-content {
  font-style: italic !important;
}
 
/* scrollbar on the right side */
:root.left #tabbar {
  direction: ltr;
  overflow-x: hidden;
}
 
/* hide scrollbar until hovering over tabs */
#tabbar.overflow {
  scrollbar-width: none;
}
#tabbar.overflow:hover {
  scrollbar-width: thin;
}
 
/* transparent scrollbar */
#tabbar {
  scrollbar-color: grey transparent;
}
 
/* container identity marker: color whole tab */
:root.left .tab:not(.faviconized) .contextual-identity-marker {
  opacity: 0.1;
  width: 100%;
  height: 90%;
  margin: auto;
  align-self: center;
  border-radius: 0.5em;
}
/home/http/wiki/data/attic/firefox_vertical_tabs.1668027547.txt · Zuletzt geändert: von david