Beiträge von omar1979

omar1979

Zitat von 2002Andreas

Ansonsten etwas für dich zum basteln

Danke dir. Fange gleich an mal zu basteln.

omar1979

Hallo allen..

Nun möchte ich meine TabLeiste.css anpassen..

Beim verkleinern des FF-Fenster habe ich bemerkt, dass es noch andere Icons gibt zum ändern.

Siehe Bild:

Hab selbst schon einiges versucht, aber nicht geschaft.

Die mit gelbem Pfeil markierten 4 Icons sind das Problem.

Die ersten 2 Pfeile nach Links und Rechts möchte ich dass sobald sie aktiv werden, die arrow-left.png und arrow-right.png nehmen mit dem Hintergrundfarb rot und es soll so gross sein wie im 2.ten Icon also das Rechte sein. Der Hover von den Beiden sollte auch rot sein.

Der 3.te Icon (Neuer Tab) ist in der Grösse soweit gut, nur beim Hover möchte ich dass es auch so gross ist wie bei den Pfeilen und Hover-Farbe rot.

Der 4.te Icon (alle Tabs anzeigen) sollte etwas nach Oben rutschen und Hover auch gleichgross wie die Anderen und rot.

Ich hoffe habe alles aufgelistet, so dass ihr es verstehen könnt. Falls nicht bitte ich schon jetzt um Entschuldigung.

Besten Dank.

CSS

@-moz-document url-prefix(chrome://browser/content/browser.xhtml) {

#navigator-toolbox:not(:hover) #tabbrowser-arrowscrollbox:not([highlight])::part(scrollbutton-down) {
    list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/arrow-left.png") !important;
    background-color: red !important;
    margin-top: -3px !important;
    margin-bottom: 5px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}
#navigator-toolbox:not(:hover) #tabbrowser-arrowscrollbox:not([highlight])::part(scrollbutton-down)::hover {
    list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/arrow-left.png") !important;
    margin-top: -3px !important;
    margin-bottom: 5px !important;
}

#tabbrowser-arrowscrollbox[scrolledtostart="true"]::part(scrollbutton-up), .toolbarbutton-1[disabled="true"]{
    list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/arrow-left.png") !important;
    background-color: red !important;
    margin-top: -3px !important;
    margin-bottom: 5px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;  
}

#tabs-newtab-button, #TabsToolbar #new-tab-button {
    list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/neutab.png") !important;
    margin-top: -3px !important;
    margin-bottom: 5px !important;  
}
#tabs-newtab-button, #TabsToolbar #new-tab-button:hover {
    background-color: blue !important;
}

#alltabs-button {
    list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/arrow-down.png") !important;
    margin-top: -3px !important;
    margin-bottom: 5px !important;
}






/*Von hier aus nach unten sollte alles gut sein. */

/* Neuer Tab Tableiste Icon ändern */
#tabs-newtab-button {
  list-style-image: none !important;
  background-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/neutab.png") !important;
  background-repeat: no-repeat !important;
  background-position: 10px 2px !important;
  background-size: 20px 20px !important;
}

/* Tableiste einfärben, original weiss und Höhe kleiner */
#TabsToolbar {
  height: 31px !important;
  background: blue !important;
  color: white !important;
}

/* Tabs Höhe ändern */
.tabbrowser-tab {
   min-height: 20px !important;
   max-height: 25px !important;
}

/* Farbe der X-Markierung ändern */
.tab-close-button {
  fill: white !important;
  /* X grösser machen */
  transform: scale(1.5, 1.5) !important;
  /* Kreuz zum Schließen bei allen Tabs */
  display: block !important;
}

/* Tabs Ecken runden */
.tab-content {
  border-radius: 3px !important;
  border-style: dotted !important;
}

/* Nicht aktiver Tab eingefärbt grün */
.tabbrowser-tab:not([selected]):not([pinned]) .tab-background {
  background-color: green !important;
  color: red !important;
}
.tabbrowser-tab:not([selected]) .tab-content:hover { 
  background-color: blue !important;
  color: white !important;
}
/* Aktiver Tab eingefärbt rot-weiss */
.tabbrowser-tab[selected] .tab-content {
  background: red !important;
  color: white !important;
}
.tabbrowser-tab[selected] .tab-content:hover {
  background: blue !important;
  color: white !important;
}

/* Angepinnte Tabs grösser machen */
.tabbrowser-tab[pinned] {
  width: 110px !important;
}
/* Angepinnte Tabs Schrift etwas nach rechts verschieben */
.tabbrowser-tab[pinned] .tab-label {
  padding-left: 5px !important;
}

/* Diverse Tabs nach Wunsch die Breite kürzen nach dem 1.sten Wort im Tab-Titel 

.tabbrowser-tab[label*="Neuer Tab"] {
  min-width: 125px !important;
  max-width: 125px !important;
}
*/

}

Alles anzeigen

Und hier noch die 4 Icons (gezippt, da weiss mit durchsichtigem Hintergrund)

favicons.zip

Achja.. ich denke, dass die 2 Pfeile (nach Links und Rechts) in die userChromeShadow.css gehören.

Ist es so?

omar1979

Zitat von 2002Andreas

Erspart Arbeit und reduziert die Fehlermöglichkeiten.

Hab es übernommen..

Nun sieht mein Menüleiste.css so aus.

CSS

@-moz-document url-prefix("chrome://browser/content/browser.xhtml") {
/* Menüleiste Icons ändern */
.titlebar-min image.toolbarbutton-icon {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/minimize.png")!important;
  }
.titlebar-max image.toolbarbutton-icon {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/maximize.png") !important;
  }
.titlebar-restore image.toolbarbutton-icon {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/mreduce.png") !important;
  }
.titlebar-close image.toolbarbutton-icon {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/mClose.png") !important;
  }
  
/* Menübar (7 Menüs ganz Oben) Farbe ändern

#toolbar-menubar {
  height: 40px !important;
}
*/
#toolbar-menubar {
  background-color: blue !important;
  color: white !important;
  }
#main-menubar menupopup {
  --panel-background: blue !important;
  --panel-color: white !important;
  }
#main-menubar menupopup:hover {
  --panel-background: blue !important;
  --panel-color: white !important;
  }
#main-menubar menupopup menu:hover,
#main-menubar menupopup menuitem:hover {
  background-color: #3333FF !important;
  color: white !important;
  }

/* Menü-Separator von allen Menüs im Menübar entfernen*/

#main-menubar menuseparator {
  display: none !important;
  }

/* Rahmen um den Popup-Fenster in allen Menüs im Menübar entfernen */

menupopup {
  --panel-border-color: none !important;
  } 
 
/* Menüleiste 7 Menüs farbig, Hover und Border gepunktet */
  
#menubar-items menu {
  background-color: blue !important;
  color: white !important;
  border-width:  2px !important;
  border-style: dotted !important;
  }
#menubar-items menu:hover {
  background-color: red !important;
  color: white !important;
  border-width:  4px !important;
  border-style: dotted !important;
  }
}

Alles anzeigen

omar1979

Zitat von 2002Andreas

Nur für alle Fälle solttest du es mal ausprobieren wollen
Alles zwar nicht, mit der Tableiste geht das nicht mehr so einfach:

Bring mich nicht auf diese Gedanken, sonst mach ich noch alles kapput

Zitat von 2002Andreas

Naja..

Danke ich mach es auch mal so. Da ich mich leider nicht so gut auskenne, mach ich es auf die einfachste Art die ich herausfinde.

omar1979

Zitat von milupo

Problem gar nicht mehr.

ja weil ich das Teil im Code deaktiviert habe:

CSS

/*
#toolbar-menubar {
  height: 40px !important;
}

omar1979

Zeigt dieses Gif, dass das die Menüleiste ist? Die Oberste Zeile?

Es tut mir leid, wenn ich von Anfang an nicht alles so machen kann wie ihr es braucht um helfen zu können, da ich dann gezielt nur auf das Problem fixiert bin.

omar1979

Zitat von milupo

da oben bei ihm gar nicht die Menüleiste.

Wenn dass nicht die Menüleiste ist, wie konnte diese Code funken?

CSS

@-moz-document url-prefix("chrome://browser/content/browser.xhtml") {
/* Menüleiste Icons ändern */
.titlebar-min image.toolbarbutton-icon {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/minimize.png")!important;
  }
.titlebar-max image.toolbarbutton-icon {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/maximize.png") !important;
  }
.titlebar-restore image.toolbarbutton-icon {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/mreduce.png") !important;
  }
.titlebar-close image.toolbarbutton-icon {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/mClose.png") !important;
  }
  
/* Menübar (7 Menüs ganz Oben) Farbe ändern */
/*
#toolbar-menubar {
  height: 40px !important;
}
*/
#toolbar-menubar {
  background-color: blue !important;
  color: white !important;
  }
#main-menubar menupopup {
  --panel-background: blue !important;
  --panel-color: white !important;
  }
#main-menubar menupopup:hover {
  --panel-background: blue !important;
  --panel-color: white !important;
  }
#main-menubar menupopup menu:hover,
#main-menubar menupopup menuitem:hover {
  background-color: #3333FF !important;
  color: white !important;
  }

/* Menü-Separator von allen Menüs im Menübar entfernen*/

#main-menubar menuseparator {
  display: none !important;
  }

/* Rahmen um den Popup-Fenster in allen Menüs im Menübar entfernen */

menupopup {
  --panel-border-color: none !important;
  } 
 
/* Menüleiste 7 Menüs farbig, Hover und Border gepunktet */
  
menu[id="file-menu"] {
  background-color: blue !important;
  color: white !important;
  border-width:  2px !important;
  border-style: dotted !important;
  }
menu[id="file-menu"]:hover {
  background-color: red !important;
  color: white !important;
  border-width:  4px !important;
  border-style: dotted !important;
  }
menu[id="edit-menu"] {
  background-color: blue !important;
  color: white !important;
  border-width:  2px !important;
  border-style: dotted !important;
  }
menu[id="edit-menu"]:hover {
  background-color: red !important;
  color: white !important;
  border-width:  4px !important;
  border-style: dotted !important;
  }
menu[id="view-menu"] {
  background-color: blue !important;
  color: white !important;
  border-width:  2px !important;
  border-style: dotted !important;
  }
menu[id="view-menu"]:hover {
  background-color: red !important;
  color: white !important;
  border-width:  4px !important;
  border-style: dotted !important;
  }
menu[id="history-menu"] {
  background-color: blue !important;
  color: white !important;
  border-width:  2px !important;
  border-style: dotted !important;
  }
menu[id="history-menu"]:hover {
  background-color: red !important;
  color: white !important;
  border-width:  4px !important;
  border-style: dotted !important;
  }
menu[id="bookmarksMenu"] {
  background-color: blue !important;
  color: white !important;
  border-width:  2px !important;
  border-style: dotted !important;
  }
menu[id="bookmarksMenu"]:hover {
  background-color: red !important;
  color: white !important;
  border-width:  4px !important;
  border-style: dotted !important;
  }
menu[id="tools-menu"] {
  background-color: blue !important;
  color: white !important;
  border-width:  2px !important;
  border-style: dotted !important;
  }
menu[id="tools-menu"]:hover {
  background-color: red !important;
  color: white !important;
  border-width:  4px !important;
  border-style: dotted !important;
  }
menu[id="helpMenu"] {
  background-color: blue !important;
  color: white !important;
  border-width:  2px !important;
  border-style: dotted !important;
  }
menu[id="helpMenu"]:hover {
  background-color: red !important;
  color: white !important;
  border-width:  4px !important;
  border-style: dotted !important;
  }
}

Alles anzeigen

Zitat von 2002Andreas

Das ist auch gut möglich bei ihm

Nur weil ich mal die Lesezeichen-Symbolleiste die Icons reinschieb heisst das noch lange nicht dass ich ein Profi bin und alles verschieben kann.

omar1979

Zitat von 2002Andreas

Da funkt dir etwas anderes dazwischen.

Nein 2002Andreas sobald ich das wegnehme funkt es normal.

Zitat von StandingBill

Mauszeiger ändern.

Ja muss mal einen Anderen vergrössern. Aber noch nicht jetzt.

omar1979

Hallo ihr..

Ich habe festgestellt, dass wenn man mit dieser simplen Code

CSS

#toolbar-menubar {
  height: 40px !important;
}

die toolbar-höhe ändert und es dann im Rechtsklick-Menü auf Unsichtbar stellt, dass es nicht verschwindet.

Ist das bei euch auch so?

Besten Dank.

omar1979

Zitat von Zitronella

Adresse folgendes einfügen
javascript:window.open("https://mal2.ait.ac.at/fake-shop-detector/js/1.1/index.html#"+window.location.href);void(0);

omar1979

Hallo allen..

Ich habe gemerkt, dass PhotoFiltrePortable beim bearbeiten der Icons bzw PNG-Bilder automatisch einen schwarzen Rand setzt.

Kann mir wer sagen ob er das auch hat oder ich wieder was kapput gemacht habe?

Würde gerne den schwarzen Rand weglassen, aber hab es nicht hingebracht.

Hier ein Bild mit PhotoFiltrePortable im Hintergrund und im Vordergrund das gleiche Bild im Paint zum vergleichen.

Danke für die Hilfe.

omar1979

Zitat von aborix

Wenn ich es richtig verstehe, ist das die gleiche Frage wie in #11. Die Anzahlen nach dem Öffnen des Fensters anzuzeigen ist einfach; die Schwierigkeit ist, sie bei Änderungen zu aktualisieren. Ich weiß noch nicht, ob ich das erreichen kann.

Ok danke dir.

omar1979

Zitat von milupo

Ja, ja, der Andreas kümmert sich schon.

also meinetwegen muss er es nicht machen. Ich hab es gelernt.

omar1979

Zitat von 2002Andreas

, extra nur für deine weißen Icons

ich ändere grad den Hintergrund wieder.

omar1979

Zitat von milupo

eine Kopie hochladen.

ich hatte dort leider grad keine Zeit eine Kopie zu machen und den Hintergrund zu bearbeiten.

omar1979

aborix ich benütze jetzt das Script im Beitrag-Nr:

#42

und das sieht bei mir so aus:

Kann man dieses Script noch so machen, dass es hier auf dieser Zusatzleiste auch anzeigt?

also auf den Ordner wieder so 7/12 die Links vorne und Ordner hinten. Wie im oberen Bild?

omar1979

Zitat von milupo

dem Bild keinen farbigen Hintergrund?

Hatte ich am Anfang, aber wenn man dann einen anderen Hintergrund in der Leiste hat, dann sieht es komisch aus.

Aber ich überleg es mir nochmals einzufügen..

omar1979

Zitat von milupo

dass das zu einem Problem führt.

ich hätte es von Anfang an als ZIP einpacken sollen. Denn ich glaube auch als Dateianhang hochladen hätte es nicht geklappt.

Beispiel:

genau hat nicht geklappt. (Also unsichtbare als ZIP einpacken)

omar1979

Zitat von milupo

solltest du auf Ratschläge hören.

Sorry aber was er macht ist immer motzen. Hab noch keines mal gesehen, dass er jemandem geholfen hat. Ausserdem hat 2002Andreas es nicht gesehen, weil das PNG weiss mit durchsichtiger Hintergrund war.

Aber ich versuch es mir zu merken. Danke dir.

omar1979

Zitat von .DeJaVu

die richtigen Forenfunktionen zu nutzen?

Ach du Kluger, das mit copy-paste benützen viele so zur Info.

Beiträge von omar1979

Tableiste Änderungen

Tableiste Änderungen

Toolbar-Menübar Frage

Toolbar-Menübar Frage

Toolbar-Menübar Frage

Toolbar-Menübar Frage

Toolbar-Menübar Frage

Toolbar-Menübar Frage

Toolbar-Menübar Frage

Fake Shop Detector

PhotoFiltrePortable

Anzahl Unterordner und Lesezeichen im Ordner anzeigen.

Tabs Höhe ändern

Tabs Höhe ändern

Tabs Höhe ändern

Anzahl Unterordner und Lesezeichen im Ordner anzeigen.

Tabs Höhe ändern

Tabs Höhe ändern

Tabs Höhe ändern

Tabs Höhe ändern