Dieser Eintrag hat keine Funktion:
Ei, der Daus, da hat die Keule zugeschlagen.
Ich bereinige das gleich mal.
Dieser Eintrag hat keine Funktion:
Ei, der Daus, da hat die Keule zugeschlagen.
Ich bereinige das gleich mal.
Wie haste "Firefox ist aktuell" grün unterlegt und umrandet?
Damit kannst Du probieren:
#updateButton,
#updateDeck > hbox > label {
border: 1px solid yellow !important;
border-style: outset !important;
border-width:2px !important;
border-radius: 8px !important;
padding-right: 20px !important;
padding-left: 20px !important;
padding-bottom:3px !important;
text-align: center !important;
min-height: 30px !important;
max-height: 30px !important;
background-color: green !important;
}
Alles anzeigen
Tzzzz...Vortäuschung falscher Tatsachen
Nöö, ich finde, sieht blöd aus.
Wie haste den roten Rand drummerum bekommen?
Den habe ich nur zur Kennung mit Paint darum gezwirbelt.
Jepp, is mir schon klar
Eine weitere Möglichkeit wäre die noch, eine Grafik dazwischen einzufügen.
Der Code dafür wäre dann der:
Den Schnipsel Boomark ich mir mal, könnte ich ja mal brauchen, mir schwant da so eine Idee
Du musst aber daran denken, dass dann der Text (Firefox Browser) verschwindet.
(Wie) Könnte ich (per CSS) für #rightBox ein Tooltip erstellen/einfügen?
In meinem älteren Dialog habe ich z.B. eine selbst gebastelte Grafik eingebaut. Das ist der Code-Schnipsel dazu, eventuell hilft es Dir weiter.
#rightBox { background: url("file:///C:/FoxIcons/Bild2112.png") no-repeat !important;
background-position:420px 5px !important;}
Sieht dann so aus:
Einfach an eine Uhr denken.
Danke, Andreas, jetzt erinnere ich mich sehr gut daran. Das waren meine ersten Bastelschritte, da war das so im Code angegeben, wofür das gut war wusste ich anfangs aber trotzdem nicht. In letzter Zeit habe ich diese Schreibweise hier aber nicht mehr wahr genommen.
So würde es völlig ausreichen:
Börsi will 2024 erst mit Studium anfangen, und wir legen hier schon voll los.
Habe alle eure Wünsche ( ) jetzt mal ganz sauber verarbeitet, gefällt mir immer besser.
Mit padding/margin in der Reihenfolge der Zugehörigkeit bin ich immer durcheinander gekommen, aber 365x hintereinander aufgesagt, jetzt gespeichert.
Wobei die Zeilen 2 und 3 auch noch zusammen faßbar wären...
Sag bitte an!
Der zerbeamt den vorhandenen völlig.. danke, aber dann laß ich es..
Gib doch nicht immer so schnell auf. es gibt doch auch noch andere Lösungen, wenn du z:B nur den Schriftzug haben möchtest.
Diesen Code hinzufügen:
label[data-l10n-id="update-noUpdatesFound"]::after {
content: ' - so wie es sein soll.' !important;
font-size: 17px !important;
color: yellow !important;
}
Edit:
Und wenn du das noch davor haben möchtest, dann den Code auch noch einfügen.
Dann braucht es keine weiteren Angaben.
Jetzt ist die Sache klar für mich, es kann nicht einfach nur der Hover-Eintrag geändert , sondern der Code für den Button muss generell neu angepasst werden. Dann funktioniert es tadellos mit dem einfachen Eintrag für Hover. Als Beispiel der Button Endanwenderrechte:
[href='about:rights'] {
appearance: none !important;
background: url("file:///C:/FoxIcons/Bild203.png") !important;
background-repeat: no-repeat !important;
background-color: gainsboro !important;
color: black !important;
margin-left: -28px !important;
margin-right: 10px !important;
margin-top: 2px !important;
padding-right: 20px !important;
padding-left: 40px !important;
border-color: red !important;
border-style: outset !important;
border-width: 2px !important;
background-position: 12px 4px !important;
border-radius: 14px !important;
}
[href='about:rights']:hover {
background-color: #b2edfa !important;
}
Alles anzeigen
Dank an dich Andreas und auch .DeJaVu , wieder was dazu gelernt.
Hatte ich hier schon per .gif gezeigt:
Will hier nicht funktionieren, ich muss das Icon mit angeben. Sehr komisch!
Wenn nur die Hg Farbe geändert werden soll, dann einfach das Icon bei hover nicht eintragen.
Danke, Andreas, das ist jetzt neuer Stoff für mich, werde ich gleich mal testen.
Ich bräuchte noch mal einen Tip
Auch von mir noch einen. Bei den Button mit Icon solltest du bei Hover immer noch den Eintrag hinzufügen, damit die Icons nicht springen, also an gleicher Position bleiben. So sollte es aussehen als Beispiel:
[href='about:license'] {
appearance: none !important;
background: gainsboro url("file:///C:/FoxIcons/Bild209.png") no-repeat !important;
color: black !important;
margin-left: 10px !important;
margin-top: 2px !important;
padding-right: 20px !important;
padding-left: 40px !important;
border-color: dodgerblue !important;
border-style: outset !important;
border-width: 2px !important;
background-position: 12px 4px !important;
border-radius: 14px !important;
}
[href='about:license']:hover {
background: #b2edfa url("file:///C:/FoxIcons/Bild209.png") no-repeat !important;
background-position: 12px 4px !important;
}
Alles anzeigen
Benutzt Du Windows 11 oder Windows 10?
Moinmoin!
Windows 11, und da hat grisu2099 recht damit, dass es mit dem BS zu tun hat.
Ansonsten nur über css-Code , wenn dort so etwas zu finden ist border-radius: none !important;.
Hier dann mein Code , der bei Dir anders aussehen wird. Grund dafür, ich verwende zusätzlich ein Script dazu.
/* About : Dialog */
@-moz-document url-prefix("chrome://browser/content/aboutDialog.xhtml")
{
#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'],
[href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog'] {
font-size: 15px !important;
}
/* ohne Unterstrich */
#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'],
[href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog'] {
text-decoration: none !important;
}
#aboutDialog,
#aboutDialogContainer,
#clientBox,
#trademark {
background-color: green !important;
}
/* Box ganz unten mit den drei Button */
#bottomBox {
background-color: dodgerblue !important;
}
#aboutDialog {
margin-bottom: 6px !important;
}
#version:before {
content: 'Diese Firefox-Version ist: ';
font-size: 17px !important;
font-weight: bold !important;
color: #f08080 !important;
margin-right: 6px !important;
margin-left: 12px !important;
}
#version {
font-size: 16px !important;
margin-top: 30px !important;
color: #fff !important;
}
#aboutDialog {
height: 350px !important;
min-width: 1400px !important;
}
#agent {
appearance: none !important;
margin: 50px 40px 84px 10px !important;
max-height: 56px !important;
padding-top: 5px !important;
text-align: center !important;
border-radius: 14px !important;
max-width: 1100px !important;
}
#agent .textbox-input-box {
margin-top: -1px !important;
margin-left: 12px !important;
}
#bottomBox {
margin-bottom: 30px !important;
margin-top: 15px !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;
}
#rightBox {
background: #7b1e00 /* #003bed */ !important;
padding-left: 200px !important;
padding-bottom: 6px !important;
border-color: greenyellow !important;
border-style: double !important;
border-width: 10px !important;
box-shadow: 15px 15px 0px 0px #fdd342 inset !important;
}
#rightBox::before {
content: "Firefox Browser" !important;
font-size: 40px !important;
font-weight: 700 !important;
color: yellow !important;
text-shadow: 4px 4px magenta !important;
}
/* in Verbindung mit Script DialogBox.uc.js für große Text-Box */
#agent,
#rightBox textarea {
appearance: none !important;
min-width: 850px !important;
background: lightblue url("file:///C:/FoxIcons/Bild213.png") no-repeat !important; /* Icon linke Seite */
background-position:18px 8px !important;
color: blue !important;
text-align: center !important;
margin-top: 50px !important;
margin-bottom: 10px !important;
margin-left: -140px !important;
border: 1px solid red !important;
padding: 10px 30px 0 95px !important;
}
#rightBox::after {
content: "" !important;
appearance: none !important;
background: url("file:///C:/FoxIcons/Bild214.png") no-repeat !important; /* Icon rechte Seite */
margin-left: 745px !important;
padding-top: 77px !important;
padding-right: 60px !important;
}
/* Text-Box ** ENDE */
#icons > .icon {
margin-top: 23px !important;
}
/* Firefox ist aktuell */
label[data-l10n-id="update-noUpdatesFound"] {
color: #00e000 !important;
font-weight: 700 !important;
font-size: 1.2em !important;
margin-left: 10px !important;
margin-top: 20px !important;
margin-bottom: 15px !important;
}
/* grüner Haken als Icon eingefügt */
#icons > .noUpdatesFound {
fill: transparent !important; /* Original ausgeblendet */
background-image: url("file:///C:/FoxIcons/Bild62.png") !important;
background-repeat: no-repeat !important;
}
/* Update-Suche */
label[data-l10n-id="update-checkingForUpdates"] {
color: gold !important;
font-weight: 600 !important;
font-size: 1.2em !important;
margin-left: 10px !important;
margin-bottom: 15px !important;
margin-top: 20px !important;
}
#downloadAndInstallButton {
appearance:none !important;
fill: transparent !important;
background: #fef6f9 url("file:///C:/FoxIcons/Bild210.png") no-repeat !important;
padding-top: 3px !important;
padding-bottom: 3px !important;
padding-left:30px !important;
padding-right: 14px !important;
background-position:6px 5px !important;
font-size:13.5px !important;
border-radius:14px !important;
border-left-color: #FFB2B2 !important;
border-top-color: #FFB2B2 !important;
border-right-color: lightblue !important;
border-bottom-color: lightblue !important;
border-style:outset !important;
border-width:2px !important;
color:red !important;
margin-left: 10px !important;
margin-bottom: 15px !important;
margin-top: 20px !important;
}
#downloadAndInstallButton:hover {
appearance:none !important;
background: #B2EDFA url("file:///C:/FoxIcons/Bild210.png") no-repeat !important;
background-position:6px 5px !important;
color:black !important;
}
#updateButton {
appearance: none !important;
background: gainsboro url("file:///C:/FoxIcons/Bild212.png") no-repeat !important;
min-width: 360px !important;
padding-left: 30px !important;
background-position: 11px 4px !important;
border-radius: 14px !important;
border-color: red !important;
border-style: outset !important;
border-width: 2px !important;
color: black !important;
margin-left: 10px !important;
margin-bottom: 15px !important;
margin-top: 20px !important;
}
#updateButton:hover {
appearance: none !important;
background: #b2edfa url("file:///C:/FoxIcons/Bild212.png") no-repeat !important;
padding-left: 30px !important ;
background-position: 11px 4px !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;
background: gainsboro url("file:///C:/FoxIcons/Bild209.png") no-repeat !important;
color: black !important;
margin-left: 10px !important;
margin-top: 2px !important;
padding-right: 20px !important;
padding-left: 40px !important;
border-color: dodgerblue !important;
border-style: outset !important;
border-width: 2px !important;
background-position: 12px 4px !important;
border-radius: 14px !important;
}
[href='about:license']:hover {
background: #b2edfa url("file:///C:/FoxIcons/Bild209.png") no-repeat !important;
background-position: 12px 4px !important;
}
[href='about:rights'] {
appearance: none !important;
background: gainsboro url("file:///C:/FoxIcons/Bild203.png") no-repeat !important;
color: black !important;
margin-left: -28px !important;
margin-right: 10px !important;
margin-top: 2px !important;
padding-right: 20px !important;
padding-left: 40px !important;
border-color: red !important;
border-style: outset !important;
border-width: 2px !important;
background-position: 12px 4px !important;
border-radius: 14px !important;
}
[href='about:rights']:hover {
background: #b2edfa url("file:///C:/FoxIcons/Bild203.png") no-repeat !important;
background-position: 12px 4px !important;
}
label.bottom-link:nth-child(3) {
appearance: none !important;
background: gainsboro url("file:///C:/FoxIcons/Bild204.png") no-repeat !important;
color: black !important;
margin-left: -2px !important;
margin-right: -3px !important;
margin-top: 2px !important;
padding-right: 20px !important;
padding-left: 40px !important;
border-color: green !important;
border-style: outset !important;
border-width: 2px !important;
background-position: 12px 4px !important;
border-radius: 14px !important;
}
label.bottom-link:nth-child(3):hover {
background: #b2edfa url("file:///C:/FoxIcons/Bild204.png") no-repeat !important;
background-position: 12px 4px !important;
}
[href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog'] {
appearance: none !important;
background: /* gainsboro */ url("file:///C:/FoxIcons/Bild205.png") no-repeat !important;
color: #33ccff !important;
margin-left: 4px !important;
margin-right: 4px !important;
padding-right: 15px !important;
padding-left: 35px !important;
border-color: cadetblue !important;
border-style: outset !important;
border-width: 2px !important;
background-position: 10px 4px !important;
border-radius: 14px !important;
}
[href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']:hover {
background: #b2edfa url("file:///C:/FoxIcons/Bild205.png") no-repeat !important;
background-position: 10px 4px !important;
color: black !important;
}
[href='about:credits'] {
appearance: none !important;
background: /* gainsboro */ url("file:///C:/FoxIcons/Bild206.png") no-repeat !important;
color: #33ccff !important;
margin-left: 2px !important;
margin-right: 2px !important;
padding-right: 15px !important;
padding-left: 35px !important;
border-color: cadetblue !important;
border-style: outset !important;
border-width: 2px !important;
background-position: 10px 4px !important;
border-radius: 14px !important;
}
[href='about:credits']:hover {
background: #b2edfa url("file:///C:/FoxIcons/Bild206.png") no-repeat !important;
background-position: 10px 4px !important;
color: black !important;
}
#contributeDesc > label:nth-child(2) {
appearance: none !important;
background: /* gainsboro */ url("file:///C:/FoxIcons/Bild208.png") no-repeat !important;
color: #33ccff !important;
margin-left: -2px !important;
margin-right: 10px !important;
padding-left: 35px !important;
padding-right: 15px !important;
border-color: cadetblue !important;
border-style: outset !important;
border-width: 2px !important;
background-position: 10px 4px !important;
border-radius: 14px !important;
}
#contributeDesc > label:nth-child(2):hover {
background: #b2edfa url("file:///C:/FoxIcons/Bild208.png") no-repeat !important;
background-position: 10px 4px !important;
color: black !important;
}
#contributeDesc > label:nth-child(1) {
appearance: none !important;
background: /* gainsboro */ url("file:///C:/FoxIcons/Bild207.png") no-repeat !important;
color: #33ccff !important;
margin-left: 4px !important;
margin-right: 4px !important;
padding-left: 35px !important;
padding-right: 15px !important;
border-color: cadetblue !important;
border-style: outset !important;
border-width: 2px !important;
background-position: 10px 4px !important;
border-radius: 14px !important;
}
#contributeDesc > label:nth-child(1):hover {
background: #b2edfa url("file:///C:/FoxIcons/Bild207.png") no-repeat !important;
background-position: 10px 4px !important;
color: black !important;
}
#releasenotes {
background: /* gainsboro */ url("file:///C:/FoxIcons/Bild209.png") no-repeat !important;
color: #33ccff !important;
margin-left: 10px !important;
margin-right: 35px !important;
padding-left: 30px !important;
padding-right: 20px !important;
padding-bottom: 1px !important;
border-color: cadetblue !important;
border-style: outset !important;
border-width: 2px !important;
background-position: 7px 3px !important;
border-radius: 14px !important;
margin-top: 35px !important;
}
#releasenotes:hover {
background: #b2edfa url("file:///C:/FoxIcons/Bild209.png") no-repeat !important;
background-position: 7px 3px !important;
color: black !important;
}
/* gepunktete Umrandung der Button wird ausgeblendet */
#updateButton:focus,
#checkForUpdatesButton:focus,
#downloadAndInstallButton:focus,
label.bottom-link:nth-child(3):focus,
[href="about:rights"]:focus,
[href="about:license"]:focus,
[href="about:credits"]:focus,
#contributeDesc > label:nth-child(1):focus,
#contributeDesc > label:nth-child(2):focus,
[href="https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog"]:focus,
[href="https://www.mozilla.org/privacy/"]:focus,
[href="http://www.mozilla.org/"]:focus,
#releasenotes:focus {
outline: none !important;
}
}
Alles anzeigen
daß Dein Dialog abgerundete Ecken hat
Das ist original so. Hast Du eventuell in der userChromeShadow.css dafür Code , der das verhindert? So habe ich das z.B. im Hamburger Menü.
Warum sollte ich?
Jede Jeck guckt anners...
Der Eine geradeaus, der Zweite schielt und der Andere sieht doppelt (weil er nicht so eine gute Brille wie ich habe ). Aber so soll es doch auch sein, ein jeder macht es nach seinen Wünschen und Ansprüchen, und soll Freude dabei haben.
Wenn ich nur zwei Farben ändere, schon habe ich für den Frühling vorgesorgt.
Also alles kein Problem.
Ich gönne ja jedem seinen eigenen Stil
Nur im Moment hat er sich wohl darüber geärgert, denn er hat seine Frage nach einer Antwort gelöscht
Auch an Euch ein Super2022.
Dem omar1979 muss man aber auch ein "wenig" Achtung entgegen bringen, denn er arbeitet an seinem Fuchs wie ein Besessener. Manchmal braucht es bei ihm zwei , drei Anläufe (weil er es beim ersten oft nicht glaubt), aber er gibt nicht auf. Das finde ich prima, auch weil er ja eine Großbaustelle hat (so ähnlich wie BER), da gibt es immer etwas zu tun. Er kommt schon wieder.
hab ich jetzt einen fetten Haken
Gesundes Neues wünsche ich!
Wenn der fette Haken nicht reichen sollte, für meinen Teil habe ich das mit zusätzlichem Code so gelöst.
label[data-l10n-id="update-noUpdatesFound"] {
color: #00e000 !important;
font-weight: 700 !important;
font-size: 1.2em !important;
}
Sieht dann so aus: