Beiträge von BarbaraZ-

BarbaraZ- · 8. Januar 2022

Vielen Dank.

Mir war es nur aufgefallen und daher wollte ich nur nachgefragt haben.

BarbaraZ- · 8. Januar 2022

Folgt:

Code

// Viewimage

(function() {

  if (!window.gBrowser)
    return;

  function viewMedia(event) {
    let where = whereToOpenLink(event, false, false);
    let referrerInfo = gContextMenu.contentData.referrerInfo;
    let systemPrincipal = Services.scriptSecurityManager.getSystemPrincipal();
    if (gContextMenu.onCanvas) {
      gContextMenu._canvasToBlobURL(gContextMenu.targetIdentifier).then(function(blobURL) {
        openUILinkIn(blobURL, where, {
          referrerInfo,
          triggeringPrincipal: systemPrincipal,
        });
      }, Cu.reportError);
    } else {
      urlSecurityCheck(
        gContextMenu.mediaURL,
        gContextMenu.principal,
        Ci.nsIScriptSecurityManager.DISALLOW_SCRIPT
      );
      openUILinkIn(gContextMenu.mediaURL, where, {
        referrerInfo,
        forceAllowDataURI: true,
        triggeringPrincipal: gContextMenu.principal,
        csp: gContextMenu.csp,
      });
    }
  }

  let item = document.getElementById('context-viewimage');
  item.setAttribute('oncommand', '(' + viewMedia.toString() + ')(event);');
  item.label = 'Grafik anzeigen';

})();

Alles anzeigen

BarbaraZ- · 8. Januar 2022

Moin, ich bekomme, wenn ich die Browser-Konsole aufrufe, folgende Meldung angezeigt:

Wie kann ich den Fehler am einfachsten finden?

Ich habe mir Skripte geladen weiss aber nicht, wie dort die Syntax ist.

Evtl. hängt es hiermit zusammen:

Mal gleich das Skript mitgeliefert.

CSS

// ==UserScript==
// @name           extras_config_menu.uc.js
// @compatibility  Firefox 8.*, 9.*, 10.*, 11.*, 12.*, 13.*, 14.*, 15.*, 16.*, 17.*, 57.*
// @include        main
// @version        1.0.20180113
// ==/UserScript==

var uProfMenu = {
  // Beginn der Konfiguration
  // In der folgenden Zeile (11) den Pfad zum Texteditor eintragen. Bei Fehleintrag wird view_source.editor.path ausgelesen:
      TextOpenExe: 'E:\\Notepad++\\notepad++.exe',
  // Falls gewuenscht, in Zeile 13 einen Dateimanager eintragen (komplett leer lassen fuer Dateimanager des Systems) 
    vFileManager: 'C:\\Total Commander\\Totalcmd64.exe',
  // In der folgenden Zeile (17) 'menu' eintragen, damit es unter "Extras" als Menue erscheint, sonst die id des
  // gewuenschten Elements *nach* dem der Button erscheinen soll (z.B. 'urlbar', 'searchbar',
  // 'undoclosetab-button','abp-toolbarbutton')
  // Bitte nicht so etwas wie die Menue- oder Navigationsleiste (sondern einen Menuepunkt oder einen Button
  //  mit id auf diesen Leisten) eintragen:
  warpmenuto: 'urlbar-container',
  // Unter Windows ist es nicht nötig, die userChromeJS-Skripte zu sortieren, (die Sortierung wird Gross- und Klein- 
  // schreibung *nicht* beruecksichtigen - dazu wird die sort()-Funktion entsprechend mit einer Vergleichsfunktion
  //  aufgerufen)
  sortScripts: 0,   // 1 zum Erzwingen der Sortierung
  // Einbindung GM-Skripte-Ordner (0: nein, 1: Greasemonkey [Profil-Verzeichnis], 2: UserScriptLoader [Chrome-Verzeichnis], 3: Scriptish [Profil-Verzeichnis]):
  gmOrdner: 0,
  // Einbindung CSS-Ordner (0: nein, 1: UserCSSLoader-Ordner im Chrome-Verzeichnis):
  cssOrdner: 1,
  CSSWebOrdner: 1,
  CSSForumOrdner: 1,
  // In Zeile 33 gueltige about:Adressen eintragen, die ebenfalls aufgerufen werden sollen.
  // - Zum Ausblenden: abouts: [],
  // - Damit die about:-Seiten nicht als Untermenue, sondern direkt als Menuepunkte aufgefuehrt werden, muss das erste Element '0' sein:
  // abouts: ['0','about:about','about:addons','about:cache','about:config','about:support'],
   abouts: ['about:about','about:addons','about:cache','about:config','about:crashes','about:downloads','about:logins','about:support','about:preferences','about:profiles'],
  // Die normalen Firefox-Einstellungen auch zur Verfuegung stellen (0: nein, 1: ja):
  showNormalPrefs: 0,
  // Stellt "Skriptliste in Zwischenablage" zur Verfuegung (1: ja, 2: mit getrennter Nummerierung, 3: mit gemeinsamer Nummerierung) oder nicht (0):
  enableScriptsToClip: 1,
  // Um den Eintrag "Neustart" zu erzwingen (falls z.B. das andere Skript zu spaet eingebunden und nicht erkannt wird), auf 1 setzen:
  enableRestart: 0,
  // Ende der Konfiguration

  init: function() {
    if (this.warpmenuto.toLowerCase() == 'menu') {
      // aufgrund des gewaehlten warpmenuto als Untermenue von Extras anlegen
      var zielmenu = document.getElementById('menu_ToolsPopup');
      if (zielmenu==null) {
        userChrome.log("extras_config_menu.uc.js findet Zielmenue nicht, evtl. weil ein anderes Fenster als das Hauptfenster " +
                       "geoeffnet wurde. Falls dieser Fehler auch im Hauptfenster auftritt, bitte die vorgehende Definition " +
                       "von 'zielmenu' kontrollieren.");
        return;
      }
      var menu = zielmenu.appendChild(this.createME("menu","Config Men\u00FC",0,0,"ExtraConfigMenu"));
      menu.setAttribute("class","menu-iconic");
      menu.setAttribute("ondblclick","openTrustedLinkIn('about:config', 'tab');");
     } else {
      // als Button nach dem per warpmenuto gewaehlten Element anlegen (s. Kommentar ueber warpmenuto im Konfigurationsabschnitt)
      var zielmenu = document.getElementById(this.warpmenuto);
      if (zielmenu==null) {
        userChrome.log("extras_config_menu.uc.js findet Zielpunkt '"+this.warpmenuto+"' nicht, evtl. weil ein anderes Fenster als das Hauptfenster " +
                       "geoeffnet wurde. Falls dieser Fehler auch im Hauptfenster auftritt, bitte die vorgehende Definition " +
                       "von 'warpmenuto' kontrollieren.");
        return;
      }
      var menu = zielmenu.parentNode.insertBefore(document.createXULElement('toolbarbutton'), zielmenu.nextSibling);
      menu.setAttribute("id", "ExtraConfigMenu-button");
      menu.setAttribute("class", "toolbarbutton-1");
      menu.setAttribute("type", "menu");
      menu.setAttribute("tooltiptext", "Extra Config Menü\nMittelklick \öffnet about:config");
      menu.setAttribute("onclick", "if (event.button === 1 && !this.open) openTrustedLinkIn('about:config', 'tab');");
    }
    //ab hier ist alles gleich, egal ob Button oder Menue
    var css = " \
      #ExtraConfigMenu, #ExtraConfigMenu-button { \
        list-style-image: url(file:///C:/Users/BarbaraZ-/AppData/Roaming/Mozilla/Firefox/Profiles/zex9etk7.default/chrome/Icons/Stift.png) !Important;\
        } \
      #ExtraConfigMenu-button > dropmarker, #ExtraConfigMenu-button > hbox > .toolbarbutton-menu-dropmarker { \
        display: none !important; \
      }";
    var sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
    var uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(css));
    sss.loadAndRegisterSheet(uri,sss.AGENT_SHEET);
    menu.setAttribute("onpopupshowing","uProfMenu.getScripts(0)");
    var menupopup = menu.appendChild(this.createME("menupopup",0,0,0,"ExtraConfigMenu-popup"));
    // menupopup.appendChild(this.createME("menuitem","userChrome.js","uProfMenu.edit(0,'userChrome.js');","uProfMenu_edit",0));
    // Anlegen von Untermenues fuer die userChromeJS-Skripte (befuellt werden sie spaeter)
    var submenu=menupopup.appendChild(this.createME("menu","uc.js",0,0,"submenu-ucjs"));
    var submenupopup = submenu.appendChild(this.createME("menupopup",0,0,0,"submenu-ucjs-items"));
    //var submenu=menupopup.appendChild(this.createME("menu","uc.xul",0,0,"submenu-ucxul"));
    //var submenupopup = submenu.appendChild(this.createME("menupopup",0,0,0,"submenu-ucxul-items"));
    if (this.enableScriptsToClip) menupopup.appendChild(this.createME("menuitem","Skriptliste in Zwischenablage   ","uProfMenu.getScripts(1)","uProfMenu_clipboard",0));
     // Ende Anlegen von Untermenues fuer die userChromeJS-Skripte
    menupopup.appendChild(document.createXULElement('menuseparator'));
     // Einbindung von Konfigdateien    
    menupopup.appendChild(this.createME("menuitem","userChrome.css","uProfMenu.edit(0,'userChrome.css');","uProfMenu_edit",0));
    menupopup.appendChild(this.createME("menuitem","userContent.css","uProfMenu.edit(0,'userContent.css');","uProfMenu_edit",0));
    menupopup.appendChild(this.createME("menuitem","userChromeShadow.css","uProfMenu.edit(0,'userChromeShadow.css');","uProfMenu_edit",0));
    menupopup.appendChild(this.createME("menuitem","prefs.js","uProfMenu.edit(1,'prefs.js');","uProfMenu_edit",0));
    menupopup.appendChild(this.createME("menuitem","user.js","uProfMenu.edit(1,'user.js');","uProfMenu_edit"),0);
    menupopup.appendChild(this.createME("menuitem","userChrome.js","uProfMenu.edit(0,'userChrome.js');","uProfMenu_edit",0));
    // Ende Einbindung von Konfigdateien
    menupopup.appendChild(document.createXULElement('menuseparator'));
    // Einbindung von Ordnern
    switch (this.gmOrdner) {
      case 1:
        menupopup.appendChild(this.createME("menuitem","GM Skripte","uProfMenu.dirOpen(uProfMenu.getPrefDirectoryPath('ProfD')+uProfMenu.getDirSep()+'gm_scripts');","uProfMenu_folder"),0);
        break;
      case 2:
        menupopup.appendChild(this.createME("menuitem","USL Skripte","uProfMenu.dirOpen(uProfMenu.getPrefDirectoryPath('UChrm')+uProfMenu.getDirSep()+'UserScriptLoader');","uProfMenu_folder"),0);
        break;
      case 3:
        menupopup.appendChild(this.createME("menuitem","Scriptish Skripte","uProfMenu.dirOpen(uProfMenu.getPrefDirectoryPath('ProfD')+uProfMenu.getDirSep()+'scriptish_scripts');","uProfMenu_folder"),0);
        break;
    }
    if (this.cssOrdner) {
      menupopup.appendChild(this.createME("menuitem","CSS-Ordner","uProfMenu.dirOpen(uProfMenu.getPrefDirectoryPath('UChrm')+uProfMenu.getDirSep()+'CSS');","uProfMenu_folder"),0);
    }
    if (this.CSSWebOrdner) {
    menupopup.appendChild(this.createME("menuitem","CSSWeb-Ordner","uProfMenu.dirOpen(uProfMenu.getPrefDirectoryPath('UChrm')+uProfMenu.getDirSep()+'CSSWeb');","uProfMenu_folder"),0);
    }
    if (this.CSSForumOrdner) {
    menupopup.appendChild(this.createME("menuitem","CSSForum-Ordner","uProfMenu.dirOpen(uProfMenu.getPrefDirectoryPath('UChrm')+uProfMenu.getDirSep()+'CSSForum');","uProfMenu_folder"),0);
    }
    menupopup.appendChild(this.createME("menuitem","Chromeordner","uProfMenu.prefDirOpen('UChrm');","uProfMenu_folder"),0);
    menupopup.appendChild(this.createME("menuitem","Profilordner","uProfMenu.prefDirOpen('ProfD');","uProfMenu_folder"),0);
    menupopup.appendChild(this.createME("menuitem","Addonordner","uProfMenu.dirOpen(uProfMenu.getPrefDirectoryPath('ProfD')+uProfMenu.getDirSep()+'extensions');","uProfMenu_folder"),0);
    menupopup.appendChild(this.createME("menuitem","Installationsordner","uProfMenu.prefDirOpen('CurProcD');","uProfMenu_folder"),0);
    menupopup.appendChild(this.createME("menuitem","Startup-Cacheordner","uProfMenu.dirOpen(uProfMenu.getPrefDirectoryPath('ProfLD')+uProfMenu.getDirSep()+'startupCache');","uProfMenu_folder"),0);
    // Ende Einbindung von Ordnern
    // Einbindung von abouts
    if (this.abouts.length>0) {
      menupopup.appendChild(document.createXULElement('menuseparator'));
      // falls der erste Eintrag des arrays ='0' ist, dann kein Untermenue anlegen, sondern direkt als Menuepunkte einbinden
      if (this.abouts[0]=='0') {
        for (var i = 1; i < this.abouts.length; i++) {
         menupopup.appendChild(this.createME("menuitem",this.abouts[i],"openTrustedLinkIn('"+this.abouts[i]+"','tab')","uProfMenu_about"),0);
        }
       } else {
        // der erste Eintrag des arrays ist ungleich '0', deshalb als Untermenue einrichten
        var submenu=menupopup.appendChild(this.createME("menu","uc.js",0,0,"submenu-about"));
        var submenupopup = submenu.appendChild(this.createME("menupopup",0,0,0,"submenu-about-items"));
        this.fillMenu("submenu-about","submenu-about-items", "about:",this.abouts,"uProfMenu_about",1);
      }
    }
    // Ende Einbindung von abouts
    // Separator, falls dieser nicht schon durch abouts generiert wurde und weitere Menuepunkte folgen werden
    if (this.abouts.length==0 && (this.showNormalPrefs || typeof(ToolRstartMod) != "undefined")) menupopup.appendChild(document.createXULElement('menuseparator'));
    // Falls gewuenscht (s. Konfigurationsabschnitt), Zugriff auf die normalen Einstellungen
    if (this.showNormalPrefs) menupopup.appendChild(this.createME("menuitem","Einstellungen","try{openOptionsDialog();}catch(e){openPreferences();}","uProfMenu_prefs"),0);
    // Falls addRestartButton installiert ist, Neustart zur Verfuegung stellen (addRestartButton 1.0.20120105mod erforderlich)
    if(typeof(ToolRstartMod) != "undefined" || this.enableRestart) menupopup.appendChild(this.createME("menuitem","Neustart",
    "try{ToolRstartMod.restartApp(false);} catch(e){alert(e);}","uProfMenu_restart"),0);

  },


  getDirSep:function() {
    // Betriebssystem nach https://developer.mozilla.org/en/Code_snippets/Miscellaneous ermitteln
    var osString = Components.classes["@mozilla.org/xre/app-info;1"].getService(Components.interfaces.nsIXULRuntime).OS;
    var dirsep="/";
    switch(osString) {
      case "WINNT":
        dirsep="\\";
        break;
      case "Linux":
        dirsep="/";
        break;
      case "Darwin":
        dirsep="/";
        break;
    }
    return dirsep;
  },


  edit:function(OpenMode,Filename){
    var Path = "";
    var dSep = this.getDirSep();  // die Trennzeichen zwischen Ordnern abhaengig vom Betriebssystem machen
    switch (OpenMode){
      //Current is Chrome Directory
      case 0:
        var Path = this.getPrefDirectoryPath("UChrm") + dSep + Filename;
        break;
      //Current is Profile Directory
      case 1:
        var Path = this.getPrefDirectoryPath("ProfD") + dSep + Filename;
        break;
      //Current is Root
      case 2:
        var Path = Filename;
        break;
    }
    this.launch(this.TextOpenExe,Path);
  },


  dirOpen:function(Path){
    if (this.vFileManager.length != 0) {
      var file = Cc['@mozilla.org/file/local;1'].createInstance(Ci.nsIFile);
      var process = Cc['@mozilla.org/process/util;1'].createInstance(Ci.nsIProcess);
      var args=[Path];
      file.initWithPath(this.vFileManager);
      process.init(file);
      // Verzeichnis mit anderem Dateimanager oeffnen
      process.run(false, args, args.length);
     } else {
      // Verzeichnis mit Dateimanager des Systems oeffnen
      var dir = Cc["@mozilla.org/file/local;1"].createInstance(Ci.nsIFile);
      dir.initWithPath(Path);
      dir.launch();
    }
  },


  prefDirOpen:function(prefDir){
    Path = this.getPrefDirectoryPath(prefDir);
    this.dirOpen(Path);
  },


  getPrefDirectoryPath:function(str){
    // get profile directory
    var file = Components.classes["@mozilla.org/file/directory_service;1"]
      .getService(Components.interfaces.nsIProperties)
      .get(str, Components.interfaces.nsIFile);
    if (str == 'CurProcD') {
      file = file.parent;
    };
    return file.path;
  },


  launch:function(RanPath,OpenPath){
    var file = Components.classes["@mozilla.org/file/local;1"].createInstance(Components.interfaces.nsIFile);
    var proc = Components.classes["@mozilla.org/process/util;1"].createInstance(Components.interfaces.nsIProcess);
    var args = [OpenPath];
    file.initWithPath(RanPath);
    // falls der im Konfigurationsabschnitt definierte Editor nicht gefunden wird, auf Einstellung in about:config ausweichen:
    if (!file.exists()) {
      var pref = Components.classes["@mozilla.org/preferences-service;1"].getService(Components.interfaces.nsIPrefBranch);
      RanPath=pref.getCharPref("view_source.editor.path");
      file.initWithPath(RanPath);
    }
    proc.init(file);
    proc.run(false, args, args.length);
  },


  stringComparison:function(a, b){
    a = a.toLowerCase();
    a = a.replace(/ä/g,"a");
    a = a.replace(/ö/g,"o");
    a = a.replace(/ü/g,"u");
    a = a.replace(/ß/g,"s");
    b = b.toLowerCase();
    b = b.replace(/ä/g,"a");
    b = b.replace(/ö/g,"o");
    b = b.replace(/ü/g,"u");
    b = b.replace(/ß/g,"s");
    return(a==b)?0:(a>b)?1:-1;
  },


  getScripts:function(iType) {
    // Arrays (jeweils ein Array fuer uc.js und uc.xul) nehmen Namen der gefundenen Skripte auf
    let ucJsScripts = [];
    let ucXulScripts = [];
    // Suchmuster, also die Dateierweiterungen uc.js und uc.xul
    let extjs = /\.uc\.js$/i;
    let extxul= /\.uc\.xul$/i;
    let aFolder = Cc['@mozilla.org/file/local;1'].createInstance(Ci.nsIFile);
    aFolder.initWithPath(Services.dirsvc.get("UChrm", Ci.nsIFile).path);
    // files mit Eintraegen im Chrome-Ordner befuellen
    let files = aFolder.directoryEntries.QueryInterface(Ci.nsISimpleEnumerator);
    // Ordner bzw. files durchlaufen und kontrollieren, ob gesuchte Dateien dabei sind
    while (files.hasMoreElements()) {
      let file = files.getNext().QueryInterface(Ci.nsIFile);
      // keine gewuenschte Datei, deshalb continue
      if (!extjs.test(file.leafName) && !extxul.test(file.leafName)) continue;
      // uc.js gefunden -> im Array ablegen
      if (extjs.test(file.leafName)) ucJsScripts.push(file.leafName);
      // uc.xul gefunden -> im Array ablegen
      if (extxul.test(file.leafName)) ucXulScripts.push(file.leafName);
    }
    if (this.sortScripts) {
      ucJsScripts.sort(this.stringComparison);
      ucXulScripts.sort(this.stringComparison);
    }
    // Aufruf der naechsten Methoden um die beiden Untermenues oder die Zwischenablage zu befuellen
    if (iType==0) {
      this.fillMenu("submenu-ucjs","submenu-ucjs-items","Meine Scripte",ucJsScripts,"uProfMenu_ucjs",0);
      this.fillMenu("submenu-ucxul","submenu-ucxul-items", "uc.xul",ucXulScripts,"uProfMenu_ucxul",0);
     } else {
      var result=this.fillClipboardValue(ucJsScripts,ucXulScripts);
      Components.classes["@mozilla.org/widget/clipboardhelper;1"].getService(Components.interfaces.nsIClipboardHelper).copyString(result);
    }
  },


  fillMenu:function(whichsubmenu, whichsubmenuitems, strlabel, scriptArray,sClass,sTyp) {
    // Beschriftung des Untermenues mit Anzahl der gefundenen Dateien ergaenzen
    var e = document.getElementById(whichsubmenu);
    e.setAttribute('label',strlabel + ' (' + scriptArray.length + ')');
    var popup = document.getElementById(whichsubmenuitems);
    // zunaechst Untermenue zuruecksetzen
    while(popup.hasChildNodes()){
      popup.removeChild(popup.firstChild);
    }
    // Untermenue endlich befuellen
    for (var i = scriptArray.length-1; i > -1; i--) {
      // bisher nur eine Typunterscheidung (userChromeJS-Skript oder about:)
      if (sTyp==0){
        var mitem = this.createME("menuitem",scriptArray[i],"uProfMenu.edit(0,'"+scriptArray[i]+"')",sClass,0);
        mitem.setAttribute("onclick","uProfMenu.openAtGithub(event,'"+scriptArray[i]+"')");
        mitem.setAttribute("tooltiptext"," Linksklick: Bearbeiten,\n Mittelklick: https://github.com/.../"+this.cleanFileName(scriptArray[i])+" \u00F6ffnen,\n Rechtsklick: Suche auf GitHub");
       } else {
        var mitem = this.createME("menuitem",scriptArray[i],"openTrustedLinkIn('"+scriptArray[i]+"','tab')",sClass,0);
      }
      popup.insertBefore(mitem, popup.firstChild);
    }
  },


  fillClipboardValue:function(sArray,xArray) {
    var retValue;
    var s = 0;
    var x = 0;
    s = sArray.length;
    x = xArray.length;
    switch(this.enableScriptsToClip) {
      case 1:
        retValue = "userChromeJS/uc.js ("+s+"):\n------------------------\n"+sArray.join("\n")+
                   "\n\nuserChromeJS/uc.xul ("+x+"):\n-------------------------\n"+xArray.join("\n");
        break;
      default:
        retValue = "userChromeJS/uc.js ("+s+"):\n------------------------";
        for (var i = 0; i < s ; i++) {
          j = i + 1;
          retValue = retValue + "\n" + j + ". " + sArray[i];
        }
        retValue = retValue + "\n\nuserChromeJS/uc.xul ("+x+"):\n-------------------------";
        if (this.enableScriptsToClip==2) s = 0;
        for (var i = 0; i < x ; i++) {
          j = i + s + 1;
          retValue = retValue + "\n" + j + ". " + xArray[i];
        }
        break;
    }
    return retValue;
  },


  createME:function(sTyp,sLabel,sCommand,sClass,sId) {
    // Anlegen von menuitem, menu oder menupop - fuer bestimmte Typen nicht eingesetzte Parameter werden als 0 uebergeben
    const XUL_NS = "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
    var m = document.createElementNS(XUL_NS, sTyp);
    switch (sTyp) {
      case "menuitem":
        // this.createME("menuitem","Label des Items","ZuzuweisenderCodeFueroncommand","GewuenschteKlasseDesItems",0)
        m.setAttribute('label', sLabel);
        m.setAttribute('oncommand',sCommand);
        m.setAttribute('class',sClass);
        break;
      case "menu":
        // this.createME("menu","Label des Menues",0,0,"GewuenschteIdDesMenues")
        m.setAttribute('label', sLabel);
        m.setAttribute('id', sId);
        break;
      case "menupopup":
        //this.createME("menupopup",0,0,0,"GewuenschteIdDesMenupopups");
        m.setAttribute('id', sId);
        break;
    }
    return m;
  },


  openAtGithub:function(e,sScript) {
    if (e.button==1){
      // Mittelklick - Seite auf GitHub oeffnen (funktionier nur, wenn Ordner- und bereinigter Dateiname [ohne Erweiterung] uebereinstimmen):
      var sUrl="https://github.com/ardiman/userChrome.js/tree/master/"+this.cleanFileName(sScript);
      openWebLinkIn(sUrl, 'tab');
    }
    if (e.button==2){
      // Rechtsklick - Suche auf GitHub starten (funktioniert nur, wenn der Dateiname im Code hinterlegt ist):
      e.preventDefault();
      var sUrl="https://github.com/search?langOverride=&language=&q="+sScript+"&repo=&start_value=1&type=Code";
      openWebLinkIn(sUrl, 'tab');
    }
  },


  cleanFileName:function(sName) {
    sName=sName.toLowerCase();
    /* Das folgende Array enthaelt regulaere Ausdruecke, um ungueltige Zeichenfolgen entfernen:
    /Datei-Erweiterungen am Ende/, /"ucjs_" am Anfang/, /"_"gefolgtVonZahlUndDanachBeliebigenZeichen/
    / "_fx"gefolgtVonZahl(en)/, /"-" oder "+" oder "."/, /"_v"gefolgtVonZahlen
    */
    var regs=[/\.uc\.js$/,/\.uc\.xul$/,/^ucjs_/,/_\d.+/,/_fx\d+/,/[-+\.]/g,/_v\d+/];
    for (var i = 0; i < regs.length; i++) {
      sName=sName.replace(regs[i],"");
    }
    return sName;
  }

};
uProfMenu.init();

Alles anzeigen

BarbaraZ- · 5. Januar 2022

Viele Dank harff182 für die Idee aus Beitrag #136.

Mit ein wnig Anpassung habe ich folgendes Ergebnis erzielt:

Nun werde ich mich Schritt für Schritt an das CSS-Voodo wagen.

BarbaraZ- · 5. Januar 2022

So dann gleich noch:

font-weight: bold !important;

eingefügt. Nun braucht nichts mehr geändert zu werden.

Ich glaube nicht, das Ihr arbeitslos werdet.

BarbaraZ- · 5. Januar 2022

Danke, Es freut mich, das ich auf dem richtigen Weg war.

Ja Sören, da hast Du natürlich recht, denn die Werte passten bei mir nicht.

Kann jetzt ein wenig mit den Farben spielen.

Ich habe, alleine bei der Gestaltung schon eine Menge gelernt. Werde dran bleiben und es kommt (ganz sicher) der Tag, an dem ich nur noch wenig Hilfe benötige.

BarbaraZ- · 5. Januar 2022

Das Ergebnis mit Text-Shadow

BarbaraZ- · 5. Januar 2022

Ich habe nochmal etwas gespielt.

Habe versucht, bei Firefox Browser einen Schatten für font zu setzen.

Leider klappt es nur für die Box.

CSS

#rightBox::before {
    content: "Firefox Browser" !important;
    font-size: 35px !important;
    box-shadow: 10px 10px 15px red !important;
    color: yellow !important;
    }

Es klappt weder mit: font-shadow und auch nicht mit shadow.

Leider fehlt mir noch das Wissen. Bin ja froh, das ich überhaupt schon mal einen Schatten hin bekommen habe.

Zeilen 336 ff

Gibt dieses Ergebnis:

Habe es mal mit text-shadow probiert. Legt aber nur einen Schatten hinter den Text, aber nicht bei der Schrift.

Gedacht ist es wie bei #51.

BarbaraZ- · 5. Januar 2022

Dank der gemeinsamen Hilfe ist es nun perfekt.

Vielen Dank Euch

BarbaraZ- · 5. Januar 2022

Dabei kommt folgendes Ergebnis zustande:

Es fehlt also der gänzliche untere Teil.

Weis der Geier (oder wer auch immer) warum das bei mir nicht angesprochen wird, obwohl es bei dir so aussieht, wie ich es haben möchte.

BarbaraZ- · 5. Januar 2022

Huhu, ich nochmal.

Ich habe unten noch einen Rahmen eingefügt.

Definiert über Zeilen 340 bis 346.

Leider ragt dieser in die Zeile mit den 3 Boxen darüber rein. Wie kann ich diesen und somit dann auch die untere dunkle Ziele tiefer setzen?

CSS

/* About:Dialog - über Firefox --- In Abwandlung von DeJaVu*/

@-moz-document url-prefix("chrome://browser/content/aboutDialog.xhtml"){
    #aboutDialog,
    #aboutDialogContainer,
    #agent.textbox-input-box,
    #agent,
    #bottomBox,
    #clientBox,
    #leftBox,
    #trademark,
    #updateBox > vbox:nth-child(2) > hbox:nth-child(2),
    #updateButton,
    #version,
    #version::before,
    #aboutDialog vbox,
    #aboutDialogContainer hbox,
    #clientBox vbox,
    #contributeDesc > label:nth-child(1),
    #contributeDesc > label:nth-child(2),
    #releasenotes,
    #trademark,
    #updateButton,
        label.bottom-link:nth-child(3),
        [href='about:credits'],
        [href='about:license'],
        [href='about:rights'],
        #contributeDesc > label:nth-child(1),
    #contributeDesc > label:nth-child(2),
    #releasenotes,
        label.bottom-link:nth-child(3),
        [href='about:credits'],
        [href='about:license'],
        [href='about:rights'],
    #aboutDialog,
    #aboutDialogContainer, 
    #bottomBox,
    #clientBox,
    #trademark    {
    background-color: DarkSykBlue !important;
    }

    label,
    .text-blurb,
    #trademark 
    { 
        font-size: 16px !important;
        }

    #version::before
    {
        content: 'Meine aktuelle Browser-Version ist die:';
        font-size: 18px !important;
        font-weight: bold !important; 
        color: LightCoral !important;
        margin-right: 6px !important;
        margin-left: -24px !important;
        }

    #version  
    {
        font-size: 18px !important;
        margin-top: 30px !important;
        color: Yellow !important;
        }

    #aboutDialog
    {
        height: 350px !important;
        }
    
    #agent
    {
        appearance: none !important;
        margin: 50px 40px 84px 10px !important;
        max-height: 56px !important;
        padding-top: 7px !important;
        text-align: center !important;
        border: 3px solid green !important; 
        max-width: 1100px !important;
        }

    #agent .textbox-input-box
    {
        appearance: none !important;
        margin-top: -1px !important;
        margin-left: 12px !important;
        }

    #bottomBox
    {
        margin-bottom: 30px !important;
        background-color: dodgerblue !important;
        }

    #updateBox > vbox:nth-child(2) > hbox:nth-child(2)
    {
        margin-top: -25px !important;
        margin-bottom: 20px !important;
        }

    #trademark
    {
        margin-top: 16px !important;
        margin-bottom: -40px !important; 
        }

    #leftBox
    {
        margin-top: 60px !important;
        }

    #updateButton
    {
        appearance: none !important;
        background: lightred url("../Icons/qd-lupe.gif")no-repeat !important;
        min-width: 360px !important;
        padding-left: 30px !important;
        background-position: 13px !important;
        border: 3px solid sladeblue !important;
        border-width: 2px !important;
        color: black !important;
        margin-bottom: 10px !important;
        margin-top: 0 !important;
        }

    #icons > .icon
    {
        margin-top: 12px !important;
        }

    #updateButton:hover
    {
        appearance: none !important;
        background: darkgray url("../Icons/qd-lupe.gif")no-repeat !important;
        padding-left: 30px !important ;
        background-position: 13px !important;
        }

    #updateButton .button-box
    {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        -moz-padding-start: 3px !important;
        -moz-padding-end: 3px !important;
        }


    #updateBox vbox description.text-blurb label.text-link
    {
        display: none !important;
        }
    

    [href='about:license']
    {
        appearance: none !important; /* Information zur Lizensierung */
        background: lightgray url("../Icons/qd-info.png")no-repeat !important; 
        color: dodgerblue !important;
        margin-top: 2px !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        border-width: 2px !important;
        background-position: 10px 5px !important;
        border: 3px solid red !important;
        }

    [href='about:license']:hover
    {
        background: darkgray url("../Icons/qd-info.png")no-repeat !important; 
        color: white !important;
        background-position: 10px 5px !important;
        }

    [href="about:rights"]
    {
        appearance: none !important; /* Endanwenderrechte */
        background: CornflowerBlue url("../Icons/qd-endanwender.png")no-repeat !important;
        color: black !important;
        font-size: 14px !important;
        padding-top: 2px !important;
        margin-right: 11px!important;
        margin-left: -28px !important;
        margin-top: 2px !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        border-color: red !important;
        border-width: 2px !important;
        background-position: 10px 5px !important;
        border: 3px solid yellow !important;
        }

    [href="about:rights"]:hover
    {
        appearance: none !important;
        background: darkgray url("../Icons/qd-endanwender.png") no-repeat !important;
        color: white !important;
        background-position: 10px 5px !important;
        } 
    
    label.bottom-link:nth-child(3)
    {
        appearance: none !important; /* Datenschutzbestimmungen */
        background: lightgray url("../Icons/qd-datenschutz.png")no-repeat !important;
        color: dodgerblue !important;
        margin-left: -2px !important;
        margin-right: -3px !important;
        margin-top: 1px !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        border-width: 2px !important;
        background-position: 10px 5px !important;
        border: 3px solid orange !important;
        }

    label.bottom-link:nth-child(3):hover
    {
        background: darkgray url("../Icons/qd-datenschutz.png")no-repeat !important;
        color: white !important;
        background-position: 10px 5px !important;
        }

    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']
    {
        appearance: none !important; /* Mozilla */
        background: lightgray url("../Icons/qd-mozilla.png")no-repeat !important;
        color: black !important;
        margin-right: 2px !important;
        padding-right: 15px !important;
        padding-left: 35px !important;
        border-width: 2px !important;
        background-position: 10px 5px !important;
        border: 3px solid magenta !important;
        }

    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']:hover
    {
        background: darkgray url("../Icons/qd-mozilla.png")no-repeat !important;
        color: white !important;
        background-position: 10px 5px !important;
        }

    [href='about:credits']
    {
        appearance: none !important; /* globale Community */
        background: lightgray url("../Icons/qd-community.png")no-repeat !important;
        color: black !important;
        margin-right: 2px !important;
        padding-right: 7px !important;
        padding-left: 35px !important;
        border-width: 2px !important;
        background-position: 10px 5px !important;
        border: 3px solid violet !important;
        }

    [href='about:credits']:hover
    {
        background: darkgray url("../Icons/qd-community.png")no-repeat !important;
        color: white !important;
        background-position: 10px 5px !important;
        }

    #contributeDesc > label:nth-child(2)
    {
        appearance: none !important; /* machen Sie mit */
        background: lightgray url("../Icons/qd-mitmachen.png")no-repeat !important;
        color: black !important;
        margin-left: 2px !important;
        margin-right: 10px !important;
        padding-left: 35px !important;
        padding-right: 15px !important;
        border-color: cadetblue !important;
        border-width: 2px !important;
        background-position: 10px 5px !important;
        border: 3px solid dodgerblue !important;
        }


    #contributeDesc > label:nth-child(2):hover
    {
        background: darkgray url("../Icons/qd-mitmachen.png")no-repeat !important;
        color: white !important;
        background-position: 10px 5px !important;
        }

    #contributeDesc > label:nth-child(1)
    {
        appearance: none !important;  /*Spenden Sie*/
        background: yellow url("../Icons/qd-spenden.png")no-repeat !important;
        color: black !important;
        margin-right: -1px !important;
        padding-left: 35px !important;
        padding-right: 15px !important;
        border-width: 2px !important;
        background-position: 10px 5px !important;
        border: 3px solid pink !important;
        }

    #contributeDesc > label:nth-child(1):hover
    {
        background: darkgray url("../Icons/qd-spenden.png")no-repeat !important;
        color: black !important;
        background-position: 10px 5px !important;
        }

    #releasenotes /*Neue Funktionen und Änderungen*/
    {
        background: lightgray url("../Icons/qd-info.png")no-repeat !important;
        color: black !important;
        margin-left: 10px !important;
        margin-right: 35px !important;
        padding-left: 30px !important;
        padding-right: 20px !important;
        padding-bottom: 1px !important;
        border-width: 2px !important;
        background-position: 10px 5px !important;
        border: 3px solid yellow!important;
        margin-top: 35px !important;
        }

    #releasenotes:hover
    {
        background: darkgray url("../Icons/qd-info.png")no-repeat !important;
        color: white !important;
        background-position: 10px 5px !important;
        }    
    
    #rightBox {
    background-image: none !important;
    padding-top: 0px !important;      
    margin-top: 10px !important;
    }

    #rightBox::before {
    content: "Firefox Browser" !important;
    font-size: 35px !important;
    color: yellow !important;
    }
    
    #trademark {
    border: 3px solid red !important;
    max-width:  600px !important;
    margin-left: 250px !important;
    margin-right: 250px !important;
    color: Yellow !important;
}
}

Alles anzeigen

BarbaraZ- · 5. Januar 2022

Sehr gut

BarbaraZ- · 3. Januar 2022

Dann eine logische Frage. Dieses muss dann ja auch in Zeile 52 hinterlegt werden.

Ich denke wenn schon in Zeile 15, dann auch dort. Macht ja Sinn.

BarbaraZ- · 2. Januar 2022

Nö, sehe ich keine Notwendigkeit für. Danke für die Erklärung.

BarbaraZ- · 2. Januar 2022

Das muss aber nicht geladen werden oder ist es zwingend notwendig?

BarbaraZ- · 2. Januar 2022

Hier nun mein Endergebnis, jedenfalls bis auf eine Kleinigkeit.

Die obere Zeile, in Zeile 41 des Codes mit #trademark angesprochen, ist in der nachfolgenden Zeile 42 folgendermaßen definiert:

background-color: dodgerblue !important;

CSS

/* About:Dialog - über Firefox --- In Abwandlung von DeJaVu*/

@-moz-document url-prefix("chrome://browser/content/aboutDialog.xhtml"){
    #aboutDialog,
    #aboutDialogContainer,
    #agent .textbox-input-box,
    #agent,
    #bottomBox,
    #clientBox,
    #leftBox,
    #trademark,
    #updateBox > vbox:nth-child(2) > hbox:nth-child(2),
    #updateButton,
    #version,
    #version:before
    #aboutDialog vbox,
    #aboutDialogContainer hbox,
    #clientBox vbox,
    #contributeDesc > label:nth-child(1),
    #contributeDesc > label:nth-child(2),
    #releasenotes,
    #trademark,
    #updateButton,
    
    label.bottom-link:nth-child(3),
        [href='about:credits'],
        [href='about:license'],
        [href='about:rights'],
        #contributeDesc > label:nth-child(1),
    #contributeDesc > label:nth-child(2),
    #releasenotes,
    
    label.bottom-link:nth-child(3),
        [href='about:credits'],
        [href='about:license'],
        [href='about:rights'],
    #aboutDialog,
    #aboutDialogContainer, 
    #bottomBox,
    #clientBox,
    #trademark
    {
    background-color: dodgerblue !important;}
    }

    label,
    .text-blurb,
    #trademark { 
    font-size: 16px !important;
    }

    #version:before
    {
        content: 'Meine aktuelle Browser-Version ist die:';
        font-size: 18px !important;
        font-weight: bold !important; 
        color: LightCoral !important;
        margin-right: 6px !important;
        margin-left: -24px !important;
    }

    #version  
    {
        font-size: 18px !important;
        margin-top: 30px !important;
        color: Yellow !important;
    }

    #aboutDialog
    {
        height: 350px !important;
    }

    #agent
    {
        appearance: none !important;
        margin: 50px 40px 84px 10px !important;
        max-height: 56px !important;
        padding-top: 7px !important;
        text-align: center !important;
        border: 3px solid green!important; 
        max-width: 1100px !important;
    }

    #agent .textbox-input-box
    {
        margin-top: -1px !important;
        margin-left: 12px !important;
    }

    #bottomBox
    {
        margin-bottom: 30px !important;
        background-color: dodgerblue !important;}
    }

    #updateBox > vbox:nth-child(2) > hbox:nth-child(2)
    {
        margin-top: -25px !important;
        margin-bottom: 20px !important;
    }

    #trademark
    {
        margin-top: 16px !important;
        margin-bottom: -40px !important; 
    }

    #leftBox
    {
        margin-top: 60px !important;
    }


    /* Build ID about Dialog css, Text mittig.*/

    #rightBox textarea
    {
        background-color: yellow !important;
        color: dodgerblue !important;
        text-align: center !important;
        margin-top: 50px !important;
        margin-bottom: 10px !important; 
    }

    #updateButton
    {
        appearance: none !important;
        background: lightred url("../Icons/qd-lupe.gif")no-repeat !important;
        min-width: 360px !important;
        padding-left: 30px !important;
        background-position: 13px !important;
        border: 3px solid sladeblue !important;
        border-width: 2px !important;
        color: black !important;
        margin-bottom: 10px !important;
        margin-top: 0 !important;
    }

    #icons > .icon
    {
        margin-top: 12px !important;
    }

    #updateButton:hover
    {
        appearance: none !important;
        background: darkgray url("../Icons/qd-lupe.gif")no-repeat !important;
        padding-left: 30px !important ;
        background-position: 13px !important;
    }

    #updateButton .button-box
    {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        -moz-padding-start: 3px !important;
        -moz-padding-end: 3px !important;
    }


    #updateBox vbox description.text-blurb label.text-link
    {
        display: none !important;
    }

    [href='about:license']
    {
        appearance: none !important; /* Information zur Lizensierung */
        background: lightgray url("../Icons/qd-info.png")no-repeat !important; 
        color: dodgerblue !important;
        margin-top: 2px !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        border-width: 2px !important;
        background-position: 5px 5px !important;
        border: 3px solid red !important;
    }

    [href='about:license']:hover
    {
        background: darkgray url("../Icons/qd-info.png")no-repeat !important; 
        color: white !important;
        background-position: 5px 5px !important;
    }

    [href="about:rights"]{
        appearance: none !important; /* Endanwenderrechte */
        background: CornflowerBlue url("../Icons/qd-endanwender.png")no-repeat !important;
        color: black !important;
        font-size: 14px !important;
        padding-top: 2px !important;
        margin-right: 11px!important;
        margin-left: -28px !important;
        margin-top: 2px !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        border-color: red !important;
        border-width: 2px !important;
        background-position: 5px 5px !important;
        border: 3px solid yellow !important;
        }

    [href="about:rights"]:hover{
        appearance: none !important;
        background: darkgray url("../Icons/qd-endanwender.png") no-repeat !important;
        color: white !important;
        background-position: 5px 5px !important;
        } 
    
    label.bottom-link:nth-child(3)
    {
        appearance: none !important; /* Datenschutzbestimmungen */
        background: lightgray url("../Icons/qd-datenschutz.png")no-repeat !important;
        color: dodgerblue !important;
        margin-left: -2px !important;
        margin-right: -3px !important;
        margin-top: 1px !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        border-width: 2px !important;
        background-position: 5px 5px !important;
        border: 3px solid orange !important;
    }

    label.bottom-link:nth-child(3):hover
    {
        background: darkgray url("../Icons/qd-datenschutz.png")no-repeat !important;
        color: white !important;
        background-position: 5px 5px !important;
    }

    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']
    {
        appearance: none !important; /* Mozilla */
        background: lightgray url("../Icons/qd-mozilla.png")no-repeat !important;
        color: black !important;
        margin-right: 2px !important;
        padding-right: 15px !important;
        padding-left: 35px !important;
        border-width: 2px !important;
        background-position: 5px 5px !important;
        border: 3px solid magenta !important;
    }

    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']:hover
    {
        background: darkgray url("../Icons/qd-mozilla.png")no-repeat !important;
        color: white !important;
        background-position: 5px 5px !important;
    }

    [href='about:credits']
    {
        appearance: none !important; /* globale Community */
        background: lightgray url("../Icons/qd-community.png")no-repeat !important;
        color: black !important;
        margin-right: 2px !important;
        padding-right: 7px !important;
        padding-left: 35px !important;
        border-width: 2px !important;
        background-position: 5px 5px !important;
        border: 3px solid violet !important;
    }

    [href='about:credits']:hover
    {
        background: darkgray url("../Icons/qd-community.png")no-repeat !important;
        color: white !important;
        background-position: 5px 5px !important;
    }

    #contributeDesc > label:nth-child(2)
    {
        appearance: none !important; /* machen Sie mit */
        background: lightgray url("../Icons/qd-mitmachen.png")no-repeat !important;
        color: black !important;
        margin-left: 2px !important;
        margin-right: 10px !important;
        padding-left: 35px !important;
        padding-right: 15px !important;
        border-color: cadetblue !important;
        border-width: 2px !important;
        background-position: 5px 5px !important;
        border: 3px solid dodgerblue !important;
    }


    #contributeDesc > label:nth-child(2):hover
    {
        background: darkgray url("../Icons/qd-mitmachen.png")no-repeat !important;
        color: white !important;
        background-position: 5px 5px !important;
    }

    #contributeDesc > label:nth-child(1)
    {
        appearance: none !important;  /*Spenden Sie*/
        background: yellow url("../Icons/qd-spenden.png")no-repeat !important;
        color: black !important;
        margin-right: -1px !important;
        padding-left: 35px !important;
        padding-right: 15px !important;
        border-width: 2px !important;
        background-position: 5px 5px !important;
        border: 3px solid pink !important;
    }

    #contributeDesc > label:nth-child(1):hover
    {
        background: darkgray url("../Icons/qd-spenden.png")no-repeat !important;
        color: black !important;
        background-position: 5px 5px !important;
    }

    #releasenotes /*Neue Funktionen und Änderungen*/
    {
        background: lightgray url("../Icons/qd-info.png")no-repeat !important;
        color: black !important;
        margin-left: 10px !important;
        margin-right: 35px !important;
        padding-left: 30px !important;
        padding-right: 20px !important;
        padding-bottom: 1px !important;
        border-width: 2px !important;
        background-position: 5px 5px !important;
        border: 3px solid yellow!important;
        margin-top: 35px !important;
    }

    #releasenotes:hover
    {
        background: darkgray url("../Icons/qd-info.png")no-repeat !important;
        color: white !important;
        background-position: 5px 5px !important;
    }    
    
    #rightBox {
    background-image: none !important;
    padding-top: 0px !important;      
    margin-top: 10px !important;
    }

    #rightBox::before {
    content: "Firefox Browser" !important;
    font-size: 35px !important;
    color: yellow !important;
    }
}

Alles anzeigen

Dieses bewirkt, dass sie zwar in dodgerblue angezeigt wird aber, sobald ich dieses Screen anfertige, sich die Zeile dunkel einfärbt.

Sie soll aber in Dodgerblue bleiben.

Mit dieser letzten Anpassung wird dann für diesen Code der Abschluß erfolgen.

Anschließend wird er dann separat zusätzlich nochmal gesichert. (Für eventuelle "Notfälle").

BarbaraZ- · 2. Januar 2022

Erstmal vielen Dank. Weis dann wenigstens, wo ich ansetzen muss. Werde ich später probieren.

Noch einen schönen Abend.

BarbaraZ- · 2. Januar 2022

Nachdem ich nun soweit alles umgesetzt habe, sind mir noch Kleinigkeiten aufgefallen, die ich mit meinem Laienhaften Wissen noch nicht beheben kann. Habe viel probiert, bekomme es aber (noch) nicht hin.

1. Die Icons sind alle ein wenig aus der Flucht geraten, heißt, sie sitzen etwas zu hoch.

2. Bei den unteren Containern passt der Abstand nicht ganz. Ist unterschiedlich. Ich hätte sie gerne ein wenig platzsparen zusammengerückt.

Hier mein Code, den ich dank Eurer Hilfe soweit schon mal zusammenbekommen habe:

CSS

/* About:Dialog - über Firefox --- In Abwandlung von DeJaVu*/

@-moz-document url-prefix("chrome://browser/content/aboutDialog.xhtml"){
    #aboutDialog,
    #aboutDialogContainer,
    #agent .textbox-input-box,
    #agent,
    #bottomBox,
    #clientBox,
    #leftBox,
    #trademark,
    #updateBox > vbox:nth-child(2) > hbox:nth-child(2),
    #updateButton,
    #version,
    #version:before
    #aboutDialog vbox,
    #aboutDialogContainer hbox,
    #clientBox vbox,
    #contributeDesc > label:nth-child(1),
    #contributeDesc > label:nth-child(2),
    #releasenotes,
    #trademark,
    #updateButton,
    
    label.bottom-link:nth-child(3),
        [href='about:credits'],
        [href='about:license'],
        [href='about:rights'],
        #contributeDesc > label:nth-child(1),
    #contributeDesc > label:nth-child(2),
    #releasenotes,
    
    label.bottom-link:nth-child(3),
        [href='about:credits'],
        [href='about:license'],
        [href='about:rights'],
    #aboutDialog,
    #aboutDialogContainer, 
    #bottomBox,
    #clientBox,
    #trademark
    {
    background-color: #23008c !important;}
    }

    label,
    .text-blurb,
    #trademark { 
    font-size: 16px !important;
    }

    #version:before
    {
        content: 'Meine aktuelle Browser-Version ist die:';
        font-size: 18px !important;
        font-weight: bold !important;
        color: #f08080 !important;
        margin-right: 6px !important;
        margin-left: -24px !important;
    }

    #version  
    {
        font-size: 18px !important;
        margin-top: 30px !important;
        color: #ffff26 !important;
    }

    #aboutDialog
    {
        height: 350px !important;
    }

    #agent
    {
        appearance: none !important;
        margin: 50px 40px 84px 10px !important;
        max-height: 56px !important;
        padding-top: 5px !important;
        text-align: center !important;
        border: 3px solid !important; 
        max-width: 1100px !important;
    }

    #agent .textbox-input-box
    {
        margin-top: -1px !important;
        margin-left: 12px !important;
    }

    #bottomBox
    {
        margin-bottom: 30px !important;
    }

    #updateBox > vbox:nth-child(2) > hbox:nth-child(2)
    {
        margin-top: -25px !important;
        margin-bottom: 20px !important;
    }

    #trademark
    {
        margin-top: 16px !important;
        margin-bottom: -40px !important; 
    }

    #leftBox
    {
        margin-top: 60px !important;
    }


    /* Build ID about Dialog css, Text mittig.*/

    #rightBox textarea
    {
        background-color: yellow !important;
        color: dodgerblue !important;
        text-align: center !important;
        margin-top: 50px !important;
        margin-bottom: 10px !important; 
    }

    #updateButton
    {
        appearance: none !important;
        background: lightred url("../Icons/qd-lupe.gif")no-repeat !important;
        min-width: 360px !important;
        padding-left: 30px !important;
        background-position: 13px !important;
        border: 3px solid sladeblue !important;
        border-width: 2px !important;
        color: black !important;
        margin-bottom: 10px !important;
        margin-top: 0 !important;
    }

    #icons > .icon
    {
        margin-top: 12px !important;
    }

    #updateButton:hover
    {
        appearance: none !important;
        background: darkgray url("../Icons/qd-lupe.gif")no-repeat !important;
        padding-left: 30px !important ;
        background-position: 13px !important;
    }

    #updateButton .button-box
    {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        -moz-padding-start: 3px !important;
        -moz-padding-end: 3px !important;
    }


    #updateBox vbox description.text-blurb label.text-link
    {
        display: none !important;
    }

    [href='about:license']
    {
        appearance: none !important; /* Information zur Lizensierung */
        background: lightgray url("../Icons/qd-info.png")no-repeat !important; 
        color: dodgerblue !important;
        margin-top: 2px !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        border: 3px solid red !important;
    }

    [href='about:license']:hover
    {
        background: darkgray url("../Icons/qd-info.png")no-repeat !important; 
        color: white !important;
        background-position: 10px 1px !important;
    }

    [href="about:rights"]{
        appearance: none !important; /* Endanwenderrechte */
        background: #B2EDFA url("../Icons/qd-endanwender.png")no-repeat !important;
        color: black !important;
        font-size: 14px !important;
        padding-top: 2px !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        border-color: red !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        border: 3px solid yellow !important;
        }

    [href="about:rights"]:hover{
        appearance: none !important;
        background: darkgray url("../Icons/qd-endanwender.png") no-repeat !important;
        color: white !important;
        background-position: 10px 1px !important;
        } 
    
    label.bottom-link:nth-child(3)
    {
        appearance: none !important; /* Datenschutzbestimmungen */
        background: lightgray url("../Icons/qd-datenschutz.png")no-repeat !important;
        color: dodgerblue !important;
        margin-left: -2px !important;
        margin-right: -3px !important;
        margin-top: 2px !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        border: 3px solid green !important;
    }

    label.bottom-link:nth-child(3):hover
    {
        background: darkgray url("../Icons/qd-datenschutz.png")no-repeat !important;
        color: white !important;
        background-position: 10px 1px !important;
    }

    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']
    {
        appearance: none !important; /* Mozilla */
        background: lightgray url("../Icons/qd-mozilla.png")no-repeat !important;
        color: black !important;
        margin-right: 2px !important;
        padding-right: 15px !important;
        padding-left: 35px !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        border: 3px solid magenta !important;
    }

    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']:hover
    {
        background: darkgray url("../Icons/qd-mozilla.png")no-repeat !important;
        color: white !important;
        background-position: 10px 1px !important;
    }

    [href='about:credits']
    {
        appearance: none !important; /* globale Community */
        background: lightgray url("../Icons/qd-community.png")no-repeat !important;
        color: black !important;
        margin-right: 2px !important;
        padding-right: 5px !important;
        padding-left: 35px !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        border: 3px solid violet !important;
    }

    [href='about:credits']:hover
    {
        background: darkgray url("../Icons/qd-community.png")no-repeat !important;
        color: white !important;
        background-position: 10px 1px !important;
    }

    #contributeDesc > label:nth-child(2)
    {
        appearance: none !important; /* machen Sie mit */
        background: lightgray url("../Icons/qd-mitmachen.png")no-repeat !important;
        color: black !important;
        margin-left: 2px !important;
        margin-right: 10px !important;
        padding-left: 35px !important;
        padding-right: 15px !important;
        border-color: cadetblue !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        border: 3px solid dodgerblue !important;
    }


    #contributeDesc > label:nth-child(2):hover
    {
        background: darkgray url("../Icons/qd-mitmachen.png")no-repeat !important;
        color: white !important;
        background-position: 10px 1px !important;
    }

    #contributeDesc > label:nth-child(1)
    {
        appearance: none !important;  /*Spenden Sie*/
        background: yellow url("../Icons/qd-spenden.png")no-repeat !important;
        color: black !important;
        margin-right: -1px !important;
        padding-left: 35px !important;
        padding-right: 15px !important;
        border-width: 2px !important;
        background-position: 10px 2px !important;
        border: 3px solid pink !important;
    }

    #contributeDesc > label:nth-child(1):hover
    {
        background: darkgray url("../Icons/qd-spenden.png")no-repeat !important;
        color: black !important;
        background-position: 10px 1px !important;
    }

    #releasenotes /*Neue Funktionen und Änderungen*/
    {
        background: lightgray url("../Icons/qd-info.png")no-repeat !important;
        color: black !important;
        margin-left: 10px !important;
        margin-right: 35px !important;
        padding-left: 30px !important;
        padding-right: 20px !important;
        padding-bottom: 1px !important;
        border-width: 2px !important;
        background-position: 7px 3px !important;
        border: 3px solid yellow!important;
        margin-top: 35px !important;
    }

    #releasenotes:hover
    {
        background: darkgray url("../Icons/qd-info.png")no-repeat !important;
        color: white !important;
        background-position: 10px 1px !important;
    }    
    
    #rightBox {
    background-image: none !important;
    padding-top: 0px !important;      
    margin-top: 10px !important;
    }

    #rightBox::before {
    content: "Firefox Browser" !important;
    font-size: 35px !important;
    color: yellow !important;
    }
}

Alles anzeigen

Für das restlich Quentchen möchte ich gerne Hilfe erbeten.

BarbaraZ- · 1. Januar 2022

Vielen Dank , für die Erklärung und für den Schnipsel.

BarbaraZ- · 1. Januar 2022

Ich habe folgende Zeile deaktiviert, da ich damit gar nicht anfangen kann.

Was bedeutet dieses und welche Auswirkungen hat die Zeile?

Ich konnte nämlich mit und ohne keine Veränderungen feststellen.

CSS

text-decoration: none !important;

Beiträge von BarbaraZ-

Fehlermeldung in der Browser-Konsole

Fehlermeldung in der Browser-Konsole

Fehlermeldung in der Browser-Konsole

Dialog Hilfe/Über Firefox

Hilfe Dialog (über Firefox)

Hilfe Dialog (über Firefox)

Hilfe Dialog (über Firefox)

Hilfe Dialog (über Firefox)

Hilfe Dialog (über Firefox)

Hilfe Dialog (über Firefox)

Hilfe Dialog (über Firefox)

2021-Update: Aktualisierung auf WoltLab Suite 5.4

Hilfe Dialog (über Firefox)

Dialog Hilfe/Über Firefox

Dialog Hilfe/Über Firefox

Hilfe Dialog (über Firefox)

Dialog Hilfe/Über Firefox

Dialog Hilfe/Über Firefox

Hilfe Dialog (über Firefox)

Hilfe Dialog (über Firefox)