zu Base64-Code
Nope, ich bin z.Z. dabei, alle Base64-Grafiken durch echte Grafiken zu ersetzen und bei diesen Javascript benötige ich keine Grafik, das war nur ein Test für omar1979.
zu Base64-Code
Nope, ich bin z.Z. dabei, alle Base64-Grafiken durch echte Grafiken zu ersetzen und bei diesen Javascript benötige ich keine Grafik, das war nur ein Test für omar1979.
Dann solltest Du auch das aktuelle Icon einsetzen.
Das war nur ein Test, so ↓ sieht es jetzt aus.
Wie viele Wünsche sich mit einem einzigen Skript erfüllen lassen.
Inder Tat.
Bei dir geht es auf der Menüleiste ziemlich gedrängt zu.
Alles ist auf so viel Fläche für die Website wie möglich getrimmt.
Konsequenterweise solltest du auch noch die deutschen Farben hinter die Datumsangabe legen.
So ↓?
Danke. Habe deine Zeile 26 var cssA in dem Script den ich benütze eingefügt und es für mich angepasst.
Schön, das ich helfen konnte.
Danke 2002Andreas wird es auch funken, wenn ich es im Script einbaue?
So ↓ habe ich das jetzt gelöst.
// Firefox-Version, Datum und Uhrzeit by Milupo und Gabbo
(function() {
function doDatClock() {
// var timestr = new Date().toLocaleDateString( locale , options ).replace(/[\,]/,' \u2011');
var timestr = new Date().toLocaleDateString( locale , options ).replace(/[\,]/,'');
const blanks = '\u2013';
let i = timestr.lastIndexOf(' ');
timestr = timestr.substring(0,i).replace(/[\,]/,' \u2011 ').replace(/[\.]/,'') + timestr.substring(i+1) + ' Uhr';
if (count == 1) {
var counter = new Date(2000 * sec).toISOString().substr(11, 8).replace(/[\,]/,' \u2011 '); // .replace(/^[0:]+/, '') // if you want to replace zeroes and colons
timestr = timestr + ' (' + counter + ')';
sec++;
}
ClockLabel.setAttribute('value', timestr);
}
var count = 0; // Wenn Sie keinen Zähler wollen, setzen Sie ihn auf Null. - if you don't want a counter set this to zero
var agent = 1; // Wenn Sie nur die Uhr haben wollen, setzen Sie dies auf Null. - if you just want the clock set this to zero
var language = 'de-DE'; // locale, e.g. 'de-DE' , 'en-US' , 'fr-FR'
var personalText = ''; // your personal text here
var bitnr = ` (${Services.appinfo.is64Bit ? 64 : 32}-bit)`;
// var cssFontFamily = 'DejaVu Sans';
var cssColor = 'wheat'; // Font Color
var css = 'text-align: center; min-height: 20px; max-height: 20px; background-color: #474242; border-left: 1px solid #B2B2B2; padding-top: 1px; padding-right: 3px; padding-bottom: 0px; padding-left: 3px; color: ' + cssColor + '; font-weight: 500; text-shadow: none; width: 220px; margin-right: 1px; margin-bottom: 0px; margin-left: 0px;';
var cssA = 'text-align: right; background: #474242 url("file:///H:/Profile/Firefox/Fx57-H-Default/chrome/icons/Bild68a.png")no-repeat !important; background-position: 5px 2px !important; min-height: 20px; max-height: 20px; padding-right: 3px; padding-bottom: 0px; padding-left: 24px !important; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; width: 148px;';
var options = {
weekday: 'long',
year: 'numeric',
month: 'short',
day: 'numeric',
hour: '2-digit',
minute: '2-digit',
second: '2-digit'
};
var sec = 0;
var locale = language || window.navigator.languages[0];
var position = document.getElementById('helpMenu'); // Datumsangabe in Menüleiste
// var position = document.getElementById('urlbar-container'); // Datumsangabe in Symbolleiste hinter Adressleiste
var ClockLabel = document.createXULElement('label');
ClockLabel.setAttribute('id', 'statusbar-clock-display');
ClockLabel.setAttribute('class', 'statusbarpanel-text');
ClockLabel.setAttribute('style', css);
position.parentNode.insertBefore(ClockLabel, position.nextSibling);
if (agent == 1) {
var AgentLabel = document.createXULElement('label');
AgentLabel.setAttribute('id', 'statusbar-agent-display');
AgentLabel.setAttribute('class', 'statusbarpanel-text');
AgentLabel.setAttribute('style', css + cssA);
var FFstr = window.navigator.userAgent.split(' ');
var FF = FFstr[FFstr.length - 1].replace('/', ' ');
// var text = "Firefox " + gAppInfo.version + personalText;
// Cc["@mozilla.org/xre/app-info;1"].getService(Ci.nsIXULAppInfo).QueryInterface(Ci.nsIXULRuntime);
var text = "Firefox " + AppConstants.MOZ_APP_VERSION_DISPLAY + bitnr + personalText;
AgentLabel.setAttribute('value', text);
position.parentNode.insertBefore(AgentLabel, position.nextSibling);
}
if (count == 1) {
ClockLabel.addEventListener('dblclick', function() { sec = 0; });
}
window.setInterval(doDatClock, 1000);
})();
Alles anzeigen
Hallo milupo,
so * sieht jetzt mein Endergebnis aus und verwende dafür die ** ausgearbeitete Variante des Scripts.
*
**
// Firefox-Version, Datum und Uhrzeit by Milupo und Gabbo
(function() {
function doDatClock() {
// var timestr = new Date().toLocaleDateString( locale , options ).replace(/[\,]/,' \u2011');
var timestr = new Date().toLocaleDateString( locale , options ).replace(/[\,]/,'');
const blanks = '\u2013';
let i = timestr.lastIndexOf(' ');
timestr = timestr.substring(0,i).replace(/[\,]/,' \u2011 ').replace(/[\.]/,'') + timestr.substring(i+1) + ' Uhr';
if (count == 1) {
var counter = new Date(2000 * sec).toISOString().substr(11, 8).replace(/[\,]/,' \u2011 '); // .replace(/^[0:]+/, '') // if you want to replace zeroes and colons
timestr = timestr + ' (' + counter + ')';
sec++;
}
ClockLabel.setAttribute('value', timestr);
}
var count = 0; // Wenn Sie keinen Zähler wollen, setzen Sie ihn auf Null. - if you don't want a counter set this to zero
var agent = 1; // Wenn Sie nur die Uhr haben wollen, setzen Sie dies auf Null. - if you just want the clock set this to zero
var language = 'de-DE'; // locale, e.g. 'de-DE' , 'en-US' , 'fr-FR'
var personalText = ''; // your personal text here
var bitnr = ` (${Services.appinfo.is64Bit ? 64 : 32}-bit)`;
// var cssFontFamily = 'DejaVu Sans';
var cssColor = 'wheat'; // Font Color
var css = 'min-height: 20px; max-height: 20px; background-color: #474242; border-left: 1px solid #B2B2B2; padding-top: 1px; padding-bottom: 0px; padding-left: 3px; color: ' + cssColor + '; font-weight: 500; text-shadow: none; width: 220px; margin-right: 1px; margin-bottom: 0px; margin-left: 0px;';
var cssA = 'min-height: 20px; max-height: 20px; background-color: #474242; padding-right: 3px; padding-bottom: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; width: auto;';
var options = {
weekday: 'long',
year: 'numeric',
month: 'short',
day: 'numeric',
hour: '2-digit',
minute: '2-digit',
second: '2-digit'
};
var sec = 0;
var locale = language || window.navigator.languages[0];
var position = document.getElementById('helpMenu'); // Datumsangabe in Menüleiste
// var position = document.getElementById('urlbar-container'); // Datumsangabe in Symbolleiste hinter Adressleiste
var ClockLabel = document.createXULElement('label');
ClockLabel.setAttribute('id', 'statusbar-clock-display');
ClockLabel.setAttribute('class', 'statusbarpanel-text');
ClockLabel.setAttribute('style', css);
position.parentNode.insertBefore(ClockLabel, position.nextSibling);
if (agent == 1) {
var AgentLabel = document.createXULElement('label');
AgentLabel.setAttribute('id', 'statusbar-agent-display');
AgentLabel.setAttribute('class', 'statusbarpanel-text');
AgentLabel.setAttribute('style', css + cssA);
var FFstr = window.navigator.userAgent.split(' ');
var FF = FFstr[FFstr.length - 1].replace('/', ' ');
// var text = "Firefox " + gAppInfo.version + personalText;
// Cc["@mozilla.org/xre/app-info;1"].getService(Ci.nsIXULAppInfo).QueryInterface(Ci.nsIXULRuntime);
var text = "Firefox " + AppConstants.MOZ_APP_VERSION_DISPLAY + bitnr + personalText;
AgentLabel.setAttribute('value', text);
position.parentNode.insertBefore(AgentLabel, position.nextSibling);
}
if (count == 1) {
ClockLabel.addEventListener('dblclick', function() { sec = 0; });
}
window.setInterval(doDatClock, 1000);
})();
Alles anzeigen
Teste bitte mal:
In Deinem Screenshot ist das Komma nach dem Tag (Samstag) schon zu sehen, also haut month: 'short', irgendwie negativ dazwischen.
Wer es testen möchte:
Funktioniert leider nicht mit month: 'short',.
Ändere die 5000 in 1000 und die Zeit sollte sich jede Sekunde aktualisieren.
Das war das erste, was ich zusätzlich geändert hatte, nachdem das Script eingedeutscht war, danach habe ich die Anzeige des Monats auf short gesetzt.
dass in Zeile 18 bei der Variable language hsb durch de-DE zu ersetzen ist.
Und in Zeile 61 muss Wersija durch Version oder Firefox ersetzt werden.
Du bist ja ein pfiffiges Kerlchen.
Probieren geht über studieren.
Du sprichst Sorbisch?
Nicht wirklich, aber das zu übersetzen war ja nun nicht wirklich schwierig.
P.S.:
Magst Du mir noch verklickern, wie ich entweder das Komma nach Datum entferne, oder eben das Minuszeichen?
Siehe dort ↓.
wie ich entweder das Komma nach Datum entferne, oder eben das Minuszeichen?
Erledigt, das timestr = timestr.substring(0, i) + blanks + timestr.substring(i + 1); zu dem timestr = timestr.substring(0, i) + ' ' + timestr.substring(i + 1); ändern.
Ich habe es hinbekommen:
So ↓ ist es dann in Deutsch.
(function() {
function doDatClock() {
var timestr = new Date().toLocaleDateString(locale, options);
const blanks = ' \u2013 ';
let i = timestr.lastIndexOf(' ');
timestr = timestr.substring(0, i) + blanks + timestr.substring(i + 1);
if (count == 1) {
var counter = new Date(2000 * sec).toISOString().substr(11, 8); // .replace(/^[0:]+/, '') // if you want to replace zeroes and colons
timestr = timestr + ' (' + counter + ')';
sec++;
}
ClockLabel.setAttribute('value', timestr);
}
var count = 0; // if you don't want a counter set this to zero
var agent = 1; // if you just want the clock set this to zero
var language = 'de-DE'; // locale, e.g. 'de-DE' , 'en-US' , 'fr-FR'
var personalText = ' '; // your personal text here
var bitnr = ` (${Services.appinfo.is64Bit ? 64 : 32}-bit)`;
var cssFontFamily = 'DejaVu Sans';
var cssColor = 'wheat'; // Font Color
var css = 'border-left: 1px solid #B2B2B2; padding-top: 1px; padding-left: 2px; color: ' + cssColor + '; font-weight: 500; text-shadow: none; width: 200px; margin-right: 1px; margin-left: 0px;';
var cssA = 'margin-left: 0px; width: auto;';
var options = {
weekday: 'long',
year: 'numeric',
month: 'short',
day: 'numeric',
hour: '2-digit',
minute: '2-digit',
second: '2-digit'
};
var sec = 0;
var locale = language || window.navigator.languages[0];
var position = document.getElementById('helpMenu'); // Datumsangabe in Menüleiste
// var position = document.getElementById('urlbar-container'); // Datumsangabe in Symbolleiste hinter Adressleiste
var ClockLabel = document.createXULElement('label');
ClockLabel.setAttribute('id', 'statusbar-clock-display');
ClockLabel.setAttribute('class', 'statusbarpanel-text');
ClockLabel.setAttribute('style', css);
position.parentNode.insertBefore(ClockLabel, position.nextSibling);
if (agent == 1) {
var AgentLabel = document.createXULElement('label');
AgentLabel.setAttribute('id', 'statusbar-agent-display');
AgentLabel.setAttribute('class', 'statusbarpanel-text');
AgentLabel.setAttribute('style', css + cssA);
var FFstr = window.navigator.userAgent.split(' ');
var FF = FFstr[FFstr.length - 1].replace('/', ' ');
// var text = "Firefox " + gAppInfo.version + personalText;
// Cc["@mozilla.org/xre/app-info;1"].getService(Ci.nsIXULAppInfo).QueryInterface(Ci.nsIXULRuntime);
var text = "Firefox " + AppConstants.MOZ_APP_VERSION_DISPLAY + bitnr + personalText;
AgentLabel.setAttribute('value', text);
position.parentNode.insertBefore(AgentLabel, position.nextSibling);
}
if (count == 1) {
ClockLabel.addEventListener('dblclick', function() { sec = 0; });
}
window.setInterval(doDatClock, 5000);
})();
Alles anzeigen
ich würde auch gerne hier und da etwas ändern,
aber bekomme es einfach nicht hin!
Die Farbe der Buttons, Kringel und Häkchen zum Bleistift.
Schau Dir mal das ↓ an.
/* druckvorschau.css */
.dialogBox.printDialogBox {
border: 2px solid #0082FC !important;
margin-top: -1px !important;
}
/* Druckpopup */
@-moz-document url-prefix("chrome://global/content/print.html") {
#printPreviewBrowser {
border-top: 1px solid #B2B2B2 !important;
border-bottom: 1px solid #B2B2B2 !important;
border-left: 1px solid #B2B2B2 !important;
}
.header-container {
border: 2px solid #0082FC !important;
border-top: 0 !important;
border-right: 0 !important;
}
form#print {
border: 0 !important;
border-left: 2px solid #0082FC !important;
}
summary[class="block-label section-block"] {
border: 1px solid #B2B2B2 !important;
background: #0082FC !important;
color: #FFF !important;
padding: 2px 5px !important;
margin: 5px 0 0 0 !important;
}
summary[class="block-label section-block"]:hover {
border: 1px solid #0082FC !important;
background: #D1E2F2 !important;
color: #000 !important;
}
section {
margin: 0 !important;
}
section > section {
margin: 3px !important;
}
section > section > section {
margin: 0 0 5px 0 !important;
}
section > hr {
display: none !important;
}
section > label,
section > div > label {
border: 1px solid #B2B2B2 !important;
border-bottom: 0 !important;
padding: 2px 5px !important;
margin-top: 3px !important;
margin-bottom: 0 !important;
}
section > label[data-l10n-id="printui-paper-size-label"] {
border-top: 0 !important;
margin-top: 0 !important;
}
section > label#headers-footers,
section > label#backgrounds {
margin-top: 0 !important;
}
#page-range-input input#custom-range {
border-radius: 0 !important;
padding: 2px 5px !important;
margin-top: 1px !important;
}
#source-version-section {
border-bottom: 1px solid #B2B2B2 !important;
}
#source-version-label {
display: inline-block !important;
min-width: 228px !important;
max-width: 228px !important;
width: 240px !important;
margin-bottom: 0 !important;
}
#source-version-source,
#source-version-selection,
#source-version-simplified {
min-width: 228px !important;
max-width: 228px !important;
margin-top: 0 !important;
}
section[data-l10n-id="printui-source-label"],
section > .toggle-group {
width: calc(100% - 4px ) !important;
border: 1px solid #B2B2B2 !important;
background: #000 !important;
padding: 0 0 0 2px !important;
margin: 0 !important;
}
section[data-l10n-id="printui-source-label"] + div > label {
margin-top: 5px !important;
}
section > div {
margin: 0 !important;
}
section > select,
section > div > select,
section > scale-input > div {
outline: unset !important;
border-radius: 0 !important;
border: 1px solid #B2B2B2 !important;
/* background: #0082FC !important;
color: #FFF !important; */
margin: 0 !important;
}
section#scale > scale-input > div {
outline: unset !important;
border-radius: 0 !important;
border: 1px solid #B2B2B2 !important;
padding: 1px 5px !important;
margin: 0 !important;
}
section#scale > scale-input > div #percent-scale {
border-radius: 0 !important;
border: 1px solid #B2B2B2 !important;
}
section > select#color-mode-picker[disabled=""] {
opacity: 1 !important;
color: #B2B2B2 !important;
}
section > div > div#custom-margins {
outline: unset !important;
border-radius: 0 !important;
border: 0 !important;
border-right: 1px solid #B2B2B2 !important;
border-bottom: 1px solid #B2B2B2 !important;
border-left: 1px solid #B2B2B2 !important;
padding: 5px !important;
}
section > div > div#custom-margins .margin-input {
border-radius: 0 !important;
border: 1px solid #B2B2B2 !important;
}
section > div > div#custom-margins .horizontal-margins {
margin-bottom: 0 !important;
}
section > select:hover,
section > div > select:hover {
outline: unset !important;
border: 1px solid #0082FC !important;
background: #D1E2F2 !important;
color: #000 !important;
}
section#copies input.copy-count-input.photon-number {
width: calc(100% - 10px) !important;
border-radius: 0 !important;
border: 1px solid #B2B2B2 !important;
}
section#more-settings-options > label#headers-footers,
section#more-settings-options > label#backgrounds {
width: calc(100% - 12px) !important;
}
section#more-settings-options > label#backgrounds {
border-bottom: 1px solid #B2B2B2!important;
}
section#system-print a#open-dialog-link {
border-radius: 0 !important;
border: 1px solid #B2B2B2 !important;
background-color: #905B46 !important;
color: #FFF !important;
padding: 2px 5px !important;
}
section#system-print a#open-dialog-link:hover {
border-radius: 0 !important;
border: 1px solid #0082FC !important;
background: #D1E2F2 !important;
color: #000 !important;
}
.toggle-group-input + .toggle-group-label {
min-width: calc(45% - 2px) !important;
max-width: calc(45% - 2px) !important;
border-radius: 0 !important;
border: 1px solid #B2B2B2 !important;
margin: 2px 2px 2px 0 !important;
}
.toggle-group-input:disabled + .toggle-group-label {
opacity: 0.4 !important;
background-color: #0082FC !important;
color: #FFF !important;
}
.toggle-group-input:enabled + .toggle-group-label:hover {
background-color: #D1E2F2 !important;
color: #000 !important;
}
.toggle-group-input:enabled + .toggle-group-label:hover:active {
background-color: #D1E2F2 !important;
color: #000 !important;
}
.toggle-group-input:checked + .toggle-group-label {
background-color: #006800 !important;
color: #FFF !important;
}
.toggle-group-input:enabled:checked + .toggle-group-label:hover {
background-color: #D1E2F2 !important;
color: #000 !important;
}
.toggle-group-input:enabled:checked + .toggle-group-label:hover:active {
background-color: #D1E2F2 !important;
color: #000 !important;
}
body[role="dialog"] > hr,
body[role="dialog"] > form > hr {
display: none !important;
}
footer#print-footer {
border-top: 2px solid #0082FC !important;
}
footer section {
gap: 2px !important;
padding: 0 0 0 2px !important;
}
footer section > button#print-button {
min-width: calc(50% - 3px) !important;
max-width: calc(50% - 3px) !important;
border-radius: 0 !important;
border: 1px solid #B2B2B2 !important;
background: #0082FC !important;
color: #FFF !important;
margin: 2px 2px 2px 0 !important;
}
footer section > button#cancel-button {
min-width: calc(50% - 3px) !important;
max-width: calc(50% - 3px) !important;
border-radius: 0 !important;
border: 1px solid #B2B2B2 !important;
background: #F20 !important;
color: #FFF !important;
margin: 2px 2px 2px 0 !important;
}
footer section > button#print-button:hover,
footer section > button#cancel-button:hover {
border: 1px solid #0082FC !important;
background: #D1E2F2 !important;
color: #000 !important;
}
:root {
--in-content-sidebar-width: 160px !important;
}
}
/* Alt */
/* #orientation input + label {
min-width: calc(45% - 2px) !important;
max-width: calc(45% - 2px) !important;
border-radius: 0 !important;
border: 1px solid #B2B2B2 !important;
background: #0082FC !important;
color: #FFF !important;
margin: 2px 2px 2px 0 !important;
} */
/* #orientation input + label {
min-width: calc(45% - 2px) !important;
max-width: calc(45% - 2px) !important;
border-radius: 0 !important;
border: 1px solid #B2B2B2 !important;
background: #0082FC !important;
color: #FFF !important;
margin: 2px 2px 2px 0 !important;
}
#orientation input[checked=""] + label {
min-width: calc(45% - 2px) !important;
max-width: calc(45% - 2px) !important;
border-radius: 0 !important;
border: 1px solid #B2B2B2 !important;
background: #006800 !important;
color: #FFF !important;
margin: 2px 2px 2px 0 !important;
}
#orientation input + label:hover,
#orientation input[checked=""] + label:hover {
border: 1px solid #0082FC !important;
background: #D1E2F2 !important;
color: #000 !important;
} */
/* summary[class="block-label section-block"] > span {
padding: 2px 5px !important;
}
summary[class="block-label section-block"] > span[data-l10n-id="printui-more-settings"] {
border-bottom: 1px solid #B2B2B2 !important;
}
summary[class="block-label section-block"] > span[data-l10n-id="printui-more-settings"] + .twisty {
width: 16px !important;
height: 16px !important;
border-bottom: 1px solid #B2B2B2 !important;
padding: 2px 5px !important;
margin: 0 !important;
}
summary[class="block-label section-block"]:hover > span[data-l10n-id="printui-more-settings"] {
border-bottom: 1px solid #0082FC !important;
}
summary[class="block-label section-block"]:hover > span[data-l10n-id="printui-more-settings"] + .twisty {
border-bottom: 1px solid #0082FC !important;
} */
/* .printPreviewBrowser {
border: 0 !important;
border-top: 2px solid #B2B2B2 !important;
border-bottom: 2px solid #B2B2B2 !important;
border-left: 2px solid #B2B2B2 !important;
} */
Alles anzeigen
Sieht dann so ↓ aus.
möglich/nötig ist
Möglich ist extrem viel, aber ob es wirklich nötig ist, steht auf einem ganz anderem Blatt und nein ich bin noch immer nicht wirklich fertig mit meinen Anpassungen.
Bei Klick auf den linken Button "OK", wird die Datei in dem in Fx festgelegten Ordner gespeichert.
Hm,
ich wähle den Speicherort aus, das Fenster schließt sich und der Download läuft, auf OK muss ich nicht wirklich klicken.
Freut mich wenn du zufrieden bist.
Bin ich
"Was nicht passt, wird passend gemacht".
In der Tat.
Hallo an alle Antwortenden, @Gabbo, 2002Andreas und BrokenHeart, letztendlich habe ich eine Mischung aus allen Vorschlägen erarbeitet, die ein für mich passendes Ergebnis hervorgebracht hat, also Dankeschön an Euch.
Das * funktioniert für die Scrollbutton in der Tabbar, aber das nicht für die Scrollbutton in Menupopups was ist falsch?
*
#tabbrowser-arrowscrollbox::part(scrollbutton-up),
#tabbrowser-arrowscrollbox::part(scrollbutton-down) {
appearance: none !important;
min-height: 22px;
max-height: 22px;
border-radius: 0 !important;
border: 0 !important;
background-clip: unset !important;
background-color: #003800 !important;
padding: 0 4px !important;
margin-top: 1px !important;
margin-bottom: 0 !important;
margin-left: 0 !important;
}
Alles anzeigen
**
.menupopup-arrowscrollbox::part(scrollbutton-up),
.menupopup-arrowscrollbox::part(scrollbutton-down) {
appearance: none !important;
min-height: 22px !important;
max-height: 22px !important;
border-radius: 0 !important;
border: 0 !important;
background-clip: unset !important;
background-color: #003800 !important;
padding: 0 4px !important;
margin-top: 1px !important;
margin-right: 2px !important;
margin-bottom: 0 !important;
margin-left: 2px !important;
}
Alles anzeigen
P.S.:
Beides steht natürlich in der userChromeShadow.css und der Eintrag für die Menupopups funktioniert weder über noch unter dem Eintrag für die Tabbar.