Das war bestimmt der html-Kurs in dem ich auch war...vor 30 Jahren!🤮️
Und produziert als .fla, umgewandelt dann in .mp4...🤪
Das war bestimmt der html-Kurs in dem ich auch war...vor 30 Jahren!🤮️
Und produziert als .fla, umgewandelt dann in .mp4...🤪
Eine Ära geht zu ende:
Schön, dass du wieder da bist.
Ich hatte dich schon vermisst.
Wo warst du die letzten zwei wochen?
Krank? Urlaub? Im Koma?
Endlich kann ich wieder herzhaft lachen!
Ist allemal besser als TV.
Danke dass du wieder hier bist!
Ich denke , dass du jetzt genug Stoff zum basteln und nachdenken hast...
Eins noch:
In Zeile 9 hat jizz einen Flüchtigkeitsfehler gemacht, die ID heißt nicht:
sondern:
gn8
Hallo Mira_Belle,
das Probl. ist komplizierter als du denkst,
verschieben und clonen mit FFeigenen Buttons mit .js ist relativ einfach.
bei Ext. verhält sich das aber durchaus anders.
Als Beisp. dieser Link:
Edit:
Die Lsg. ist hier.:
Ich hoffe du kommst damit weiter.
Das kann ich bestätigen.
Ich habe ca. 20 Erweiterungen in der zusätzlichen Leiste und damit keinerlei Probleme.
Ich nutze dieses Script mit zusätzlichem css (nicht relevant):
/* Statusleiste für Firefox */
(function() {
if (location != 'chrome://browser/content/browser.xhtml')
return;
var tb = document.createXULElement('toolbar');
tb.id = 'new-toolbar';
tb.setAttribute('customizable', true);
tb.setAttribute('mode', 'icons');
tb.setAttribute("context","toolbar-context-menu");
var vbox = document.createXULElement('vbox');
document.getElementById('navigator-toolbox').parentNode.parentNode.insertBefore( vbox, null);
//vbox.style.backgroundColor = '#323234';
vbox.appendChild(tb);
CustomizableUI.registerArea('new-toolbar', {legacy: true});
CustomizableUI.registerToolbarNode(tb);
})();
Alles anzeigen
/*-------------------------------------------------------------*/
/*07new-toolbar_106.css*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■WIN■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
Media (-moz-platform: windows-win7),
(-moz-platform: windows-win8),
(-moz-platform: windows-win10) {
#new-toolbar{
background-color: var(--uc-color-theme-grey)!important;
border: none !important;
border-top: 1px solid var(--uc-border-color) !important;
box-shadow: none !important;
--toolbarbutton-inner-padding: 6px !important;
--toolbarbutton-outer-padding: 0px !important;
overflow: hidden !important;
bottom: 0 !important;
height: 0px !important;
min-height: 0px !important;
max-height: 0px !important;
margin-top: -5px !important;
margin-bottom: 0px !important;
opacity: 0 !important;
transition: height .1s linear .1s, min-height .1s linear .1s, ma-height .1s linear .1s, opacity .1s linear .1s, margin-top .1s linear .1s !important;
}
#new-toolbar:hover {
height: var(--uc-bar-height) !important;
min-height: var(--uc-bar-height) !important;
max-height: var(--uc-bar-height) !important;
margin-top: 0px !important;
opacity: 1 !important;
transition: height .3s linear .1s, min-height .3s linear .1s, ma-height .3s linear .1s, opacity .3s linear .1s, margin-top .3s linear .1s !important;
overflow: hidden !important;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#new-toolbar {
background-color: var(--uc-color-theme-grey)!important;
max-height: var(--uc-tabs-height) !important;
box-shadow: none !important;
overflow: hidden!important;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#new-toolbar toolbarbutton .toolbarbutton-icon {
margin-bottom: -3px !important;
margin-top: -3px !important;
overflow: hidden !important;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#new-toolbar toolbarbutton,
#new-toolbar .toolbarbutton-1 {
height: var(--uc-bar-height) !important;
min-height: var(--uc-bar-height) !important;
max-height: var(--uc-bar-height) !important;
overflow: hidden !important;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#new-toolbar .toolbarbutton-1 {
margin-top: -2px !important;
}
#new-toolbar toolbarbutton {
margin-bottom: -1px !important;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
:root[customizing] #new-toolbar{
height: var(--uc-bar-height) !important;
min-height: var(--uc-bar-height) !important;
max-height: var(--uc-bar-height) !important;/**/
margin-top: 0px !important;
opacity: 1 !important;
transition: none !important;
}
:root[customizing] #new-toolbar:hover{
height: var(--uc-bar-height) !important;
min-height: var(--uc-bar-height) !important;
max-height: var(--uc-bar-height) !important;/**/
margin-top: 0px !important;
opacity: 1 !important;
transition: none !important;
}
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■LIN■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
Media (-moz-platform: linux) {
#new-toolbar{
background-color: var(--uc-color-theme-grey)!important;
border: none !important;
border-top: 1px solid var(--uc-border-color) !important;
box-shadow: none !important;
--toolbarbutton-inner-padding: 6px !important;
--toolbarbutton-outer-padding: 0px !important;
overflow: hidden !important;
bottom: 0 !important;
height: 0px !important;
min-height: 0px !important;
max-height: 0px !important;
margin-top: -5px !important;
margin-bottom: 0px !important;
opacity: 0 !important;
transition: height .1s linear .1s, min-height .1s linear .1s, ma-height .1s linear .1s, opacity .1s linear .1s, margin-top .1s linear .1s !important;
}
#new-toolbar:hover {
height: var(--uc-bar-height) !important;
min-height: var(--uc-bar-height) !important;
max-height: var(--uc-bar-height) !important;/**/
margin-top: 0px !important;
opacity: 1 !important;
transition: height .3s linear .1s, min-height .3s linear .1s, ma-height .3s linear .1s, opacity .3s linear .1s, margin-top .3s linear .1s !important;
overflow: hidden !important;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#new-toolbar {
background-color: var(--uc-color-theme-grey)!important;
max-height: var(--uc-tabs-height) !important;
box-shadow: none !important;
overflow: hidden!important;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#new-toolbar toolbarbutton .toolbarbutton-icon {
margin-bottom: -3px !important;
margin-top: -3px !important;
overflow: hidden !important;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#new-toolbar toolbarbutton,
#new-toolbar .toolbarbutton-1 {
height: var(--uc-bar-height) !important;
min-height: var(--uc-bar-height) !important;
max-height: var(--uc-bar-height) !important;
overflow: hidden !important;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#new-toolbar .toolbarbutton-1 {
margin-top: -2px !important;
}
#new-toolbar toolbarbutton {
margin-bottom: -1px !important;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
:root[customizing] #new-toolbar{
height: var(--uc-bar-height) !important;
min-height: var(--uc-bar-height) !important;
max-height: var(--uc-bar-height) !important;/**/
margin-top: 0px !important;
opacity: 1 !important;
transition: none !important;
}
:root[customizing] #new-toolbar:hover{
height: var(--uc-bar-height) !important;
min-height: var(--uc-bar-height) !important;
max-height: var(--uc-bar-height) !important;/**/
margin-top: 0px !important;
opacity: 1 !important;
transition: none !important;
}
}
------------------------------------------------/**//*
#statuspanel {
bottom: -23px !important;
margin-left: 0px !important;
border: none !important;
margin-top: -3px !important;
}
#statuspanel-label {
margin-left: 90px !important;
border: none !important;
background: transparent !important;
color: blue !important;
font-weight: bold !important;
}
*/
Läuft! Vielen lieben Dank!
ZitatWusste jetzt gar nicht, nach was ich eigentlich suchen sollte...
War gestern schon etwas spät, und das Originalscript habe ich auch nicht gefunden. Nächstes mal wird's besser und auf jeden Fall mit Beschreibung.
Das funzt, ich weiß gar nicht was ich sagen soll, einfach gut, und so schnell. Danke!
Ohne jetzt aufdringlich zu sein, geht das auch mit diesem, sehr ähnlichem Script:
(function() {
if (!window.gBrowser)
return;
function setFunction() {
PlacesViewBase.prototype._onPopupShowing = function PVB__onPopupShowing(aEvent) {
let popup = aEvent.originalTarget;
this._ensureMarkers(popup);
if ("_delayedRemovals" in popup) {
while (popup._delayedRemovals.length) {
popup.removeChild(popup._delayedRemovals.shift());
}
}
if (popup._placesNode && PlacesUIUtils.getViewForNode(popup) == this) {
if (!popup._placesNode.containerOpen) {
popup._placesNode.containerOpen = true;
}
if (!popup._built) {
this._rebuildPopup(popup);
}
this._mayAddCommandsItems(popup);
}
/* original function end */
for (let item of popup.children) {
if (item.localName != 'menu' || item.id?.startsWith('history'))
continue;
setTimeout(() => {
let itemPopup = item.menupopup;
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++;
}
}
}
if (!item.labelOriginal) {
item.labelOriginal = item.label;
}
item.labelSuffix = ' (' + menuCount + '/' + menuitemCount + ')';
// item.setAttribute("id", "menu-menuitem-count");
// item.labelSuffix.setAttribute("color", "red");
// item.labelSuffix = className("menu-menuitem-count");
// item.labelSuffix.className = "menu-menuitem-count";
// menuitemCount.setAttribute("id", "menu-menuitem-count");
item.label = item.labelOriginal + item.labelSuffix;
}, 100);
}
popup.addEventListener('popuphidden', function onPopuphidden(event) {
if (event.target != this)
return;
popup.removeEventListener('popuphidden', onPopuphidden);
for (let item of popup.children) {
if (item.localName == 'menu') {
if (item.labelOriginal) {
item.label = item.labelOriginal;
item.labelOriginal = undefined;
}
}
}
});
}
}
let intId = setInterval(() => {
if (window.PlacesViewBase) {
clearInterval(intId);
setFunction();
}
}, 500);
})();
Alles anzeigen
Ich benutze ein ähnliches Script aus:
(function() {
if (!window.gBrowser)
return;
function setFunction() {
PlacesViewBase.prototype._mayAddCommandsItems =
function PVB__mayAddCommandsItems(aPopup) {
// The command items are never added to the root popup.
if (aPopup == this._rootElt) {
return;
}
// if there is no name item, insert it; update label
if (!aPopup.firstChild.classList.contains("name-menuitem")) {
aPopup.insertBefore(document.createXULElement("menuseparator"), aPopup.firstChild);
let nameItem = document.createXULElement("menuitem");
nameItem.classList.add("name-menuitem");
aPopup.insertBefore(nameItem, aPopup.firstChild);
}
aPopup.firstChild.label = aPopup.parentNode.label;
let hasMultipleURIs = false;
// Check if the popup contains at least 2 menuitems with places nodes.
// We don't currently support opening multiple uri nodes when they are not
// populated by the result.
if (aPopup._placesNode.childCount > 0) {
let currentChild = aPopup.firstElementChild;
let numURINodes = 0;
while (currentChild) {
if (currentChild.localName == "menuitem" && currentChild._placesNode) {
if (++numURINodes == 2) {
break;
}
}
currentChild = currentChild.nextElementSibling;
}
hasMultipleURIs = numURINodes > 1;
}
if (!hasMultipleURIs) {
aPopup.setAttribute("nofooterpopup", "true");
} else {
aPopup.removeAttribute("nofooterpopup");
}
if (!hasMultipleURIs) {
// We don't have to show any option.
if (aPopup._endOptOpenAllInTabs) {
aPopup.removeChild(aPopup._endOptOpenAllInTabs);
aPopup._endOptOpenAllInTabs = null;
aPopup.removeChild(aPopup._endOptSeparator);
aPopup._endOptSeparator = null;
}
} else if (!aPopup._endOptOpenAllInTabs) {
// Create a separator before options.
aPopup._endOptSeparator = document.createXULElement("menuseparator");
aPopup._endOptSeparator.className = "bookmarks-actions-menuseparator";
aPopup.appendChild(aPopup._endOptSeparator);
// Add the "Open All in Tabs" menuitem.
aPopup._endOptOpenAllInTabs = document.createXULElement("menuitem");
aPopup._endOptOpenAllInTabs.className = "openintabs-menuitem";
if (typeof this.options.extraClasses.entry == "string") {
aPopup._endOptOpenAllInTabs.classList.add(
this.options.extraClasses.entry
);
}
if (typeof this.options.extraClasses.footer == "string") {
aPopup._endOptOpenAllInTabs.classList.add(
this.options.extraClasses.footer
);
}
aPopup._endOptOpenAllInTabs.setAttribute(
"oncommand",
"PlacesUIUtils.openMultipleLinksInTabs(this.parentNode._placesNode, event, " +
"PlacesUIUtils.getViewForNode(this));"
);
aPopup._endOptOpenAllInTabs.setAttribute(
"label",
gNavigatorBundle.getString("menuOpenAllInTabs.label")
);
aPopup.appendChild(aPopup._endOptOpenAllInTabs);
}
}
}
let intId = setInterval(function() {
if (window.PlacesViewBase) {
clearInterval(intId);
setFunction();
}
}, 500);
})();
Alles anzeigen
Leider habe ich es nicht geschafft dieses anzupassen.
Könnte mir bitte jemand helfen?
Danke! Danke!
Sollte es wichtig sein hier die css dazu:
.bookmark-item menupopup menuitem.name-menuitem {
background-color: gray !important;
min-width: 150px !important;
height: 21px !important;
min-height: 21px !important;
max-height: 21px !important;
padding-right: auto !important;
padding-left: 17px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.bookmark-item menupopup menuitem.name-menuitem .menu-text {
display: flex !important;
text-transform: uppercase !important;
justify-content: center !important;
margin-top: 0px !important;
}