Beiträge von harff182

Zitat von 2002Andreas

Nicht in der userChrome.css solltest du das ändern, sondern in deinem Code.

Ich hatte mich nur gewundert, warum da auf einmal der Pfad absolut und nicht relativ sein muß

Zitat von 2002Andreas

Trag das bitte mal so ein:

list-style-image: url("icons/ajax-loader.gif")!important;

Häh? :-??
In der userChrome.css hab ich doch die Zeile "@import url("css/spinner.css");"

Edit sagt, ich soll mich nicht so lange mit wundern aufhalten, wenns klapt...

Danke...

Zitat von 2002Andreas

Wenn man es als Icon hinterlegt muss man es direkt ansprechen.

So wenn es im Chrome Ordner liegt:

background-image: url("./../../image/Name von Bild.xxxx") !important;

oder eben umwandeln zu base64 und im Code einfach austauchen.

Bild = "chrome/icons/ajax-loader.gif"
Code = "chrome/css/spinner.css"

.tab-throbber[busy]::before,
.tab-throbber[progress]::before {
  width: 16px !important;
  height: 16px !important;
  animation: unset !important;
  -moz-context-properties: unset !important;
  fill: unset !important;
  animation: unset !important;
  opacity: unset !important;
  animation: unset !important;
}


.tab-throbber[busy]::before {
  background-image: url("../icons/ajax-loader.gif")!important;
}


.tab-throbber-fallback[busy] {
  list-style-image: url("../icons/ajax-loader.gif")!important;
  }


.tab-throbber[progress]::before{
  background-image: url("../icons/ajax-loader.gif")!important;
}


.tab-throbber-fallback[progress] {
  list-style-image: url("../icons/ajax-loader.gif")!important;
}

klappt nich :cry:

Zitat von 2002Andreas

Du kannst dir aber auf dieser Seite einen eigenen Throbber erstellen:

http://www.ajaxload.info/

Und den dann entweder umwandeln zu base64 oder als Icon im Chrome Ordner hinterlegen.
Und dann einfach oben im Code die Daten austauschen.

:-?? Dat is abba dann ein einzelnes "animated GIF".
Wie sieht den dafür die Aufrufzeile aus?

Zitat von EffPeh

Schau' dir zu Javascript bitte mal diesen thread an : https://www.camp-firefox.de/forum/viewtopic.php?f=16&t=122615

Ich hatte das die Tage mal gemäß dem hier versucht:
https://www.camp-firefox.de/forum/viewtopi…122538#p1056442
... und bin kläglich gescheitert.
Vielleicht finde ich am Wochenende nochmal die Ruhe dafür.

Zitat

Was meinst du damit? :-??

Bin schlecht im erklären :oops: , aber gut im zeigen :lol: :

/*---------------------------------------------------------------------*/
/*-------------HAmburger-Popup bereinigen------------------------------*/
/*---------------------------------------------------------------------*/
/* ersma weg, was ich nicht brauch, später gucken, was noch geht       */
/*
Die Auflistung hab ich über "Browser Werkzeuge" gefunden, näheres hier:
https://www.camp-firefox.de/forum/viewtopic.php?f=16&t=122157&p=1052510#p1052510 
*/


#appmenu-fxa-container,
#appMenu-fxa-label,
#appMenu-new-window-button,
#appMenu-private-window-button,
/*
#appmenurestorelastsession,
*/


#appMenu-zoom-controls,
#appMenu-edit-controls,
#appMenu-library-button,
#appmenu-addons-button,
#appmenu-preference-button,
/*
#appmenu-customize-button, 
*/
#appmenu-open-file-button,
#appmenu-save-file-button,
#appmenu-print-button,
#appmenu-find-button,
#appmenu-more-button,
#appmenu-developer-button,
#appmenu-help-button,
#appmenu-quit-button,


photonpanelmultiview .PanelUI-subView toolbarseparator{
	display:none!important;
}

Irgendwas klappt da aber nicht, und ist auch schon zu dunkel, den Wurm zu finden :lol:

guts nächtle...

@Sören:
Danke, funktioniert :klasse:

@EffPee:
Hamburger verschwinden lassen kann ich ja ers, wenn ich beide Funktionen woanners hab und ich hab kein Schimmer :-??, was ich mit dem Javascriptcode machen soll :-??? - ich bin ja mit dem CSS-Kram schon jalbwegs überfordert :oops: .

BTW, wo finde Ich eine Auflistung aller Einträge im Hamburgermenu?

Ich brauch aus dem Hamburger eigentlich nur die im Titel genannten Funktionen.

Kann man die irgenwie irgendwo ausserhalb des Hamburger-Menüs ( :oops: ) auftauchen lassen?

Ich glaub, ich hab den Wald hinter den Bäumen gefunden:

/*---------------------------------------------------------------------*/
/*                         New-TAB-Button verschönern                  */
/*---------------------------------------------------------------------*/
#main-window .tabs-newtab-button,
#main-window #TabsToolbar > #new-tab-button 
{
border: 1px solid !important;                  /* Rahmen setzen */
border-radius: 5px 5px 5px 5px !important;     /* Runde Ecken */
color: black !important;                       /* Farbe des Rahmens  */           
background: lightskyblue !important;           /* Hintergrundfarbe */
fill: yellow!important;                        /* Farbe des "+" */
margin: 5px 5px 0px 5px !important;            /* Gesamtgröße des Buttons und relative Lage*/
 }

Ganz ohne CSS-Lernen, nur vom HT-Frogger hierdrin abgeguckt:
https://www.camp-firefox.de/forum/viewtopi…art=30#p1057091

Stichwort: "#TabsToolbar .tabbrowser-tab"

guts nächtle...

- Rahmen drummerum
- Runde Ecken
- Rahmenfarbe
- Hintergrundfarbe
- Farbe des "+ "
- Gesamtgröße des "Buttons" (Breite x Höhe)
- Abstand zu den echten TABs

Mehr fällt mir eigentlich nicht ein...
Oder hättest Du noch was interessantes anzubieten?
:-?? Das "+" gegen irgendwas austauschen, z.B gegen eine rotierende Hypnosespirale :shock:

Merci vielmals, Thomas

Habbich mich wohl doof ausgedrückt.
Ich wollte kein CSS lernen, dafür bin ich zu alt und abgucken ist für einen Ü60 einfachere als komplett neu lernen.
Ich wollt mir nur mal anhand eines Bespielcodes angucken, was man von der Optik her mit dem Button unstellen kann.

Bisher hab ich zu dem Button nur das hier gefunden:

#main-window .tabs-newtab-button,
#main-window #TabsToolbar > #new-tab-button {
fill: white!important; }

Kann ich irgendwo nachlesen, was da noch geht?
z.B. Border (eckig oder rund), Backgroundfarbe, sonstwas...

Ich rufe aus meiner userChrome.css u.a. folgenden Code auf:

/**********************************************************
 ********** Tab-Aussehen verändern     ********************
 Ursprungscode von HT-Frogger von hier:
 https://www.camp-firefox.de/forum/viewtopic.php?f=16&t=122525&start=30#p1057091
 **********************************************************/


/* TAB normal (inaktiv):
 * Hintergrundfarbe, Schriftfarbe,
 * Rahmen um die TABs, oben abgerundet und Abstände angepaßt,
 */
 
 #toolbar-menubar:not([autohide=true]) ~ #TabsToolbar > #tabbrowser-tabs > .tabbrowser-tab > .tab-stack > .tab-background {
  border:none!important;}
 
#TabsToolbar .tabbrowser-tab {
  color: black !important;
  border: 1px solid !important;
  border-bottom: 1px solid black!important;
  background: #ffffff !important;                  /* weiß für inaktive Tabs*/
  border-radius: 10px 10px 0 0 !important;
  margin: 3px 1px 1px 2px !important;
  padding: 1px 0 !important;
}


/* TAB bei Mauskontakt:
 * Hintergrundfarbe, Rahmen
 */
#TabsToolbar .tabbrowser-tab:hover {
  color: black !important;
}


/* TAB bei bei angewähltem TAB (aktiv):
 * Hintergrundfarbe, Rahmen,
 * Schriftfarbe.
 */
#TabsToolbar .tabbrowser-tab[selected="true"] {
 background: yellow !important;                   /* #aaaaaa gefällt auch */
  font-weight:bold !important;
  color: black ! important;
}


/* Tab-Icon etwas größer,
 * links weniger, unten etwas mehr Abstand zum TAB-Rand.
 */
#TabsToolbar .tab-icon-image {
  height: 18px !important;
  width:  18px !important;
  margin-left: -2px !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: -4px !important;
  padding: 0 !important;
  color: white !important;
}
#TabsToolbar .tab-close-button .toolbarbutton-icon {
  height: 20px !important;
  width:  20px !important;
  background-color: red !important;
  border-radius: 5px !important;
}


/* Tab-Schließen-Button bei angewähltem TAB (aktiv):
 * Hintergrundfarbe.
 */
#TabsToolbar .tab-close-button[selected="true"] .toolbarbutton-icon {
  background-color: red !important;
}


/* Alle anderen Elemente in den TABs ohne Hintergrund.
 */
#TabsToolbar .tabbrowser-tab * {
  background: none !important;
}

Zwischen den TABs sind immer einige Pixel Abstand, den ich verringern möchte.
Wo kann ich dafür was eintragen?

mDv...
scholly

Zitat von dribs

Schade!

Find ich auch.

Ginge das nicht mit einem Script oder einem Add-On, das nix anderes macht, als mehrere Striche da hin zu setzen?
Als i-Tüpfelchen: Anzahl, Dicke und Farbe der Striche (jeweils) konfigurierbar.

BTW: Nein, ich könnte beides nicht :oops:

Road-Runner:
sieht ja schön einfach aus.

loshombre:
Danke, ich geh dann mal ne runde lesen

Mittlerweile hat sich in meiner userchrome.css so einiges angesammelt und ich verliere nicht gerne den Überblick.
Ich möchte die ganzen Code-Schnipsel in einzelne Files in einen Ordner chrome/css auslagern und dann nur noch aus der userchrome.css aufrufen.

Gibts hier irgendwo eine Anleitung, wo drinne steht, wie das zu bewerkstelligen ist und worauf ich achten muß?

Achja, ich bin absoluter CSS-Dummy... :oops:

Danke Andreas...

Jetzt hab ich 2 Lösungswege, denn ich bin eben über diesen Fred von HT-Frogger gestolpert:
https://www.camp-firefox.de/forum/viewtopic.php?f=16&t=122944&hilit=list+style+image

Dieser Schnipsel:

treechildren::-moz-tree-image(container),
.bookmark-item[container="true"] {
  list-style-image: url('icons/folder-item_1.png') !important;
}

funktioniert grade Problemlos

In der Toolbar mit den Bookmarks kann man diese Trennlinien übers rechten Mausklick/Neue Trennlinie einfügen.

Lesen? Wat'n dat? Liba Bilda gucken :lol:

:klasse: , Loshombre, hat mir genau die Info gegeben, die ich zum testen brauchte.

Mit "vertical-align: super; " sieht es schon besser aus, mal Tests abwarten, ob ich hinter direkt über Pixel gehe.

Zitat von 2002Andreas

CSS

/* This file can be used to customize the look of Mozilla's user interface
 * You should consider using !important on rules which you want to override default settings.
 */


/* Do not remove the @namespace line -- it's required for correct functioning */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */


/* Lesezeichen Sidebar - Ordnericon stehend gelb */
@-moz-document url("chrome://browser/content/bookmarks/bookmarksPanel.xul"), 
url("chrome://browser/content/history/history-panel.xul") {
	treechildren::-moz-tree-image(container) {
		list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=')
		!important; }
}


/* Lesezeichen verwalten - Ordnericon stehend gelb */
@-moz-document url-prefix("chrome://browser/content/places/places.xul") {
	treechildren::-moz-tree-image(container) {
		list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=')
		!important; }
}


/* Lesezeichen - Ordnericon gelb */
@-moz-document url-prefix("chrome://browser/content/browser.xul") {
	.bookmark-item[container="true"] {
		list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=')
		!important;
		-moz-image-region: rect(0px 16px 16px 0px) !important; }
}

Alles anzeigen

Nachdem ich die Trennlinien verändern kann, würde ich mit den Ordnern auch gerne etwas rumtesten:
Liegend statt stehend, eventuell andere Farben.
Oder sogar eine Eigenkreation :oops:
Geht da was ?