Beiträge von Kerian

@milupo

Vielen Dank, jetzt passt es!

@grisu2099

Das hier .sidebar-placesTreechildren::-moz-tree-cell(hover) ist es . Super, vielen Dank!

Allerdings wechselt die Schriftfarbe bei mouseover nicht auf weiss, nur bei click. In der Lesezeichensymbolleiste funktioniert das, mit der zusätzlichen Angabe color: #FFFFFF !important;(rechtes Bild). Diese Angabe wird aber in der Sidebar ignoriert .

Jedenfalls hat bei mir folgender Code als Ergebnis das linke Bild.

.sidebar-placesTreechildren::-moz-tree-cell(hover) {
background: #4d5653 !important;
color: #FFFFFF !important;
}

Würde gerne in der Sidebar die Hoverfarbe beim überfahren der Lesezeichen mit all seinen Unterordnern ändern. In der Lesezeichensymbolleiste hab ich's schon (siehe Bild). Bei meinen Versuchen ändern sich überall die Farben, nur nicht dort wo ich sie haben will . Weiss jemand wie ich sie auch in der Sidebar ansprechen kann?

@Endor

Hui, vor nicht mal einer Stunde ging es nicht und nun funktioniert es schon wieder perfekt!

Superklasse, vielen Dank!!!

Beim durchstöbern meines Skripteordners bin ich auf das Script GoogleImageSearch.uc.js gestossen. Dieses Script fügt bei einem Rechtsklick auf ein Bild den Eintrag Google-Bildersuche in das Kontextmenü ein. Da ich das nur mal sporadisch genutzt habe ist mir erst jetzt aufgefallen das es unter der 69.0 nicht mehr funktioniert, trotz der Änderung von .xul auf .xhtml und .createElement auf .createXULElement. Der Kontexteintrag ist zwar noch vorhanden aber löst nicht mehr aus. Weiss da jemand Rat oder hat ein ähnliches Script was noch funktioniert?

// ==UserScript==
// @name            googleImageSearch.uc.js
// @namespace       googleImageSearch@zbinlin
// @description     Google-Bildersuche
// @include         chrome://browser/content/browser.xhtml
// @author          zbinlin
// @versionsinfo    Anpassung für Firefox 52+ von aborix
// @homepage        http://www.czcp.co.cc
// @version         0.0.2.3
// @compatibility   firefox 4.0 - 52.0+
// ==/UserScript==

var googleImageSearch = {
    init: function () {
        var cacm = document.getElementById("contentAreaContextMenu");
        if (!cacm) return;
        var sendimage = document.getElementById("context-sendimage");
        var imagesearch = document.createXULElement("menuitem");
        imagesearch.setAttribute("id", "context-googleImageSearch");
        imagesearch.setAttribute("label", "Google-Bildersuche");
        imagesearch.setAttribute("accesskey", "B");
        imagesearch.setAttribute("oncommand", "googleImageSearch.onSearch(event);");
        imagesearch.setAttribute("onclick", "googleImageSearch.onSearch(event);");
        cacm.insertBefore(imagesearch, sendimage);
        cacm.addEventListener("popupshowing", function () {
            // bei Canvas deaktivieren
            imagesearch.hidden = gContextMenu.onCanvas || !gContextMenu.onImage;
        }, false);
    },
    onSearch: function (e) {
        if (!gContextMenu)
            return;
        var imageURL = gContextMenu.mediaURL;
        var url = "http://www.google.com/searchbyimage?image_url=";
        var where = (e.type == "click" && e.button == 1) ? "tabshifted" : "tab";
        url += encodeURIComponent(imageURL);
        openUILinkIn(url, where);
        closeMenus(e.target);
    }
}

if (window.location == "chrome://browser/content/browser.xhtml") {
    googleImageSearch.init();
}

@Endor

Funktioniert einwandfrei!

Nun haben endlich alle Ordner ihre Farbe

Ganz Herzlichen Dank für Deine Mühe!

@Boersenfeger

Auch Dir Danke für Deine Mühe. Meine Sidebar und alles andere hatten schon die gelben Ordner.

Aber hast Recht mit dem hier einstellen des schon vorhandenen Code zum besseren Überblick.

Habe noch ein paar graue Lesezeichenordner (siehe Bild) und probiere und probiere aber bekomme es nicht hin die richtig anzusprechen.

Weiss da jemand Rat?

Zitat von 2002Andreas

Es liegt also nur daran, dass du das falsche Profil bearbeitet hast

Hach ja, wie heisst es so schön: Bilder sagen manchmal mehr als tausend Worte

Zitat von mm55

ich habe jetzt die Änderung unter about:config durchgeführt. Von false in true.

Als ich about:config eingegeben habe, Enter vergessen.

Aber esfunktioniert immer noch nicht.

Ich habe die userchrome.css angepasst und die config geändert. Was fehlt noch ????

Das true ist schonmal wichtig gewesen, denn nur damit wird erst die Voraussetzung geschaffen um CSS-Code überhaupt ausführen zu können.

Was jetzt noch fehlt? Na ja eine richtige Groß- und Kleinschreibung, also kein kleines sondern ein grosses "C" --> userChrome.css. Diese muss sich im Profilordner im Ordner "chrome" befinden. In die userChrome.css muss dann der Code aus Beitrag #3 rein. Speichern und Firefox neu starten.

Zitat von mm55

wenn ich about:config eingebe erscheint der zu suchende Eintrag überhaut nicht.

es werden nur prefs.js angezeigt

Öhm
Also so muss das aussehen

Zitat von teko

siehe hier

Den Scriptcache zu löschen bringt nur was bei Änderungen an einem Script, hier aber geht es um CSS-Code.

mm55

Gerade getestet. Dein CSS-Code aus Beitrag #15 funktioniert bei mir nicht, der CSS-Code von 2002Andreas aus dem Beitrag #3 aber schon.

Gib mal about:config in die Adressleiste ein, dann Enter und suche dort nach dem Eintrag toolkit.legacyUserProfileCustomizations.stylesheets, dort muss der Schalter auf true stehen, wenn dort false steht einfach ein Doppelklich drauf.

Eventuell ist ja aber auch beim kopieren etwas schiefgelaufen. Versuche es einfach nochmal, in dem Code-Kasten rechts oben auf die 2 geknickten Blätter klicken, dann in das aufgehende Kästchen 2x reinklicken zum markieren und dann kopieren.

Zitat von bambusfrosch

Zitat von milupo

Zitat von bambusfrosch

Ich gebe auf, klappt einfach nicht, schade die grauen Ordner sehen einfach nur Sche**e aus!

Wir waren ja noch gar nicht fertig! Warum gibt du also auf? Hast du denn nun das so, wie ich das in den Beiträgen #29 und #30 beschrieben habe?

Ja, in dem chrome Ordner ist eine userChrome.css Datei mit folgendem Inhalt:

.bookmark-item[container],treechildren::-moz-tree-image(container) {fill: orange !important;}

und ein CSS Ordner mit einer lesezeichen_orange.css Datei mit folgendem Inhalt:

Auch wenn es etwas doppelgemoppelt und unorganisiert ausschaut, aber allein mit dem Eintrag .bookmark-item[container],treechildren::-moz-tree-image(container) {fill: orange !important;} in der userChrome.css sollte er doch eigentlich schon orange Ordner haben (!?) denn der Code funktioniert ja. Wenn er sie nicht hat stimmt ja schon mal was nicht, da wird es mit dem CSS-Ordner und dem @import-Befehl wahrscheinlich ja auch nicht wirklich funktionieren, denke ich mir

Hallo Andreas

Dein Skript

var tab_hover = {
   event:null,
   tid:null,

   getTab: function(element) {
      while (element && element.localName != 'tab') {
        element = element.parentNode;
      };
      return element;
   },
   onLoad: function() {
      gBrowser.tabContainer.addEventListener("mouseout", tab_hover.onMouseOut, false);
      gBrowser.tabContainer.addEventListener("mouseover", tab_hover.onMouseOver, false);
   },
   onUnload: function() {
      gBrowser.tabContainer.removeEventListener("mouseover", tab_hover.onMouseOver, false);
      gBrowser.tabContainer.removeEventListener("mouseout", tab_hover.onMouseOut, false);
   },

   onMouseOver: function(event) {
      tab_hover.event = event.target;
      tab_hover.tid = setTimeout(function() {
         gBrowser.selectedTab = tab_hover.getTab(tab_hover.event);
      }, 250);
   },
   onMouseOut: function() {
      clearTimeout(tab_hover.tid);
   }
};
tab_hover.onLoad();

wurde in diesem Thread FF 62 Hover Effekt für Tabwechsel weg! händeringend gesucht

Habe dort mal auf Dein Skript hier verwiesen.

Ich hatte das gleiche Script und funktionierte unter der 69.0 nicht mehr.

Nun bin ich hier auf Dein Skript gestossen und habe festgestellt das in meinem Skript die Zeilen 5 bis 10 fehlten.

Damit funktioniert es wieder, vielen Dank

Für den Hovereffekt bei Tabwechsel hat 2002Andreas HIER ein unter der 69.0 funktionierendes Skript.

Es ist das gleiche Skript wie aus Beitrag #25 mit ein paar (wohl entscheidenden) zusätzlichen Codeschnipseln zwischen Zeile 3 und 6.

Bei mir jedenfalls funktioniert es damit wieder.

Zitat von Bragon

Ich meine dieses Skript. Das hattest Du 2017 hier gepostet.

Code

var tab_hover={
   event:null,
   tid:null,


   onLoad: function() {
      gBrowser.tabContainer.addEventListener("mouseout", tab_hover.onMouseOut, false);
      gBrowser.tabContainer.addEventListener("mouseover", tab_hover.onMouseOver, false);
   },
   onUnload: function() {
      gBrowser.tabContainer.removeEventListener("mouseover", tab_hover.onMouseOver, false);
      gBrowser.tabContainer.removeEventListener("mouseout", tab_hover.onMouseOut, false);
   },


   onMouseOver: function(event) {
      tab_hover.event=event.target;
      tab_hover.tid=setTimeout( function(){ gBrowser.selectedTab=tab_hover.event;   } , 250);
   },
   onMouseOut: function() {
      clearTimeout(tab_hover.tid);
   }
};
tab_hover.onLoad();

Alles anzeigen

Hab das gleiche Skript. Unter der 69.0 geht es bei mir nur noch wenn ich die minimale obere tabline berühre, direkt auf der Tabfläche geht es nicht mehr. Da können wir wohl nur hoffen das unser Experte aborix mal hier reinschaut.

Ok. Danke für Deine Hilfe und die erneute Horizonterweiterung

Danke Andreas,

auf die Idee mit border kam ich gar nicht

Funktioniert und passt!

Nur mal als Verständnisfrage: Kann man das nur mit border ansprechen oder auch mit .tabline?

Weil die .tabline wird ja so angesprochen

.tab-line[selected=true] { 
    height: 2px !important;
    background-color:#01DFD7!important;
}

Der Tabhintergrund bei inaktiven Tabs so

.tabbrowser-tab:not([selected]) .tab-background {
  background-color: #61210B
}

Jetzt dachte ich für die Tabline bei inaktiven Tabs so

.tabbrowser-tab:not([selected]) .tab-line {
  height: 2px !important;
  background-color: red!important;
}

Oder geht das nur über border?

Einen schönen Sonntag in die Runde

Ich habe mit einer CSS-Anweisung die nicht aktiven Tabs eingefärbt

Den aktiven Tab hab ich mit einer Tabline versehen. Ist es möglich die inaktiven Tabs auch mit einer Tabline zu versehen?

Meine Versuche diesbezüglich scheiterten alle. Weiss auch nicht ob ich es wirklich nutzen würde aber zu wissen ob und wie

wäre eine weitere Erfahrung mehr im grossen Feuerfuchs-Abenteuer

milupo

Bei mir funktioniert es wieder beim laden von allen Seiten, allerdings nur in einem neuen Tab. Beim reload oder laden von Seiten im selben Tab geht es nicht, hatte ja auch Andredd1 schon geschrieben. Wobei ich mich gerade frage wieso es bei ihm noch funktionierte?

Da ich aber jede Seite in einem neuen Tab lade ist diese Version für mich perfekt.

Für alle Interessierten hier nochmal der komplette Code, die Farben und das Verlaufsmuster kann man sich in Zeile 7 anpassen.

/* LoadingBar.uc.js */

(function(){
//Location Bar Enhancer5.1;Loading Bar0.3.0
var cssStr = (function(){/*
#urlbar {
background-image: repeating-linear-gradient(-45deg, rgba(255,255,255,0), rgba(255,255,255,0) 6px, rgba(255,255,255,1) 6px, rgba(255,255,255,1) 12px), linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(17,238,238,.7) 100%);
background-size:0 0;
background-repeat:repeat-x, no-repeat;
transition: background-size 350ms ease 0s !important;
}
#urlbar:not([style="background-size: 0% 100%;"]) {
animation: progress-bar-stripes 2s linear infinite;
}
@-moz-keyframes progress-bar-stripes {
from {
background-position: 0, 0;
}
to {
background-position: 51px 0, 0;
}
}
*/}).toString().replace(/^.+\s|.+$/,"");

var style = document.createProcessingInstruction("xml-stylesheet", "type=\"text/css\"" + " href=\"data:text/css;base64," + btoa(cssStr) + "\"");
var mainW = document.getElementById("main-window");
document.insertBefore(style, mainW);

function main(window) {
var {document, gBrowser} = window;
function $(id) { return document.getElementById(id) };
var urlbar = $("urlbar");
let pageProgress = 0;
let async = makeWindowHelpers(window).async;
var LoadingBar = {
listener: {
onChangeTab: function(e) {
urlbar.style.backgroundSize = '0% 100%';
pageProgress = 0;
},
onProgressChange: function(aBrowser,webProgress,request,curSelfProgress,maxSelfProgress,curTotalProgress,maxTotalProgress) {
if (gBrowser.contentDocument === aBrowser.contentDocument) {
var val = (curTotalProgress-1)/(maxTotalProgress-1);
pageProgress = val;
urlbar.style.backgroundSize = (100*val) + '% 100%';
if (val > 0.9)
async(function() {
if (pageProgress > 0.95)
urlbar.style.backgroundSize = '100% 100%';
}, 1000);
}
},
onStateChange: function() {
if (pageProgress > 0.95){
async(function() {
urlbar.style.backgroundSize = '0% 100%';
pageProgress = 0;
}, 1000);
}else{
urlbar.style.backgroundSize = '0% 100%';
}
}
}
};

gBrowser.tabContainer.addEventListener('TabSelect',LoadingBar.listener.onChangeTab,false);
gBrowser.addTabsProgressListener(LoadingBar.listener);

unload(function() {
gBrowser.tabContainer.removeEventListener('TabSelect',LoadingBar.listener.onChangeTab,false);

gBrowser.removeTabsProgressListener(LoadingBar.listener);
}, window);
}



watchWindows(main, "navigator:browser");

function runOnLoad(window, callback, winType) {
window.addEventListener("load", function() {
window.removeEventListener("load", arguments.callee, false);

if (window.document.documentElement.getAttribute("windowtype") == winType)
callback(window);
}, false);
}

function runOnWindows(callback, winType) {
function watcher(window) {
try {
callback(window);
}
catch(ex) {}
}

let browserWindows = Services.wm.getEnumerator(winType);
while (browserWindows.hasMoreElements()) {
let browserWindow = browserWindows.getNext();
if (browserWindow.document.readyState == "complete")
watcher(browserWindow);
else
runOnLoad(browserWindow, watcher, winType);
}
}

function watchWindows(callback, winType) {
function watcher(window) {
try {
callback(window);
}
catch(ex) {}
}

runOnWindows(callback, winType);

function windowWatcher(subject, topic) {
if (topic == "domwindowopened")
runOnLoad(subject, watcher, winType);
}
Services.ww.registerNotification(windowWatcher);

unload(function() { Services.ww.unregisterNotification(windowWatcher) });
}

function unload(callback, container) {
let unloaders = unload.unloaders;
if (unloaders == null)
unloaders = unload.unloaders = [];

if (callback == null) {
unloaders.slice().forEach(function(unloader) { unloader() });
unloaders.length = 0;
return null;
}

if (container != null) {
container.addEventListener("unload", removeUnloader, false);

let origCallback = callback;
callback = function() {
container.removeEventListener("unload", removeUnloader, false);
origCallback();
}
}

function unloader() {
try {
callback();
}
catch(ex) {}
}
unloaders.push(unloader);


function removeUnloader() {
let index = unloaders.indexOf(unloader);
if (index != -1)
unloaders.splice(index, 1);
}
return removeUnloader;
}

function makeWindowHelpers(window) {
let {clearTimeout, setTimeout} = window;

function async(callback, delay) {
delay = delay || 0;
let timer = setTimeout(function() {
stopTimer();
callback();
}, delay);

function stopTimer() {
if (timer == null)
return;
clearTimeout(timer);
timer = null;
}
}

return {
async: async,
};
}

})();

@ aborix und Sören!

Funktioniert auch wieder mit Fx 68.0!

Superklasse, vielen Dank euch beiden