Du willst unbedingt das Skript von BrokenHeard nutzen?
Nicht unbedingt, aber mir ist dabei aufgefallen, dass beim Aufruf eines Menüs die Zählung sofort vollständig angezeigt wird. Bei den anderen Scripten wird alles der Reihe nach von oben nach unten geladen.
Und die Symbole sollen wie in der Vorlage eingebettet sein?
Nicht unbedingt, wenn es mit dem Script auch anders zu regeln geht.
Evtl. ist hier ja ein anderes Emojis dabei, welches dir besser gefällt
Teste mal dieses Skript, und wenn Du da was umstellen willst, frage nach!
Ich helfe Dir gerne.
Danke, dieses benutze ich schon seit du es eingestellt hast.
Bei dieser Version weiß ich dann leider auch nicht weiter, wie das mit einer URL funktioniert...
Macht überhaupt nichts, da muss dann wohl ein Äkspärde ran.
Da musst ich leider passen, wie man da eine Url eintragen kann
Kein Beinbruch, Andreas, eventuell verrät es uns ja BrokenHeart
Was willst du denn genau machen? Bei den ganzen Versionen, sie hier mittlerweile kursieren, verliere ich den Überblick.
Ich auch, aber die letzte Version von BrokenHeart aus meinem Beitrag #583 läuft prima. Ganz unten sind die Icon eingearbeitet, welche ich, wenn es gehen sollte, austauschen möchte.
Teste bitte mal:
Perfekt, Andreas, da wäre ich nie drauf gekommen. Meine Versuche habe ich mit padding gemacht, aber das war nicht so gut.
Danke!
Hast du dafür auch noch einen Rat, wie bekomme ich über notepad die Icon aus dem Script gewechselt. Löschen funktioniert ja, aber das Einfügen will nicht gelingen.
Script von hier RE: Nur die Anzeige der Ordner/Lesezeichenanzahl in einer anderen Farbe darstellen funktioniert super.
Wie muss vorgegangen werden, damit die Zähler wieder rechtsbündig abschließen. Ich habe schon daran gebastelt, aber damit bin ich überfordert. Bitte helfen!
Was?
Die ganze Arbeit hatte doch Horstmann
Du hast ja nur dabei gestanden.
Sodele, mal was zum Testen für geneigte User, basierend auf dem Script von Mitleser
Das hast du gut gemacht. 
Habe es nur noch für das ExtraConfigMenu-Script erweitert. Mitleser hat gute Vorarbeit geleistet. Zum Testen ein nettes Spielzeug. Danke!
Ich habe da mal was zusammengeschustert!
Hast du gut gemacht.
Nur als Hinweis, wenn du es noch mit einarbeiten möchtest. Im Menü Datei gibt es noch den Eintrag "Neuer Tab in Umgebung" (mit Pfeil dahinter), deshalb habe ich in Zeile 25 das noch hinzugefügt
#menu_newUserContext menupopup, /* Neuer Tab in Umgebung */
Im Script Appmenu habe ich noch einige Submenüs, und damit die dann auch angesprochen werden der zusätzliche Block.
#AMpopup menu.menu-iconic menupopup {
opacity: 0 !important;
transform: translateX(-100%) !important;
}Der Verweis auf die Url zum FavIcon (auf C:) bringt mir aber bei einem port. FF nichts, insofern kann die auf jeden Fall raus.
Aber ja doch, denn du verwendest keine Icon, ich schon, und deshalb ist die Url dort angegeben.
Allerdings gibt es es kleines, kosmetisches Problem...welcher Teil in dem Script ist denn für die Textposition zuständig?
Du könntest das in der userChrome.css verwenden, margin dann anpassen.
/* Text auf Position gebracht */
#uc_menu_Restart_H.subviewbutton.subviewbutton-iconic label.toolbarbutton-text{
margin-left: 0px !important;
} Weiß jemand, wie es angepasst werden muss?
Probiere das mal bitte.
/* Hamburger Menu */
(function() {
if (location != 'chrome://browser/content/browser.xhtml') return;
var menuitem = document.createXULElement('toolbarbutton');
menuitem.id = 'uc_menu_Restart_H';
menuitem.classList.add('subviewbutton', 'subviewbutton-iconic');
menuitem.setAttribute('label' , 'Neustart');
menuitem.setAttribute('tooltiptext' , 'Neustart');
menuitem.style.listStyleImage= 'url(file:///C:/FoxIcons/restart2.png)';
menuitem.addEventListener('click', event => {
if (event.button == 1) {
Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit);
}
if (event.button == 0 || event.button == 2) {
Services.appinfo.invalidateCachesOnRestart();
Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit);
}
});
var refItem = document.getElementById('appMenu-viewCache').content.getElementById('appMenu-quit-button2');
refItem.parentNode.insertBefore(menuitem, refItem);
})();Einen schönen Sonntag wünsche ich Dir.
Einen schönen Sonntag wünsche ich Dir.
Danke, Endor , den wünsche ich Dir auch.
Schlecht, Fehler in Konsole.
Das if (location.href !== 'chrome://mozapps/content/downloads/unknownContentType.xhtml') return; nach (function () {
eingefügt, dann gibt es auch keine Fehlermeldong mehr. Oder?
Keine Probleme damit, es funktioniert.
Dein Skript bedient aber eine ganz andere Baustelle...
Wie wahr, wie wahr, kannst du mir vergeben?
Dazu hatte ich auch nichts gefunden, deshalb nutze ich dieses.
//Author @BrokenHeart
(function() {
if (!window.gBrowser){
return;
}
CustomizableUI.createWidget({
id: 'addons-update-button-ucjs',
defaultArea: CustomizableUI.AREA_NAVBAR,
label: 'Add-ons Update',
tooltiptext: 'Add-ons aktualisieren',
onCommand: onCommand,
onCreated: function(button) {
button.style.listStyleImage = 'url("file:///C:/FoxIcons2/0013.png")';}
});
function onCommand(event) {
let targetUpdateMessage=null;
let categories=null;
event.target.ownerGlobal.openTrustedLinkIn('about:addons', 'tab');
addEventListener('pageshow', function onPageshow(event) {
let document = event.target;
if (document.URL != 'about:addons')
return;
removeEventListener('pageshow', onPageshow);
categories = document.getElementById('categories');
targetUpdateMessage = document.querySelector('#page-header .main-heading #updates-message');
const configObserver = { attributes: true };
const observerUpdateMessage = new MutationObserver(callback);
observerUpdateMessage.observe(targetUpdateMessage, configObserver);
document.querySelector('addon-page-options panel-item[action="check-for-updates"]').click();
});
const callback = (mutationList, observer) => {
for (const mutation of mutationList) {
if (mutation.type === 'attributes') {
message = targetUpdateMessage.getAttribute('state');
if( message == "manual-updates-found" ) {
setTimeout(function() {
gBrowser.selectedTab.linkedBrowser.reload();
}, 1000);
categories.querySelector('button[viewid="addons://updates/available"]').click();
return;
}
else if( message == "none-found" )
{
// ..
return;
}
else if( message == "installed" )
{
document.querySelector('addon-page-options panel-item[action="view-recent-updates"]').click();
setTimeout(function() {
categories.querySelector('button[viewid="addons://updates/recent"]').click();
}, 1000);
return;
}
}
}
}
};
})();Ändere ganz unten let strCountOut1 = String(menuCount).padEnd(2, " ");
in let strCountOut1 = String(menuCount).padStart(2, " ");.
Perfekt! Danke!
Du hast das mit den Pfeilen doch selbst verursacht!!!
Neeeeeeee, damit hat es funktioniert.
Es sollte dann so aussehen:
Damit werden die Pfeile wieder in allen Menüs gezeigt. Nicht gut!!!
Lösche mal alles "unter" /* Pfeil */
und ersetze es einfach NUR durch menupopup > menu::after {Ohne jetzt meine Nigthly Maschine anzuwerfen, und auf dem Mac ist es sowieso nochmal anders: würde das nicht auch andere Pfeile ausserhalb der Bookmark Popups betreffen, zB Kontextmenus, wie etwas bei Rechtsklick auf Tabs?
Also evtl. sowas wie .bookmark-item::after, oder .bookmark-item menu::after ?
Was wir hier schon mal diskutiert hatten, glaub ich.
Aber egal, den Wust an Code von FF für die ganzen Details brauchts wohl nicht, va wenn man alle Bookmarks Pfeile ohne Beschränkung ansprechen will, da haste recht.
.bookmark-item::after , damit funktioniert es. Danke!
Nun fehlt nur noch in Miras Script, dass die Zahlen bei den Ordnern rechtsbündig sind. Wie machen?
Zeig her "Dein" Skript
und gib mir bitte auch die Symbole zum Testen.
Bitteschön!
// BookmarkCount.uc.js
/* ******************************************************************************************************************* */
/* Author BrokenHeart => https://www.camp-firefox.de/forum/thema/136572/?postID=1229536#post1229536 **** */
/* Correction from BrokenHeart => https://www.camp-firefox.de/forum/thema/136572/?postID=1229696#post1229696 **** */
/* Extension from Sören Henschel => https://www.camp-firefox.de/forum/thema/136572/?postID=1229555#post1229555 **** */
/* Customized by Mira inspired by grisu2099 ********************************************************************** */
/* Source => https://www.camp-firefox.de/forum/thema/136572/?postID=1229875#post1229883 **** */
/* Customized by Mira inspired by Horstmann ********************************************************************** */
/* Source => https://www.camp-firefox.de/forum/thema/136572/?postID=1229993#post1229993 **** */
/* Adjustments for 139 and customized by Mira inspired by Horstmann ********************************************** */
/* Source => https://www.camp-firefox.de/forum/thema/136572/?postID=1270254#post1270254 **** */
/* ******************************************************************************************************************* */
/* Version 1.01 => https://www.camp-firefox.de/forum/thema/136572/?postID=1230128#post1230128 **** */
/* Version 1.02 => https://www.camp-firefox.de/forum/thema/136572/?postID=1230334#post1230334 **** */
/* Version 1.03a => https://www.camp-firefox.de/forum/thema/136572/?postID=1270258#post1270258 **** */
/* ******************************************************************************************************************* */
/* Custom Counter in the Bookmarks for folders and links ************************************************************* */
/* ******************************************************************************************************************* */
(function() {
if (!window.gBrowser)
return;
setTimeout(function() {
setFunction();
},50);
//Custom icons in profile/chrome/icons folder
let ProfilePath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'icons'));
let icon1 = "green.png"; // Custom Folder Icon
let icon2 = "009.png"; // Custom Link Icon
let icon3 = "rechts2.gif"; // Custom Arrow Icon
// Custom settings
let bm_font_size = 12;
let cs_font_weight = 700;
let bm_icon_size = 14;
// NEU: Schriftfarbe getrennt definieren
//let cs_font_color_1 = "#FFA500"; // Farbe für Folder-Zähler (links)
//let cs_font_color_2 = "#00FFFF"; // Farbe für Link-Zähler (rechts)
let cs_font_color_1 = "blue"; // Farbe für Folder-Zähler (links)
let cs_font_color_2 = "brown"; // Farbe für Link-Zähler (rechts)
// NEU: Symbolfarber getrennt definieren
//let cs_icon_color_1 = "#5fe575"; // Farbe für "Ordner", 1.Symbol
//let cs_icon_color_2 = "#fbf328"; // Farbe für "Link", 2.Symbol
//let cs_icon_color_3 = "#bbf700"; // Farbe für den Pfeil
let cs_icon_color_1 = "#C0C0C0"; // Farbe für "Ordner", 1.Symbol
let cs_icon_color_2 = "#C0C0C0"; // Farbe für "Link", 2.Symbol
let cs_icon_color_3 = "#C0C0C0"; // Farbe für den Pfeil
// Calculated settings
let cs_font_size = `${bm_font_size}px`;
let cs_icon_size = `${bm_icon_size}px`;
let cs_width_one = `calc(${bm_icon_size}px + 1.4em)`;
let cs_width_uno = `calc(${bm_icon_size}px)`;
let cs_width_two = `calc(${bm_icon_size}px + 1.4em)`;
let cs_width_due = `calc(${bm_icon_size}px)`;
//let useStyle1 = true; // <- HIER Weiche setzen: true = Variante 1, false = Variante 2
let useStyle = 0; // <- HIER Weiche setzen: 0 = Symbole hinter den Zählern, 1 = Symbole vor den Zählern
// Symbole vor den Zählern
let css_one = `
/* Counter #1 Folder */
#bmContent::before {
content: attr(data-value1) !important;
width: ${cs_width_one} !important;
align-items: center !important;
display: flex !important;
justify-content: end !important;
/*margin-inline: 16px 4px; */ /* min. Abstand links für enge Popups, rechts zum 2ten Counter */
margin-left: 16px !important; /* Abstand links minimum für schmale Popus CHANGE */
margin-right: -1px !important; /* Abstand Icon "Ordner" bis zum "Zähler" */
background-image: url("${ProfilePath}/${icon1}")!important;
background-position: center right calc(${cs_width_one} - ${cs_icon_size}) !important;
background-repeat: no-repeat !important;
background-size: ${cs_icon_size} ${cs_icon_size} !important;
color: ${cs_font_color_1} !important; /* Farbe der 1. Zahl */
fill: ${cs_icon_color_1} !important; /* Farbe des 1. Symbols */
}
/* Counter #2 Links */
#bmContent::after {
content: attr(data-value2) !important;
width: ${cs_width_two} !important;
align-items: center !important;
display: flex !important;
justify-content: end !important;
/*margin-inline: -2px;*/
margin-left: 4px !important; /* Abstand "Zähler 1" zum Icon2 */
margin-right: -1px !important; /* Abstand Icon "Links" bis zum "Zähler" */
background-image: url("${ProfilePath}/${icon2}") !important;
background-position: center right calc(${cs_width_two} - ${cs_icon_size}) !important;
background-repeat: no-repeat !important;
background-size: ${cs_icon_size} ${cs_icon_size} !important;
color: ${cs_font_color_2} !important; /* Farbe der 2. Zahl */
fill: ${cs_icon_color_2} !important; /* Farbe des 2. Symbols */
}
`;
// Symbole hinter den Zählern
let css_two = `
/* Counter #1 Folder */
#bmContent::before {
content: attr(data-value1) !important;
width: ${cs_width_one} !important;
align-items: center !important;
display: flex !important;
justify-content: end !important;
background-image: url("${ProfilePath}/${icon1}")!important;
background-position: center right calc(${cs_width_uno} - ${cs_icon_size}) !important;
background-repeat: no-repeat !important;
background-size: ${cs_icon_size} ${cs_icon_size} !important;
color: ${cs_font_color_1} !important; /* Farbe der 1. Zahl */
fill: ${cs_icon_color_1} !important; /* Farbe des 1. Symbols */
padding: 2px 20px 0px 10px !important; /* top | right | bottom | left */
/*margin-inline: 0px -10px; */
margin-left: 16px !important; /* Abstand links minimum für schmale Popus CHANGE */
margin-right: 12px !important; /* Abstand Icon "Ordner" bis zum "Zähler" */
}
#bmContent::after {
content: attr(data-value2) !important;
width: ${cs_width_two} !important;
align-items: center !important;
display: flex !important;
justify-content: end !important;
/*justify-content: flex-end; */
background-image: url("${ProfilePath}/${icon2}")!important;
background-position: center right calc(${cs_width_due} - ${cs_icon_size}) !important;
background-repeat: no-repeat !important;
background-size: ${cs_icon_size} ${cs_icon_size} !important;
color: ${cs_font_color_2} !important; /* Farbe der 2. Zahl */
fill: ${cs_icon_color_2} !important; /* Farbe des 2. Symbols */
padding: 2px 22px 0 0 !important; /* top | right | bottom | left */
margin-left: -14px !important; /* Abstand "Zähler 1" zum Icon2 */
margin-right: -1px !important; /* Abstand Icon "Links" bis zum "Zähler" */
}
`;
function setFunction() {
const css =`
/* Counter rechtsbuendig */
#bmContent {
display: flex !important;
margin-inline: auto 0 !important;
font-family: Consolas, "Lucida Console", "Courier New", monospace !important;
font-size: ${cs_font_size} !important;
font-weight: ${cs_font_weight} !important;
height: ${cs_icon_size} !important;
}
/* Dynamisch gewählter before-Block */
${useStyle ? css_one : css_two}
/* Pfeil */
#bookmarksToolbarFolderPopup menu.menu-iconic.bookmark-item menupopup menu.menu-iconic.bookmark-item::after,
#bookmarksToolbarFolderPopup > menu::after,
#bookmarksToolbarFolderPopup > menupopup::after,
#bookmarksMenuPopup > menu::after {
content: "" !important;
background-image: url("${ProfilePath}/${icon3}")!important;
height: ${cs_icon_size} !important;
height: ${cs_icon_size} !important;
fill: ${cs_icon_color_3} !important;
}
`;
const sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
const uri = Services.io.newURI('data:text/css,' + encodeURIComponent(css));
sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
let bmbMenu = document.getElementById('bookmarks-menu-button');
let bookMenu = document.getElementById('bookmarksMenu');
let persToolBar = document.getElementById('PersonalToolbar');
if(bmbMenu)
bmbMenu.addEventListener('popupshowing', onPopupShowing );
if(bookMenu)
bookMenu.addEventListener('popupshowing', onPopupShowing );
if(persToolBar)
persToolBar.addEventListener('popupshowing', onPopupShowing );
}
function onPopupShowing(aEvent) {
let popup = aEvent.originalTarget;
for (let item of popup.children) {
if (item.localName != 'menu' || item.id?.startsWith('history'))
continue;
setTimeout(() => {
let itemPopup = item.menupopup;
itemPopup.hidden = true;
itemPopup.collapsed = true;
itemPopup.openPopup();
itemPopup.hidePopup();
let menuitemCount = 0;
let menuCount = 0;
for (let subitem of itemPopup.children) {
if (subitem.classList.contains('bookmark-item') && !subitem.disabled && !subitem.hidden) {
if (subitem.localName == 'menuitem') {
menuitemCount++;
} else if (subitem.localName == 'menu') {
menuCount++;
}
}
}
itemPopup.hidden = false;
itemPopup.collapsed = false;
// Neues Element für Zaehler
let bmCounta = item.childNodes[1];
if (!bmCounta) return; // Falls undefiniert
bmCounta.innerHTML = ""
let bmContent = document.createElement("bmContent");
bmContent.id = "bmContent";
bmCounta.appendChild(bmContent);
//let strCountOut1 = " " + menuCount + " "; // Has no brackets
//let strCountOut1 = "(" + menuCount + ")"; // Has round brackets
//let strCountOut1 = "[" + menuCount + "]"; // Has square brackets
let strCountOut1 = String(menuCount).padEnd(2, " ");
bmContent.setAttribute('data-value1', strCountOut1);
//let strCountOut2 = " " + menuitemCount + " "; // Has no brackets
//let strCountOut2 = "(" + menuitemCount + ")"; // Has round brackets
//let strCountOut2 = "[" + menuitemCount + "]"; // Has square brackets
// let strCountOut2 = String(menuitemCount).padEnd(2, " ");
// bmContent.setAttribute('data-value2', strCountOut2);
let strCountOut2 = (useStyle === 0)
? String(menuitemCount).padStart(4, "/ ")
: String(menuitemCount).padEnd(2, " ");
bmContent.setAttribute('data-value2', strCountOut2);
}, 100);
}
}
})();
Da wäre dann noch etwas, die Zähler für die Ordner sollten rechtsbündig sein.
Doch, Andreas, musste es nur noch erweitern bis zur dritten Ebene. Danke für den Hinweis.
/* Pfeil */
#bookmarksToolbarFolderPopup menu.menu-iconic.bookmark-item menupopup menu.menu-iconic.bookmark-item::after,
#bookmarksToolbarFolderPopup > menu::after,
#bookmarksToolbarFolderPopup > menupopup::after,
#bookmarksMenuPopup > menu::after {