In Zeile 65 fehlt am Ende die }
Und in Zeile 202 muss die } raus und ganz ans Ende gesetzt werden
Das wars....
Vielen Dank! ![]()
Beide Codes aus diesem Thread, hatte ich auch so beschrieben.. ![]()
In Zeile 65 fehlt am Ende die }
Und in Zeile 202 muss die } raus und ganz ans Ende gesetzt werden
Das wars....
Vielen Dank! ![]()
Beide Codes aus diesem Thread, hatte ich auch so beschrieben.. ![]()
Bei mir sind die alle im chrome-Ordner im jeweiligen Profil abgelegt. Dort befindet sich auch der Ordner CSS, in dem alle CSS-Codes abgelegt sind. Ferner ist dort noch der Ordner Icons, in dem sich die Icons befinden, die von den jeweiligen Codes benutzt werden.
Scripte haben die Endung Beispiel.uc.js
Ich nutze auch noch Violentmonkey-Scripte, diese haben die Endung Beispiel.user.js und sind nicht im Profil gespeichert, sondern werden über die Erweiterung Violentmonkey eingebunden.
Hm, bei mir im Nightly habe ich keine Farbe in den 3 Spalten...
Der Code ist am Ende mit dem von 2002Andreas ergänzt. Einige Abstände wurden von mir abgeändert. Sonst ist nur der Name angepasst worden. Wo ist das Problem?
/* AGENT_SHEET */
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url("about:about") {
html {background: #FFFFFF !important;}
ul.columns {
column-count: 3 !important;
column-gap: 20px !important;
margin: 0 !important;
}
body{
background-color: #fffff0 !important;
max-width: 1590px !important;
min-height: 620px !important;
height: auto !important;
margin-top: 70px !important;
margin-bottom: 30px !important;
margin-left: 80px !important;
padding-top: 45px !important;
padding-left: 25px !important;
padding-right: 25px !important;
padding-bottom: 65px !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-radius: 20px !important;
border-width: 4px !important;
border-style: outset !important;}
.container > h1:nth-child(1){
margin-left: 150px !important;
color: blue !important;
font-size: 24px !important;
font-weight: bold !important;}
ul{list-style: none !important;}
#abouts{
min-width: 1120px !important;
background-color: #ffffff !important;
margin-left: -200px !important;
margin-top: 25px !important;
padding-top: 25px !important;
padding-left: 25px !important;
padding-right: 25px !important;
padding-bottom: 25px !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-radius: 20px !important;
border-width: 4px !important;
border-style: outset !important;}
p {margin-left: 160px !important; font-size:15px!important;}
h1::before {
content: "Boersenfegers Firefox: ";
font-weight:bold !important;
color:red !important;
margin-left: 80px !important;
a{
text-decoration:none!important;
color:black!important;}
/* Breite der Schaltflächen */
#abouts > li:nth-child(n+1){
min-width: 170px !important;
max-width: 170px !important;
}
/* Die ersten 14 */
#abouts > li:nth-child(-n+14){
appearance:none!important;
background: #efefef url("..//icons/Bild3.png")no-repeat !important;
color:transparent!important;
font-size:14px!important;
text-decoration:none!important;
margin-top:3px!important;
margin-bottom: 5px !important;
margin-right:20px!important;
margin-left: 55px !important;
padding-right: 45px !important;
padding-left:40px!important;
padding-top: 1px!important;
padding-bottom: 2px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-width:2px !important;
background-position:14px 2px!important;
border-radius:14px!important;}
/* Die ersten 14 hover */
#abouts > li:nth-child(-n+14):hover{
appearance:none!important;
background: #B2EDFA url("..//icons/Bild3.png")no-repeat !important;
color:transparent!important;
font-size:14px!important;
text-decoration:none!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
border-style: outset !important;
border-width:2px !important;
background-position:14px 2px!important;
border-radius:14px!important;}
/* Die mittleren 14 */
#abouts > li:nth-child(n+15){
appearance:none!important;
background: #efffbf url("..//icons/Bild3.png")no-repeat !important;
color:transparent!important;
font-size:14px!important;
text-decoration:none!important;
margin-top:3px!important;
margin-bottom: 5px !important;
margin-right:5px!important;
margin-left: 70px !important;
padding-right: 25px !important;
padding-left:40px!important;
padding-top: 1px!important;
padding-bottom: 2px!important;
border-left-color: #79d279 !important;
border-top-color: #79d279 !important;
border-right-color: #009900 !important;
border-bottom-color: #009900 !important;
border-style: outset !important;
border-width:2px !important;
background-position:14px 2px!important;
border-radius:14px!important;}
/* Die mittleren 14 hover */
#abouts > li:nth-child(n+15):hover{
appearance:none!important;
background: #B2EDFA url("..//icons/Bild3.png")no-repeat !important;
color:transparent!important;
font-size:14px!important;
text-decoration:none!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
border-style: outset !important;
border-width:2px !important;
background-position:14px 2px!important;
border-radius:14px!important;}
/* Die letzten 14 */
#abouts > li:nth-child(n+30){
appearance:none!important;
background: cornsilk url("..//icons/Bild3.png")no-repeat !important;
color:transparent!important;
font-size:14px!important;
margin-top:3px!important;
margin-bottom: 5px !important;
margin-right:45px!important;
padding-left:40px!important;
padding-top: 1px!important;
padding-bottom: 2px!important;
border-left-color: #ffb2b2 !important;
border-top-color: #ffb2b2 !important;
border-right-color: #8d0000 !important;
border-bottom-color: #8d0000 !important;
border-style: outset !important;
border-width:2px !important;
background-position:14px 2px!important;
border-radius:14px!important;}
/* Die letzten 14 hover */
#abouts > li:nth-child(n+30):hover{
appearance:none!important;
background: #B2EDFA url("..//icons/Bild3.png")no-repeat !important;
color:transparent!important;
font-size:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
border-style: outset !important;
border-width:2px !important;
background-position:14px 2px!important;
border-radius:14px!important;}
}
.container > p:nth-child(2) > em:nth-child(1) {
font-size: 0 !important;}
.container > p:nth-child(2) > em:nth-child(1)::after {
content: "Dies ist eine Übersicht der vorhandenen about:Seiten!"!important;
font-family: Arial !important;
font-style: normal !important;
font-size: 19px !important;
margin-left: 10px !important;
}
#abouts {
margin-top: 20px !important;
}
Alles anzeigen
Ergänzend:
... ohne Admin-Rechte ![]()
Es soll auch einige Bürger geben, die die aufgezählten "freiwilligen" Lauscher und Beobachter nicht nutzen (ich würde diese Aufzählung auch noch gern mit den sogenannten Fitnessarmbändern ergänzen wollen) .... meine Mail ist jedenfalls abgeschickt und ich halte es da sehr mit Sören Hentzschel
..auch vom Boersenfeger, mit guten Wünschen und vor allem viel Gesundheit!
..und penibel auf ggf. Tipp- und/oder Kopierfehler achten.... ich weiß, wovon ich rede... ![]()
Yessss, vielen Dank, nun ist alles schick... herzlichen Dank an alle Beteiligten, besonders aber an dich 2002Andreas
![]()
Den Code, mit dem du die Icons einpflegen möchtest.. ![]()
Poste bitte mal den Code dazu
Im Prinzip ists jetzt so, wie ich mir das vorstelle...
Einzig der via Mauszeiger ausgewählte Tab ist noch zu schmal und ich kriege es nicht hin... ![]()
Hier nochmal der ganze Code:
/* Tabs rund und farbig */
/* Angaben für die TAB-Leiste*/
/* TAB bei bei angewähltem TAB (aktiv):
* Hintergrundfarbe, Rahmen,
* Schriftfarbe. */
.tabbrowser-tab:is([visuallyselected="true"], [multiselected]) > .tab-stack > .tab-background {
background: red !important;
border-radius: 18px 18px !important;
margin-top: 1px !important;
border: none !important;
color: black ! important;
}
.tabbrowser-tab[visuallyselected="true"] .tab-label {
font-weight: bold !important;
}
#TabsToolbar .tabbrowser-tab:not([selected="true"]) {
border-radius: 16px 16px !important;
height: 20px ! important;
margin-top: 0 !important;
padding: 0 !important;
color: black ! important;
}
/* Tab-Icon etwas größer,
* links weniger, unten etwas mehr Abstand zum TAB-Rand.*/
#TabsToolbar .tab-icon-image {
height: 20px !important;
width: 20px !important;
margin-left: -5px !important;
margin-bottom: 2px !important;
}
/* Tab-Schließen-Button:
* Rechts weniger Abstand zum TAB-Rand, etwas größer,
* Textfarbe (Kreuz)
* Hintergrundfarbe, an den Eckenradius des Buttons angepaßt */
#TabsToolbar .tab-close-button {
margin-right: -8px !important;
font-weight: bold !important;
color: black !important;
}
#TabsToolbar .tab-close-button .toolbarbutton-icon {
height: 20px !important;
width: 20px !important;
background-color: red !important;
border-radius: 12px !important;
}
/* Schliessen-Button nur wenn angewählt */
tab:not([selected]) .tab-close-button {display: none !important;
}
/* Schriftgröße Tabs */
.tab-text {
font-size:15px !important;
}
/* Damit wird der Tabtext am Ende nicht ausgeblendet */
.tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),
.tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-locale-dir(ltr) {
direction: ltr;
mask-image: linear-gradient(to left, transparent, black 0em) !important;
}
/* Doppelte Schliessung ausblenden */
#TabsToolbar > .titlebar-buttonbox-container {
display:none !important;
}
/* Tabs Proton-Design */
:root {
--proton-tab-radius: 0 !important;
--proton-tab-block-margin: 0 !important;
--inline-tab-padding: 10px !important;
}
#TabsToolbar .toolbarbutton-1 {
min-height: 34px !important;
margin-top: 2px !important;
margin-bottom: 2px !important;
}
#TabsToolbar .tabbrowser-tab:not([selected="true"]) {
min-height: 34px !important;
border: 1px solid #B2B2B2 !important;
}
#TabsToolbar .toolbarbutton-1 > image {
padding: 2px 4px !important;
}
/* Rahmen um die Tableiste durchsichtig */
#TabsToolbar {
border: 0.2px solid transparent !important;
}
#TabsToolbar:hover {
border: 0.2px solid transparent !important;
}
/*Lautsprechersymbol violet bei Sound*/
.tab-icon-overlay[soundplaying] {
fill: blueviolet !important;
margin-left: -5px !important;
}
/*Lautsprechersymbol gelb bei Stumm*/
.tab-icon-overlay[muted] {
fill: yellow !important;
margin-left: -5px !important;
}
.tabbrowser-tab .tab-content vbox.tab-label-container.proton label[class="tab-icon-sound-label tab-icon-sound-blocked-label"],
.tabbrowser-tab .tab-content vbox.tab-label-container.proton label[class="tab-icon-sound-label tab-icon-sound-playing-label"],
.tabbrowser-tab .tab-content vbox.tab-label-container.proton label[class="tab-icon-sound-label tab-icon-sound-muted-label"] {
display: none !important;
}
/* Tab Beschriftung mittig */
.tab-content {
display: flex !important;
margin-top: -4px !important;
justify-content: center !important;
align-items: center !important;
}
.tab-label-container {
margin: auto !important;
}
.tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button {
flex-shrink: 0 !important;
padding: 0 !important;
width: 16px !important;
}
/* Tabs in Tableiste mittig */
scrollbox:not(#PlacesToolbarItems) {
-moz-box-pack: center !important;
}
/* Lautsprechersymbol größer */
.tab-icon-overlay {
transform: scale(1.9, 1.9) !important;
}
image.tab-icon-overlay {
margin-top: 3px !important;
}
/* Aktiver Tab breiter */
.tabbrowser-tab:not([pinned]):not([selected]) {
min-width: 200px !important;
max-width: 200px !important;
}
.tabbrowser-tab:not([pinned])[selected] {
min-width: 256px !important;
max-width: 256px !important;
}
/* Kein Schatten drum */
#TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected="true"],
[multiselected]) > .tab-stack > .tab-background
{
box-shadow: none !important;
}
/* Kein blauer Kasten */
tab.tabbrowser-tab {
--focus-outline-width: 0 !important;
--focus-outline-color: transparent !important;
--focus-outline: var(--focus-outline-width) solid var(--focus-outline-color)!important;
}
Alles anzeigen
@Börsenfeger: Guck ich gleich mal nach.
Sicherlich sind einige CSS-/JS-Einträge uralt - aber wo finde ich denn mal eine Reference (...?), um das selbst machen und rumprobierfen zu können?
Es gibt dazu (about:config) keine Referenz, da sich vieles oft ändert. Eine Zusammenstellung dazu kann niemand für jeweils 3 Versionen aktuell halten.
Der Foren-Nutzer Endor stellt auf seinen Seiten einige Codes und Scripts zur Verfügung und hält diese, so weit als möglich, auch aktuell.
Ansonsten findest du hier im Unterforum oft aktualisierte Scripts und Codes bzw Hilfe.
Im normalen Leben arbeite ich noch ca 2,75 Jahre im Rettungsdienst. Wenn bis dahin noch die Lottofee zuschlägt, gehe ich vorher in Rente ![]()
Weitersuchen....
Schluss für heute, die Arbeit ruft! ![]()
Leider ohne Erfolg.. immerhin ist der Code jetzt schlanker und wohl auch fehlerarmer..
Der sieht dann am Ende des Tages so aus:
/* Tabs rund und farbig */
/* Angaben für die TAB-Leiste*/
/* TAB bei bei angewähltem TAB (aktiv):
* Hintergrundfarbe, Rahmen,
* Schriftfarbe. */
.tabbrowser-tab:is([visuallyselected="true"], [multiselected]) > .tab-stack > .tab-background {
background: red !important;
border-radius: 16px 16px !important;
margin-top: 0 !important;
border: none !important;
color: black ! important;
}
.tabbrowser-tab[visuallyselected="true"] .tab-label {
font-weight: bold !important;
}
#TabsToolbar .tabbrowser-tab:not([selected="true"]) {
border-radius: 16px 16px !important;
margin-top: 0 !important;
padding: 0 !important;
color: black ! important;
}
/* Tab-Icon etwas größer,
* links weniger, unten etwas mehr Abstand zum TAB-Rand.*/
#TabsToolbar .tab-icon-image {
height: 20px !important;
width: 20px !important;
margin-left: -5px !important;
margin-bottom: 2px !important;
}
/* Tab-Schließen-Button:
* Rechts weniger Abstand zum TAB-Rand, etwas größer,
* Textfarbe (Kreuz)
* Hintergrundfarbe, an den Eckenradius des Buttons angepaßt */
#TabsToolbar .tab-close-button {
margin-right: -8px !important;
font-weight: bold !important;
color: black !important;
}
#TabsToolbar .tab-close-button .toolbarbutton-icon {
height: 20px !important;
width: 20px !important;
background-color: red !important;
border-radius: 12px !important;
}
/* Schliessen-Button nur wenn angewählt */
tab:not([selected]) .tab-close-button {display: none !important;
}
/* Schriftgröße Tabs */
.tab-text {
font-size:15px !important;
}
/* Damit wird der Tabtext am Ende nicht ausgeblendet */
.tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),
.tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-locale-dir(ltr) {
direction: ltr;
mask-image: linear-gradient(to left, transparent, black 0em) !important;
}
/* Doppelte Schliessung ausblenden */
#TabsToolbar > .titlebar-buttonbox-container {
display:none !important;
}
/* Tabs Proton-Design */
:root {
--proton-tab-radius: 0 !important;
--proton-tab-block-margin: 0 !important;
--inline-tab-padding: 10px !important;
}
#TabsToolbar .tabbrowser-tab {
max-height: 34px !important;
border-top: 1px solid #B2B2B2 !important;
border-bottom: 1px solid #B2B2B2 !important;
margin-bottom: 1px !important;
padding-left: 0 !important;
}
#TabsToolbar .toolbarbutton-1 {
margin-top: 2px !important;
margin-bottom: 2px !important;
}
#TabsToolbar .toolbarbutton-1 > image {
padding: 2px 4px !important;
}
/* Rahmen um die Tableiste durchsichtig */
#TabsToolbar {
border: 0.2px solid transparent !important;
}
#TabsToolbar:hover {
border: 0.2px solid transparent !important;
}
/*Lautsprechersymbol violet bei Sound*/
.tab-icon-overlay[soundplaying] {
fill: blueviolet !important;
margin-left: -5px !important;
}
/*Lautsprechersymbol gelb bei Stumm*/
.tab-icon-overlay[muted] {
fill: yellow !important;
margin-left: -5px !important;
}
.tabbrowser-tab .tab-content vbox.tab-label-container.proton label[class="tab-icon-sound-label tab-icon-sound-blocked-label"],
.tabbrowser-tab .tab-content vbox.tab-label-container.proton label[class="tab-icon-sound-label tab-icon-sound-playing-label"],
.tabbrowser-tab .tab-content vbox.tab-label-container.proton label[class="tab-icon-sound-label tab-icon-sound-muted-label"] {
display: none !important;
}
/* Tab Beschriftung mittig */
.tab-content {
display: flex !important;
margin-top: -4px !important;
justify-content: center !important;
align-items: center !important;
}
.tab-label-container {
margin: auto !important;
}
.tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button {
flex-shrink: 0 !important;
padding: 0 !important;
width: 16px !important;
}
/* Tabs in Tableiste mittig */
scrollbox:not(#PlacesToolbarItems) {
-moz-box-pack: center !important;
}
/* Lautsprechersymbol größer */
.tab-icon-overlay {
transform: scale(1.9, 1.9) !important;
}
image.tab-icon-overlay {
margin-top: 3px !important;
}
/* Aktiver Tab breiter */
.tabbrowser-tab:not([pinned]):not([selected]) {
min-width: 200px !important;
max-width: 200px !important;
}
.tabbrowser-tab:not([pinned])[selected] {
min-width: 256px !important;
max-width: 256px !important;
}
/* Kein Schatten drum */
#TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected="true"],
[multiselected]) > .tab-stack > .tab-background
{
box-shadow: none !important;
}
/* Kein blauer Kasten */
tab.tabbrowser-tab {
--focus-outline-width: 0 !important;
--focus-outline-color: transparent !important;
--focus-outline: var(--focus-outline-width) solid var(--focus-outline-color)!important;
}
Alles anzeigen
Mit diesem Ergebnis:
Unter/hinter dem roten, aktiven Tab sieht man einen viereckigen Rahmen und dieser verhindert wohl die korrekte Größenanzeige des abgerundeten Tabs und Füllung
Danke an alle Beteiligten! ![]()