Beiträge von harff182

harff182

Merci vielmals...

harff182

Zitat von Mira_Belle

Schau mal, ob Du mit diesem Selektor was anfangen kannst.

Ich konnte

Übernommen, bischen rumgebastelt und nu isses für mich hübsch

Danke.

harff182

Zitat von milupo

Und was hast du da geändert?
Übrigens, du hast für #urlbar in Beitrag #11 zwei Werte einfach so geändert. Das solltest du uns am besten mitteilen. Du hast nämlich margin-top von 3px auf 2px gesetzt und height von unset auf 22px.

Ich hab auferäumt und angepaßt und dann den Code mit resultierenden Problemen eingestellt.

Was war daran falsch?

----

margin-top ist nur ne "Schönheitsoperation".

Wenn height auf unset bleibt, wird das Feld so, wie in #17 gezeigt.

Sodele, Problem gelöst mit einem Tip aus einem Nachbarfred:

browser.urlbar.maxRichResults auf 0 gesetzt.

Nu zappeltszwar, aber das wars dann auch.

harff182

Zitat von 2002Andreas

Ansonsten, Beitrag Nr. 10 den Code hattest du auch mal getestet!?

Nein, hatte sich mit meinen Arbeiten überschnitten.

Habsch grad mal nachgeholt, aber das Ergebnis is nich berauschend:

Da stimmt der Hintergrund nicht.

Und hier rutscht die ganze Zeile runter und und das Feld wird größer.

harff182

2002Andreas Jo, jezz hab ich den Zoom wieder.

Aber der komplette Inhalt der urlbar rutscht immmer noch nach unten

harff182

Sodele - janz viel aufjeräumt:

CSS

/* 	41_urlbar_pimpen.css */
/* 	URL-Bar neu ab FF92    
	210909: BrokenHeart von hier:https://www.camp-firefox.de/forum/thema/133335
	210909: einige eigene Anpassungen..
	210910: rgba (tralala) durch Farbnamen ersetzt ;)
	240709: FF128 Probleme: https://www.camp-firefox.de/forum/thema/138121
	Erste Hilfe von 2002Andreas...
	Großes Aufräumen
*/


#urlbar
{
    border: 2px solid black !important;
    margin-top: 2px !important;
    color: blue !important;
    height: 22px !important;
	background: white !important;
    top: 4px !important;
    left: 0px !important;
    width: 100% !important;	
    font: 13px Arial Rounded MT !important;
    font-weight: normal !important;	
}

#urlbar:not([open]) > #urlbar-background 
{
    display: none !important;
}

/*############################################################################################*/
/*  URL in fetter Schrift, Hauptadresse markanter
	200120 von Milupo von hier:
	https://www.camp-firefox.de/forum/thema/129888/?postID=1136582#post1136582
*/
#urlbar-input[placeholder] {
	color: blue !important;
	font-weight: bold !important;
	font-size: 13px !important;		
}

/*#########################################################################################*/
/* 	URL-Bar Drop Down verhindern
	200408 von BrokenHaert von hier:
	https://www.camp-firefox.de/forum/thema/130354/?postID=1142548#post1142548
*/

.urlbarView {
    display: none !important;
}

Alles anzeigen

Sieht normal gut aus, aber beim reinlicken:

1. Wie bekomm ich den Inhalt wieder hoch ?

2. Wie bekomm ich das Fading für den den Zoom-Wert wieder?

harff182

2002Andreas : Jo sieht besser aus...

milupo : Jo, setz ich mich mal dran, das Teil ist ja echt alt....

Mal abwarten, was ich da beim Aufräumen kapuut mach

Ich meld mich dann wieder....

harff182

Ein Schritt vorwärts, sieht jetzt so aus:

Die navbar ist lightskyblue.

Ich möcht den Hintergrund der urlbar wieder weiß

Der URL-String soll ausfaden und der Zoom-Wert sichtbar sein..

harff182

moin, moin...

Seit dem Update auf 128 sieht meine Urlbar so aus:

Bisher sah sie so aus:

Benutzt wird folgendes CSS:

CSS

/* 	41_urlbar_pimpen.css */
/* 	URL-Bar neu ab FF92    
	210909: BrokenHeart von hier:https://www.camp-firefox.de/forum/thema/133335
	210909: einige eigene Anpassungen..
	210910: rgba (tralala) durch Farbnamen ersetzt ;)
*/

#urlbar[breakout][breakout-extend][focused="true"]:not([usertyping="true"]) .urlbarView, 
#urlbar[breakout][breakout-extend][focused="true"]:not([usertyping="true"]) > #urlbar-background 
{
	display: none !important;
}

#urlbar[breakout][breakout-extend] > #urlbar-background 
{
    border: 1px solid black !important;
    color: white !important;
    /* background-color: rgba(0,0,0,0.8) !important;  original vom Herzchen*/
	background-color: black !important;
}

#urlbar[breakout][breakout-extend] > #urlbar-background,
.urlbarView-body-outer,
.urlbarView-body-inner 
{
    margin-top: 32px !important;
}

.urlbarView-body-inner 
{
    border-top: unset !important;  
}

.urlbarView 
{ 
    margin-block-start: -26px !important;  
}

#urlbar-input-container 
{
    padding: var(--urlbar-container-padding);
}

#urlbar-input-container 
{
    border: 2px solid black !important; /*210908*/
    margin-top: 3px !important;
    color: blue !important;
    height: 22px !important;
    /* background: rgba(230,232,240,1) !important;  original vom Herzchen */
	background: white !important;
}

#urlbar-input-container:hover:not([disabled]) 
{ 
    /*background: rgba(255,255,255,1) !important;  original vom Herzchen */
	background: white !important;
}

#urlbar:not([open]) > #urlbar-background 
{
    display: none !important;
}

#urlbar[breakout][breakout-extend] > #urlbar-input-container 
{
    padding-block: unset !important;  
    padding-left: 1px !important;  
    padding-right: 1px !important;  
}

#urlbar 
{ 
    background: transparent!important;
    top: 4px !important;
    left: 0px !important;
    width: 100% !important;
    height:unset !important;
    font: 13px Arial Rounded MT /* Bold */ !important;
    font-weight: normal !important;
    color: white !important;
}

#pageActionSeparator, .urlbar-go-button, .urlbar-history-dropmarker, #reader-mode-button          
{
    display: none !important; 
}

.urlbarView-url,
.urlbarView-action 
{
    font-family: Arial !important;
		Display: none ! important; /* will nix nach unten aufklappen, wennich was reintippe...*/
}

/*############################################################################################*/
/* aus meinem altem .css übernommen*/ /*210909*/
/*############################################################################################*/

/*  URL in fetter Schrift, Hauptadresse markanter
	200120 von Milupo von hier:
	https://www.camp-firefox.de/forum/thema/129888-adresse-in-urlbar-fette-schrift/?postID=1136582#post1136582
*/
#urlbar-input[placeholder] {
	color: blue !important;
	font-weight: bold !important;
	font-size: 13px !important;		
}

/*#########################################################################################*/
/* 	URL-Bar Drop Down verhindern
	200408 von BrokenHaert von hier:
	https://www.camp-firefox.de/forum/thema/130354-ff-75-url-bar-drop-down-verhindern/?postID=1142548#post1142548
*/

.urlbarView {
    display: none !important;
}

Alles anzeigen

Was ist mussich ändern um das alte Aussehen wieder zu bekommen?

harff182

Danke Endor

Ich hab einfach mein Script durch das von ihm ersetzt und es tut wieder das, wofür ich es ab und zu nutze.

Zappelnde Avatare sind für mich ein Graus

guuts nächtle..

harff182

'nabend...

Das script tuts auch nich mehr:

JavaScript

// 	28_AnimationToggleButton.uc.js
// 	v. 0.4.2
//	211104:	BrokenHeart zuletzt in:
//	https://www.camp-firefox.de/forum/thema/133649

(function() {

   if (location != 'chrome://browser/content/browser.xhtml')
      return;

   try {

      CustomizableUI.createWidget({

         id: 'animation-button',
         type: 'custom',
         defaultArea: CustomizableUI.AREA_NAVBAR,

         onBuild: function(aDocument) {

            var button = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton');
            var attributes = {
               id: 'animation-button',
               class: 'toolbarbutton-1 chromeclass-toolbar-additional',
               removable: 'true',
               label: 'Animation',
               tooltiptext: 'Klick li: Gif ∞\nKlick mi: Gif 1x \nKlick re: Gif aus',
               oncontextmenu: 'return false'
            };
            for (var a in attributes)
               button.setAttribute(a, attributes[a]);
            var animmode = Services.prefs.getCharPref('image.animation_mode');
            button.setAttribute('anim', animmode);
            button.IsOnce = (animmode == 'once');

            function onClick() {

               var button = document.getElementById('animation-button');
               function setPref(value) {
                  Services.prefs.setCharPref('image.animation_mode', value);
               };
               function getPref() {
                  return Services.prefs.getCharPref('image.animation_mode');
               };
               function setIsOnce(value) {
                  var windows = Services.wm.getEnumerator('navigator:browser');
                  while (windows.hasMoreElements()) {
                     windows.getNext().document.getElementById('animation-button').IsOnce = value;
                  };
               };

               switch (event.button) {

                  case 0:
                     var animmode = getPref();
                     setPref('normal');
                     if (button.IsOnce) {
                        BrowserReloadSkipCache();
                        setIsOnce(false);
                     } else {
                        if (animmode == 'normal')
                           BrowserReloadSkipCache()
                        else
                           BrowserReload();
                     };
                     break;

                  case 1:
                     setPref('once');
                     BrowserReloadSkipCache();
                     setIsOnce(true);
                     break;

                  case 2:
                     setPref('once');
                     event.preventDefault();
                     event.stopPropagation();    
                     BrowserReload();
                     break;
               };

               var windows = Services.wm.getEnumerator('navigator:browser');
               while (windows.hasMoreElements()) {
                  windows.getNext().document.getElementById('animation-button').setAttribute('anim', getPref());
               };
            };

            button.setAttribute('onclick', '(' + onClick.toString() + ')();');
            return button;
         }
      });

   } catch(e) { };

   var css =
      '#animation-button[anim="normal"] {list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAoCAYAAAC4h3lxAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH4wkNFRE2JfCuMgAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAS6SURBVFjD7ZnNTxtHFMDfm7ENtbGxoV7b2A4gATZ2VEybCyAB5d4qUntLBZcI5dQ/oKcee4l6qBRFgTYqaUqjSFS5tVUrIEJCjQqYDxmIAwUMCV+GxMYfLDs7PQQQjhcKxY03Up60WntmZ/b93pdmdhAAoK2tTQCA9yRJsgEAgoqEUvoCEWc7Ojoet7e3Z/Vjc3Ozh1J6GRE5qFdQluXxgYGBXzjPVFODiB8dKM8Z13JQFwchRAIEjojvNzU1TQHAcgYApZQAAGxXbFeEykKdnHOqJgB30v1H+Xj5b4go6XQ6dxbAwY+UMVWyq92laoudOI9XHg2lzs5OGg6HWX9//0sPwRsmc3Nz1xHxbltbW22GB5REz/TbzhfOP43bxiWOnMRKYhXLpuWGXbJryGdhQkQPANxsaWm5ciyARbRs+Cf8t3QJXeywLWIJWy3WyUnf5NWEJmHME8D2/t2AiJ8dG0LV4ep7R5U/9Mq2frU6Uv1zvsxvsVi+OkwIRJsigDVtjRRtFkWOm6RkoWTasGeI/0cdzlWnrVarCADssMwqPaRj2ZbPLM7ACliBdNaXl+2UhS+FL32t4Zp4rjyiCCBS0XSipWSgIhU1Z1I+WTbtGfPcNj01rdXP1d/IFYQiwGbhpjNpSTqPG/T8wvOaHe3OqZPYkXTM1vxV8yPKyAAAjCvGrcBcoCsXEEQ5SDkJe8KfSoVS0at9aWP63XB5+PKplU845r0j3h7CiXi03bRiWgvMB7oop4nzABwbBtGCqDP4QfCaa8v1sChaFOGE03hp/MKSZenDJE2aTjO5PWV/7B3zfo8yKuaLadm0Vo/1N4OVwWsSSoacAgAAxDQxa0gIfQLC2Se2p+xPvCPeH5DhicluipjW66CuO1gZvMqQGXISQucVW9K26B313iaM7J7m+eJI8dPAQqCLcpp8HQAn1nFb2vakdqy2m0jkTGW2eKn4WWAxcIsCTf1vAAgoX1y92ONOuEeV+oW0MO8d8d4hUmbCnhpisfhZ3d9131Kg6ZwDIKDsX/X3CLNCqGqk6r57xz2RoXxKWPKN+r6j0ulfriTmJXOkJlrzIKcACCj71/x3hFlhBgAAOcpVo1W9roRrEgBA2BWe1I7VdpE9speT5SajYk6q0IHyvjVfrzAjhDLaOcrVI9W9er8+4ph1PKJ7VIQ8yL8ByL51X69txjahCMeRuaZcg3ndM59Ubfwb/l7btG1SzTu0Yz3g2/Dds4WULa+qrxaK65eUY8oesgffhD2yIgDhhJ9346GGHIC3APlK4rQm/c5mzaYzbx+zDHH7uQCiumhV1BH9/G0IvaYQIgAgG7eMa85C54Taqo95xzx75G/WEl3DGItRSouMK8YVz4rnrlotzTlHURQXsks+5/dlWWZqDhPOOTLGfh8aGlrP8sDg4OBGY2PjjYKCglqNRmPknBOVKb+TTqcXh4eH15UXlK8c2TQ0NLj0ev2XL8fySDwe75YkSTV5YTabKwkh3wAAl2X5YRYAIkJra+uvhJDSfQuo6tBj/zhMBgBgjF0nCi4DrVb7BQCI+wOYmq4D5QHgkVar/SnLAwdeaG5udlNKPwaASs65ao5eCSExSZLGS0tLH/T19fF/AGeo9vFEBn4KAAAAAElFTkSuQmCC)} ' +
      '#animation-button[anim="once"] {list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAoCAYAAAC4h3lxAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH4wkNFQw22pzCLgAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAATOSURBVFjD7VlvTFtVFD/3vtcWWlpAUkrbDazQkWkilfhl+zAahARNZjIT9QMzkS8EPm+wADMxWdRhsk842cYgbsbExWRqBkMGCwrbPpBsisi/V9rCZsBoHGwPKO277x0/sJqxviKVah/Gk7y89+7Nve/8zvmdc++5jwAAVFRUFCPia4wxGyIS0JDwPC9SSr8tLS0daG1tjeknXq/XSyn9EAAoaFcIIn4RDAZPBoPBjQAB4J2o8owhRdSW5jxPkBBAAHjT5XL1AMDYhn5KaSYAwMGDa7o3XheeB9AWgqkpx/x771sXCCEyIr4YAyD6UPhM2GQyMc1xx+FYsQBYF6JUqq2t5Xw+nzw4OAigcd6rit/vP0UI+ay8vHzvBg+oyeqqMXT7tm1+YiJNIgRYScmq2eP5xWkwhPkUYuAIIcUAcKasrKw6riL375sjJ064/HN3+XC07Zu+9LCnxBw6csRfZDKFUgVi8dHdRAg5HJdC5zryA48rH5UfRvUrly4VBFJl/uzs7JN/5lZCbKoA5heeEkdGDCvxJvnyK+OyKKb/zYgn20pzVqs1AgBy9F0VwFqI3/QjOh0ooRCf8Io9Pu4Ya2t77nvG9OGkrRNqjQYD21Q5SQKalsYSsuTkpHO05bgtQilQjtszUVsrPMvzEcN2AVD13LuY4fFETPEGvfJyyGixbD2Ip6acPzY15zJK1783cF2vdHS4p5PhCVUAhCCpq7tXYMuV9U/2FRUyQ3X13YIEVtKJ5hZbhNKNTu0fMEidne5pxvSRpFMIACDX+iC9tTVQeOuW7eexnwwSAaJ4PCH9/v0Lu4zG1fStTC4IzvGmZluIEFClZN81g0Q592TN28Jenpf0SQUAAGCxiMaqKnFPVVXiE/tmHJONx3JDlMKm8dTba2AE3EJNja+Y4yRdUii0XfHN2H0NDXkipWRLmepqb1r4kwvuKVnWSSkH4A84phsa7EuUApfIuJ6etMiFi4mDSAgAIsHuHve0IOTdV+sPBOy+o0fzxGi2SVS6u9MiFz8tEmSZZ/8AAIJXr7qFri7zcstx+6zgsy1tVD4v0NBoX4wXsFuVK1fS127cKJhLKgBEgr29Rb7OrowVAABZJtjS4gzMzNgeAADMztpnGo85fkdMjDZxd8EhiknJQlHl+/oK/R3nzeLj7bIM2NTsCNTXZRhPf2wREVNTW/B/RZtr/YX+cx2WB2q9skyUj05nLgNAyk4yNrVaf3+h/+xZy0MtV2hxPdA/UORvP6NueS2Jqgfm5qxL7e2WpZ1QI9M43CawQ2THnUr85wCoBrHZLMFbh0MpA5efv0a3BcBqXcw8dGjxhf8p9C9RiAAA3rmTvrJrt21RY2e7MD1t+e2x15gamlcUJUgpfXpoWC8NDTsDGja2IknSTTUKNSqK8lDjTEFZlj+oq6ubjd2tIUJlZWUmY+wlnuddGoyLX8Ph8HfDw8OziAj19fW8IAg3AYBTFGWY4BO/ZPbt27fLaDS+CwCIiPdEUTzPGNNMZGRlZbkopW0AgIqiDMUAIISA1+vto5TmrNcDyGnJHYQQBABlfcsjn6KxBQyCTqdrBoDIowGylq6o8gAwotPpPo/xQNQLBw4c2M1x3KsA4NLSr1dK6UPG2GhOTs7Xly9fxj8A10cIqTl/HS8AAAAASUVORK5CYII=)} ' +
      '#animation-button[anim="none"] {list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAoCAYAAAC4h3lxAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH4wkNFRMXW6/c7gAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAATFSURBVFjD7ZlfTFtVHMd/55z+Adrbv7fg5E9L/4hLpg/GkABJwcb4plnilhg18OBC9rQnn3wyZosQJXswIwzQRRBxWcbcMnSaEf6EhMiDjj9hQssmVMV20FG4QHu59x4fRgnQWwTajUviL2nannPPvb/P7/f9/dLTgwAAfD5fLgC8LAhCHgAgUJARQqIIocmampqp6urqpHnk9XpLCCEnEUIUlGtIkqSRvr6+O5Rud1OFEHoz4TxPqRqosjjUGAsIgCKEXqmoqBgHgD+3ARBCMADAO9Goo/Thw1oKQJQEEGbZnvqCgp8RQoJGoylMAkh8eD4Ws2QLAlGadiyrq8VbpVRbW0v8fr/Y29sLAAAYjphNT083IIQ6fD7f8W0ZkLN1jebxDMv+EtDrZwml2M1xjsL5+TLV+rruMBsTQqgEAJoqKyvfSwmwkpPz6LLH0+xXq5c2B41Gf6nFMvZuIHBGG48zhwTweONdhxB6P6WEbtntV7c5v2HD2dn/DBYW3jis8JvN5rrNgkAoTxYgyjDBAZ0umOomHSbT/ZhWu3xAH9Lq0zabjQcAMfFdFoCXifxW0wKIcZVK2O/DQ2az/3ZJyUWJkOVMZUQWQL2+btgtUjwA0QiCaj8Pmjeb79c5nVe6GSb0o8fTmCkIWQATx+WXrq7mp1p0Ohp9IXsfRbxgNk9eKC7+NoaQCABwW6+P/OB2t9AMQMgXMaX41OzsqQJB0O+ceikeZ6uCwZN7jrzJ9OCC09kWw5jfOt7NMKE7bneLhPFKOgApZcBwXP6Hk5Nn/TbbwIROF9RQSl7kuCJXOPyamucNe7l5xGSaqnO5vl5DSLZebjFMiHg8Ta8HAmexKOoyCgAAoF1bs52YnX37xEGatdEY+NTp/GYlhfMJu8EwYepytb4RCJxBkqTLjITStAWjcabe5brCYRzfy/XfGwx/33W7WyjGq88CYNc+vmg0Bj53uVqjGO+rzXYZDHM9Hk8zxXjtaQJIvzkcbSGW/VXWeYPhQb3T2b64o2D3atcZZq7H5fqSYhx7GgDSPYejrZllJ87b7ddCVuvoNs0bDLOfud1fLRISS0d+143G4FR+/s1MA0gjDkf7ZZb9HQBAQEg673B0hq3WMQCAJYMh0OB2t0QwXs9EDcUJ4TPShTadt9s7m1h2YuuggJD0icPReS4rK9iemzu8cEDZpGv/BSCN2e2dTTbbqNykiJB48dix/sPc4OwmITput3c22mxjSt6hpczAeFHR1UspIq8kk81AxGwev5Sbe+8o7JFlAaQn/xPRIwtwlOzIA8gWcRbPZ38QieQfllN5KyvPpQWg5zj3qxx37n8JPSMJYQCQJvX6kNliGVVa95ljmMmtv2CSAERRXCKE6Lt1ur+6nc4OpUaaUop4nv8jSUKU0muSJIlKlgmlFImieHdwcDCclIH+/v5H5eXljVqt9rhKpWIopVhhznOxWGxmaGgoLDePdh7ZlJWVFeTk5Hz8ZC0NLi8vtwqCoJi6MJlMxRjjLwCASpI0kASAEIKqqqqfMMbWjQgo6tBj4zhMAgAQRbEBy6QM1Gr1RwDAbywQlfRKOA8Aw2q1+rukDCSy4PV6CwkhbwFAMaVUMUevGOMlQRBGrFbrza6uLvovNfXp2AJLOUkAAAAASUVORK5CYII=)}';
   var stylesheet = document.createProcessingInstruction('xml-stylesheet', 'type="text/css" href="data:text/css;utf-8,' + encodeURIComponent(css) + '"');
   document.insertBefore(stylesheet, document.documentElement);

})();

Alles anzeigen

BrokenHeart : kannst/magst Du wieder helfen?

harff182

Zitat von milupo

ersetze mal Zeile 31 durch diese:

Der Kandidat hat 100 Punkte. Schankedön

harff182

Hallöle...

Hab eben auf 126 upgedatet und diese Script tuts nicht mehr:

Code

// 	24_tab_hover_load.uc.js
//	aktiviert TAB beim hovern und läd es neu
//
// 	211019: Aborix von hier: 
//			https://www.camp-firefox.de/forum/thema/133540/?postID=1185554#post1185554
//
//			Wenns zu schnell geht, Wert in Zeile 34 hochsetzen

(function() {

	if (!window.gBrowser)
		return;

	var tab_hover = {
		tid: null,
		getTab: function(element) {
			while (element.localName != 'tab' && element != gBrowser.tabContainer) {
				element = element.parentNode;
			};
			return element.localName == 'tab' ? element : null;
		},
		onLoad: function() {
			gBrowser.tabContainer.addEventListener('mouseover', tab_hover.onMouseOver, false);
			gBrowser.tabContainer.addEventListener('mouseout', tab_hover.onMouseOut, false);
		},
		onMouseOver: function(event) {
			tab_hover.tid = setTimeout(function() {
				let tab = tab_hover.getTab(event.target);
				if (tab) {
					gBrowser.selectedTab = tab;
					BrowserReload();
				}
			},
			750 );  // 250 war original - hochsetzen, wenns zu schnell geht
		},
		onMouseOut: function() {
			clearTimeout(tab_hover.tid);
		}
	};
	tab_hover.onLoad();

})();

Alles anzeigen

Kann wer helfen?

harff182

Menü "Extras": "Einstellungen": "Schriftarten".

Jede Menge Auswahl....

harff182

Zitat von FuchsFan

Aber hat denn nun schon jemand Erfolg zu vermelden mit Rechtsklick für userContent.css ?

Beitrag

RE: userChrome.js Scripte für den Fuchs (Diskussion)

Melde jehorsamst: dat tut

Beides

Ich hab lediglich die Codes "aufgeräumt" = eingerückt und dann in 2 Files Farben zum Test geändert:

userChrome.css: 03_leistenfolge+farben_89.css

userContent.css: about_downloads.css

Beide werden jeweils per Import aus Unterverzeichnissen (css bzw contentCSS) geladen.

harff182

9. November 2023 um 15:22

harff182

milupo :

Danke für den Schubs:

Das tuts:

Code

window.__SSi == "window0" && CustomizableUI.createWidget({
    id: "Reload_userChrome",
    label: "Reload userChrome",
    localized: false,
    onCreated(btn) {
        var u = Services.io.newURI;
        var code = Cu.readUTF8URI(u(
            u(Components.stack.filename).resolve("reload_userChrome.txt")
        )).replace(
            'Components.utils.import("resource://gre/modules/Services.jsm", {})',
            "Cu.getGlobalForObject(Cu)"
        );
        var del = function() {
            this.previousSibling.remove();
            this.remove();
        };
        var currentProfileDirectory = Services.dirsvc.get("ProfD", Ci.nsIFile).path.replace(/\\/g, "/");
        var buttonicon = "/chrome/icons/css-vorschau.png";
        (this.onCreated = btn => {
//            btn.setAttribute("image", "data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABPElEQVQ4ja3TsU6UQRQF4G8D7jaS2EqhwMaYSGHnI1BQ+ATaUtqR0BJIDGjhMxhKKgLxEQStDFYmGpTKqC8grMdiZ80w4d/KSW5xM/ece2fuOTQnDMOL8D78DL/CSdgJd0vN7XAeDmrgbHgZRiEdcRk2w2rJ//QmYBxhpfB9wR4+4AaW8RQL1f1S3f151WU7Y1D7tEHYbacSlqqxt1tgAd8PayVOW4KtkpyFfgfBu44/Gc3iUal73eP3dQTYxy3MXOV1IDwIG2GuA/z/T7gZnoWh8Cp8buJTWJ9CMPm3Q1OEc9wBHoRvpWZLAzqt1nWvg2BnsoGw0BKk+GBwDbBfgf9pppfxOrgqz6/GUv6IER7iiWImvMHjHpf1BKvFKBdTzDQqU8zUox0Va86X/E7xxtvwI3wvStwNi+3T/gL+gPNd4cyuEQAAAABJRU5ErkJggg==");
            btn.setAttribute("image", "file:" + currentProfileDirectory + buttonicon);
            btn.defaultContextId = "toolbar-context-menu";
            var win = btn.ownerGlobal;
            var wdp = new win.DOMParser();
            var parser = class {
                parseFromString(...args) {
                    var doc = wdp.parseFromSafeString(...args);
                    doc.documentElement.lastChild.appendChild = del;
                    return doc;
                }
            }
            win.setTimeout(() => new win.Function("DOMParser", code).call(btn, parser), 50);
        })(btn);
    }
});

Alles anzeigen

harff182

Zitat von 2002Andreas

Soweit ich weiß, funktioniert diese Kurzform nicht in Skripten.

Ähhh...

das war nur zum verdeutlichen, wo das css-vorschau.png liegt.

Irgendwie muß man doch auch in diesem Script das base64 durch ein File ersetzen können

harff182

Hülfäää

Ich kriegs mal wieder nicht hin.

Wie ersetze ich das base64

Code

            btn.setAttribute("image", "data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABPElEQVQ4ja3TsU6UQRQF4G8D7jaS2EqhwMaYSGHnI1BQ+ATaUtqR0BJIDGjhMxhKKgLxEQStDFYmGpTKqC8grMdiZ80w4d/KSW5xM/ece2fuOTQnDMOL8D78DL/CSdgJd0vN7XAeDmrgbHgZRiEdcRk2w2rJ//QmYBxhpfB9wR4+4AaW8RQL1f1S3f151WU7Y1D7tEHYbacSlqqxt1tgAd8PayVOW4KtkpyFfgfBu44/Gc3iUal73eP3dQTYxy3MXOV1IDwIG2GuA/z/T7gZnoWh8Cp8buJTWJ9CMPm3Q1OEc9wBHoRvpWZLAzqt1nWvg2BnsoGw0BKk+GBwDbBfgf9pppfxOrgqz6/GUv6IER7iiWImvMHjHpf1BKvFKBdTzDQqU8zUox0Va86X/E7xxtvwI3wvStwNi+3T/gL+gPNd4cyuEQAAAABJRU5ErkJggg==");

durch ../icons/css-vorschau.png

harff182

96_CSS-Vorschau.uc.js:

JavaScript

// reload_userChrome.uc.js = 96_CSS-Vorschau.uc.js
// Applying changes to userChrome.css and userContent.css styles without restarting Firefox
// The file reload_userChrome.txt should be in the same folder with the script

window.__SSi == "window0" && CustomizableUI.createWidget({
    id: "Reload_userChrome",
    label: "Reload userChrome",
    localized: false,
    onCreated(btn) {
        var u = Services.io.newURI;
        var code = Cu.readUTF8URI(u(
            u(Components.stack.filename).resolve("reload_userChrome.txt")
        )).replace(
            'Components.utils.import("resource://gre/modules/Services.jsm", {})',
            "Cu.getGlobalForObject(Cu)"
        );
        var del = function() {
            this.previousSibling.remove();
            this.remove();
        };
        (this.onCreated = btn => {
            btn.setAttribute("image", "data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABPElEQVQ4ja3TsU6UQRQF4G8D7jaS2EqhwMaYSGHnI1BQ+ATaUtqR0BJIDGjhMxhKKgLxEQStDFYmGpTKqC8grMdiZ80w4d/KSW5xM/ece2fuOTQnDMOL8D78DL/CSdgJd0vN7XAeDmrgbHgZRiEdcRk2w2rJ//QmYBxhpfB9wR4+4AaW8RQL1f1S3f151WU7Y1D7tEHYbacSlqqxt1tgAd8PayVOW4KtkpyFfgfBu44/Gc3iUal73eP3dQTYxy3MXOV1IDwIG2GuA/z/T7gZnoWh8Cp8buJTWJ9CMPm3Q1OEc9wBHoRvpWZLAzqt1nWvg2BnsoGw0BKk+GBwDbBfgf9pppfxOrgqz6/GUv6IER7iiWImvMHjHpf1BKvFKBdTzDQqU8zUox0Va86X/E7xxtvwI3wvStwNi+3T/gL+gPNd4cyuEQAAAABJRU5ErkJggg==");
            btn.defaultContextId = "toolbar-context-menu";
            var win = btn.ownerGlobal;
            var wdp = new win.DOMParser();
            var parser = class {
                parseFromString(...args) {
                    var doc = wdp.parseFromSafeString(...args);
                    doc.documentElement.lastChild.appendChild = del;
                    return doc;
                }
            }
            win.setTimeout(() => new win.Function("DOMParser", code).call(btn, parser), 50);
        })(btn);
    }
});

//    96_CSS-Vorschau.uc.js
//    231106: lenny2
//    https://www.camp-firefox.de/forum/thema/112673-userchrome-js-scripte-f%C3%BCr-den-fuchs-diskussion/?postID=1239120#post1239120

Alles anzeigen

reload_userChrome.txt:

JavaScript

// reload_userChrome.txt
// Applying changes to userChrome.css and userContent.css styles without restarting Firefox
// Place in the same folder as the reload_userChrome.uc.js script
// To deactivate the reload function of userContent.css, comment out lines 82-88, edit tooltiptext line 11

var c = msg => Services.console.logStringMessage(String(msg)), i = obj => inspectObject(obj), n = node => inspectDOMNode(node);

(obj => {
    this.onclick = obj.click.bind(obj);
    this.oncontextmenu = obj.contextmenu.bind(obj);
    this.tooltipText = "L: Reload userChrome.css\nR: Reload userContent.css";
})
({
    async click(e) {
        if (e.button == 1) return gShowPopup(self);
        if (e.button || !this.chromeSheet) return;
        await this.reload(this.chromeSheet);
        this.restyle(0);
    },
    re: /^(?:web.*|file|extension|privilegedabout)$/,
    get url() {
        delete this.url;
        return this.url = `chrome://extensions/content/dummy.x${
            parseInt(Services.appinfo.platformVersion) >= 74 ? "htm" : "u"
        }l`;
    },
    async contextmenu(e) {
        if (e.ctrlKey || e.shiftKey || e.detail != 1 || !this.contentSheetURL) return;
        e.preventDefault();

        var count = Services.ppmm.childCount, one = count == 1;
        var data = await this.reloadTab(this.url, one ? false : {});
        if (one) this.reloadTab();
        else if (data) {
            var url = "data:," + encodeURIComponent(
                self.Help + this.contentSheetURL + '", ' + JSON.stringify(data) + ");"
            );
            for(var ind = 0; ind < count; ind++) {
                var child = Services.ppmm.getChildAt(ind);
                var rt = child.remoteType;
                rt && this.re.test(rt) && child.loadProcessScript(url, false);
            }
        }
        this.restyle(250);
    },
    async reload(sheet, obj) {
        try {var style = await (await fetch(sheet.href)).text();}
        catch (ex) {return obj;}
        InspectorUtils.parseStyleSheet(sheet, style);
        if (obj) obj[sheet.href] = style;
        for(var ind = 0, len = sheet.cssRules.length; ind < len; ind++) {
            var rule = sheet.cssRules.item(ind);
            rule.type == rule.IMPORT_RULE
            && rule.styleSheet.href.startsWith("file:///")
            && await this.reload(rule.styleSheet, obj);
        }
        return obj;
    },
    reloadTab(url, obj) {
        var tab = gBrowser.addTab(url, {skipAnimation: true, triggeringPrincipal: document.nodePrincipal});
        tab.style.setProperty("display", "none", "important");
        return new Promise(resolve => {
            var result, stop, destroy = () => {
                if (!stop) resolve(result), gBrowser.removeTab(tab), stop = true;
            }
            setTimeout(destroy, 500);
            try {
                tab.linkedBrowser.addEventListener("DOMContentLoaded", async e => {
                    var sheet = this.getSheet(e.target, this.contentSheetURL);
                    if (sheet) result = await this.reload(sheet, obj);
                    destroy();
                }, {once: true});
            }     catch(ex) {
                    destroy();
                }
        });
    },
    getSheet(doc, href) {
        var sheets = InspectorUtils.getAllStyleSheets(doc);
        return sheets.find(sheet => sheet.href == href);
    },
    get contentSheetURL() {
        var file = Services.dirsvc.get("UChrm", Ci.nsIFile);
        file.append("userContent.css");
        if (!file.exists()) return null;
        delete this.contentSheetURL;
        return this.contentSheetURL = Services.io.newFileURI(file).spec;
    },
    get restyle() {
        var sss = Cc["@mozilla.org/content/style-sheet-service;1"].getService(Ci.nsIStyleSheetService);
        var uri = Services.io.newURI("data:text/css,:root{}"), type = sss.USER_SHEET;
        delete this.restyle; return this.restyle = delay => setTimeout(() => {
            sss.loadAndRegisterSheet(uri, type);
            sss.unregisterSheet(uri, type);
        }, delay);
    },
    get chromeSheet() {
        var file = Services.dirsvc.get("UChrm", Ci.nsIFile);
        file.append("userChrome.css");
        if (!file.exists()) return null;
        var href = Services.io.newFileURI(file).spec;
        var sheet = this.getSheet(document, href);
        if (!sheet) return null;
        delete this.chromeSheet; return this.chromeSheet = sheet;
    }
});

Alles anzeigen

03_leistenfolge+farben_89.css

CSS

/*    03_leistenfolge+farben_89.css
    GEWÜNSCHTE Leisten-Farben              
    220609: FF89neu 
    Weit vorne, damit ich auch mitbekommne, was, wo, warum oder nicht ;)
 */
/*
    Titelzeile            = #titlebar                = unveränderbar, WIN-bestimmt

    #toolbar-menubar    = Menü-Bereich             = 1    = coral
    #fp-statusbar-2        = Status-bar             = 2    = gainsboro            = Suchen+AddOns 
    #PersonalToolbar    = Lesezeichen-Bereich    = 3    = yellow
    #nav-bar            = Navigations-Bereich      = 4    = cornflowerblue    = aktuelle URL und diverses
    #TabsToolbar         = TAB-Bereich             = 5    = default Farbe        = #eeeeee =helles grau

    Anmerkung: 
    Nach einem Kurzzeittest mit "Gold" scheint mir ein zu einheitliches Farb-Layout nicht zu liegen...

    230412: Vorbereitung FF113 
*/

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

    #toolbar-menubar {
        background: coral!important;
    }
    
    #fp-statusbar-2 {
        background: gainsboro !important;                 /*gainsboro, wenn oben ;)*/
        /* background: sandybrown !important;  */        /*sandybrown wenn unten ;)*/
    }
    
    #PersonalToolbar {
        background: yellow !important;    

        /* background: pink !important; */

        /*pink zum rumtesten*/
    }
    
    #nav-bar {
        order: 100 !important;         /*ab FF113 ? */
        -moz-box-ordinal-group: 100 !important;         /*funktioniert irgendwie :o */
        background: lightskyblue !important;            /* lightskyblue */
        order: 100 !important;                            
    }
    
    #TabsToolbar {
        background: #eeeeee !important;                /* #eeeeee=helles grau; pink zum rumtesten*/
    }
        
}

Alles anzeigen

about_downloads.css

CSS

/*    about:downloads anpassen*/

/*    ACHTUNG !!! das ist für wenns im TAB auftaucht */
/*                und das gehört in den content-Bereichwegen about: */

/*    211217    Nachfragen/Antworten/Einbau:
    https://www.camp-firefox.de/forum/thema/133984/?postID=1192861#post1192861
*/

/*    220922     für ALLE Fenster 
            sagt Dharkness: https://www.camp-firefox.de/forum/thema/135293
*/

    button.downloadButton.downloadIconShow {
        color: white !important;    
        border: 2px solid black !important;
        border-radius: 5px !important;
        background: lightgreen!important;
        margin: 2px !important;
    }
    button.downloadButton.downloadIconShow:hover {
        color: black!important;
        border: 2px solid black !important;
        border-radius: 5px !important;
        background: coral!important;
        margin: 2px !important;
    }    

/*    220923:    about:downloads den Leerbereich anpassen*/
    #downloadsListBox{
        border: 4px solid black !important;
        background-color: gold !important;
    }

    #contentAreaDownloadsView{
        border: 4px solid black !important;
        
        background-color: yellow !important;
        /* background-color: blue !important; */
    }

/*    211231:    Fortschritt bunt*/
/*    Andy:    https://www.camp-firefox.de/forum/thema/134010/?postID=1193247#post1193247 */
    .downloadProgress {
        appearance: none !important;
        height: 10px !important;
        background-color: yellow !important;
    }

    .downloadProgress::-moz-progress-bar {
        background-color: red !important;
        height: 10px !important;
    }

    .downloadProgress[paused]::-moz-progress-bar {
        background-color: lightgreen !important;
    }

Alles anzeigen

hth...

harff182

Melde jehorsamst: dat tut

Beides

Ich hab lediglich die Codes "aufgeräumt" = eingerückt und dann in 2 Files Farben zum Test geändert:

userChrome.css: 03_leistenfolge+farben_89.css

userContent.css: about_downloads.css

Beide werden jeweils per Import aus Unterverzeichnissen (css bzw contentCSS) geladen.

Beiträge von harff182

Toggle Findbar

Ab ff 128 dünne Linie bei Findbar fehlt

FF128: Urlbar verändert

FF128: Urlbar verändert

FF128: Urlbar verändert

FF128: Urlbar verändert

FF128: Urlbar verändert

FF128: Urlbar verändert

FF128: Urlbar verändert

FF126: AnimationToggleButton.uc.js tuts nich mehr

FF126: AnimationToggleButton.uc.js tuts nich mehr

FF126: TAB selected => TAB neu laden - script tuts nicht mehr

FF126: TAB selected => TAB neu laden - script tuts nicht mehr

Schrift auf Webseite anpassen / userContent.css?

userChrome.js Scripte für den Fuchs (Diskussion)

RE: userChrome.js Scripte für den Fuchs (Diskussion)

userChrome.js Scripte für den Fuchs (Diskussion)

userChrome.js Scripte für den Fuchs (Diskussion)

userChrome.js Scripte für den Fuchs (Diskussion)

userChrome.js Scripte für den Fuchs (Diskussion)

userChrome.js Scripte für den Fuchs (Diskussion)