Danke an Ralf,
ich habe mich für Deine Ausführung entschieden. So brauchte ich nur eine Zeile einfügen.
2002Andreas Ich meinte die Schrift im Text. Das in den Containern ist nicht ganz so wichtig. Passe ich aber direkt mit an.
Danke an Ralf,
ich habe mich für Deine Ausführung entschieden. So brauchte ich nur eine Zeile einfügen.
2002Andreas Ich meinte die Schrift im Text. Das in den Containern ist nicht ganz so wichtig. Passe ich aber direkt mit an.
So brauchte ich nur eine Zeile einfügen.
Aber gerne doch.
P.S.:
Auch Dir ein gutes neues Jahr.
die Schrift im Text.
Teste bitte:
Die Zeile entfernt die Unterstreichung von Links.
Vielen Dank , für die Erklärung und für den Schnipsel.
In Zeile 16 fehlt noch ein Komma...
In Zeile 16
OK, der Block ist etwas ungewöhnlich auskommentiert...
...aber fehlen tut das Komma in Zeile 16 trotzdem.
BarbaraZ- : Ich würde einen Block immer komplett auskommentieren, also auch die Selektoren.
2002Andreas Ich nehme an, grisu2099 meint die Zeile 16 im Code-Kasten Beitrag #16. Da ist am Anfang eine Ansammlung von Selektoren und in Zeile 16 steht:
Da muss ein Komma stehen, denn es folgt ein weiterer Selektor. Außerdem sollten zwei Doppelpunkte vor before stehen, also:
In welchem Code meinst du denn?
Normalerweise beziehe ich mich immer auf den zuletzt geposteten...
Normalerweise beziehe ich mich immer auf den zuletzt geposteten...
Genau das war ja das Problem: Im zuletzt geposteten Code gibt es genauso wenig eine Zeile 16 wie diese Zeile in den ersten Codes gemeint sein konnte. Erst in einem Beitrag, der "irgendwo in der Mitte" lag, gab es einen passenden Code. Ich hatte auch alle Beiträge mit Code durchsucht und die Codes teilweise ausklappen müssen, bis ich den Beitrag gefunden hatte. In solchen Fällen sollte man die Beitragszahl dazu schreiben, damit niemand suchen muss.
Ich habe immer den kompl. Code einfach kopiert, und nur um hover erweitert.
Wie ich bereits bei Börsenfeger schrieb, ist das komplett überflüssig, wenn sich sonst nichts ändert. Wenn die Grafiken in ihren Dimensionen abweichen, dann muss auch was anderes nachgebessert werden, damit es nicht "tanzt". Bei mir verrücken sich die Symbole allerdings auch. Ursache ist die Änderung beim hover, weil die background-position bei normal genutzt wird, bei hover nicht mehr. Da muss etwas mehr geändert werden, vor allem separiert: image, color, und repeat. Und bei der Gelegenheit nochmal ausgemistet, weil manche Bilder einfach nur gleich sind.
/* About : Dialog */
@-moz-document url-prefix("chrome://browser/content/aboutDialog.xhtml")
{
#aboutDialog,
#aboutDialogContainer,
#agent .textbox-input-box,
#agent,
#bottomBox,
#clientBox,
#leftBox,
#trademark,
#updateBox > vbox:nth-child(2) > hbox:nth-child(2),
#updateButton,
#version,
#version:before
{
font-family: 'Courier New' !important;
}
#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;
}
#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,
#bottomBox,
#clientBox,
#trademark
{
background-color: #202340 !important;
}
#version:before
{
content: 'Boersenfeger seine Nightly-Version ist:';
font-size: 17px !important;
font-weight: bold !important;
color: #f08080 !important;
margin-right: 6px !important;
margin-left: -24px !important;
}
#version
{
font-size: 16px !important;
margin-top: 30px !important;
color: #fff !important;
}
#aboutDialog
{
height: 350px !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;
}
#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;
}
/* Build ID about Dialog css, Text mittig.*/
#rightBox textarea
{
background-color: white !important;
color: black !important;
text-align: center !important;
margin-top: 50px !important;
margin-bottom: 10px !important;
}
#icons > .icon
{
margin-top: 8px !important;
}
#updateButton
{
appearance: none !important;
background-image: url('./Icons/index1.gif') !important;
background-repeat: no-repeat !important;
background-color: gainsboro !important;
background-position: 13px 3px !important;
min-width: 360px !important;
padding-left: 30px !important;
border-radius: 14px !important;
border-color: red !important;
border-style: outset !important;
border-width: 2px !important;
color: black !important;
margin-bottom: 10px !important;
margin-top: 0 !important;
}
#updateButton:hover
{
background-image: url('./Icons/index2.gif') !important;
background-color: #b2edfa !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-image: url('./Icons/index1.png') !important;
background-repeat: no-repeat !important;
background-color: gainsboro !important;
background-position: 10px 3px !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;
border-radius: 14px !important;
}
[href='about:license']:hover
{
background-image: url('./Icons/index2.png') !important;
background-color: #b2edfa !important;
}
[href='about:rights']
{
appearance: none !important;
background-image: url('./Icons/index3.png') !important;
background-repeat: no-repeat !important;
background-color: gainsboro !important;
background-position: 10px 2px !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;
border-radius: 14px !important;
}
[href='about:rights']:hover
{
background-color: #b2edfa !important;
}
label.bottom-link:nth-child(3)
{
appearance: none !important;
background-image: url('./Icons/index5.png') !important;
background-repeat: no-repeat !important;
background-color: gainsboro !important;
background-position: 10px 2px !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;
border-radius: 14px !important;
}
label.bottom-link:nth-child(3):hover
{
background-color: #b2edfa !important;
}
[href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']
{
appearance: none !important;
background-image: url('./Icons/index1.ico') !important;
background-repeat: no-repeat !important;
background-color: gainsboro !important;
background-position: 10px 3px !important;
color: black !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;
border-radius: 14px !important;
}
[href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']:hover
{
background-color: #b2edfa !important;
}
[href='about:credits']
{
appearance: none !important;
background-image: url('./Icons/index8.png') !important;
background-repeat: no-repeat !important;
background-color: gainsboro !important;
background-position: 10px 3px !important;
color: black !important;
margin: 5px 0 5px 15px !important;
padding-right: 15px !important;
padding-left: 35px !important;
border-color: cadetblue !important;
border-style: outset !important;
border-width: 2px !important;
border-radius: 14px !important;
}
[href='about:credits']:hover
{
background-color: #b2edfa !important;
}
#contributeDesc > label:nth-child(1)
{
appearance: none !important;
background-image: url('./Icons/index10.png') !important;
background-repeat: no-repeat !important;
background-color: gainsboro !important;
background-position: 10px 2px !important;
color: black !important;
margin-left: -2px !important;
margin-right: -3px !important;
padding-left: 35px !important;
padding-right: 15px !important;
border-color: cadetblue !important;
border-style: outset !important;
border-width: 2px !important;
border-radius: 14px !important;
}
#contributeDesc > label:nth-child(1):hover
{
background-color: #b2edfa !important;
}
#contributeDesc > label:nth-child(2)
{
appearance: none !important;
background-image: url('./Icons/index9.png') !important;
background-repeat: no-repeat !important;
background-color: gainsboro !important;
background-position: 10px 2px !important;
color: black !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;
border-radius: 14px !important;
}
#contributeDesc > label:nth-child(2):hover
{
background-color: #b2edfa !important;
}
#releasenotes
{
background-image: url('./Icons/index11.png') !important;
background-repeat: no-repeat !important;
background-color: gainsboro !important;
background-position: 10px 1px !important;
color: black !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;
border-radius: 14px !important;
margin-top: 35px !important;
}
#releasenotes:hover
{
background-color: #b2edfa !important;
}
}
Alles anzeigen
In diesem Fall würde background-position reichen, weil das verloren geht. War mir jetzt auch neu.
Firefox (nightly) zeigt sogar color: black als nicht aktiv an, wird aber genutzt. Irgendwo auch merkwürdig.
In diesem Fall würde
Wenn du bei hover kein Icon einträgst, dann brauchst du gar nichts weiter.
Erst bei einem anderen Icon bei hover, muss weiteres angepasst werden.
Das hatte ich ja jetzt so ausgeführt, und getestet.
Hier nun mein Endergebnis, jedenfalls bis auf eine Kleinigkeit.
Die obere Zeile, in Zeile 41 des Codes mit #trademark angesprochen, ist in der nachfolgenden Zeile 42 folgendermaßen definiert:
background-color: dodgerblue !important;
/* About:Dialog - über Firefox --- In Abwandlung von DeJaVu*/
@-moz-document url-prefix("chrome://browser/content/aboutDialog.xhtml"){
#aboutDialog,
#aboutDialogContainer,
#agent .textbox-input-box,
#agent,
#bottomBox,
#clientBox,
#leftBox,
#trademark,
#updateBox > vbox:nth-child(2) > hbox:nth-child(2),
#updateButton,
#version,
#version:before
#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'],
#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'],
#aboutDialog,
#aboutDialogContainer,
#bottomBox,
#clientBox,
#trademark
{
background-color: dodgerblue !important;}
}
label,
.text-blurb,
#trademark {
font-size: 16px !important;
}
#version:before
{
content: 'Meine aktuelle Browser-Version ist die:';
font-size: 18px !important;
font-weight: bold !important;
color: LightCoral !important;
margin-right: 6px !important;
margin-left: -24px !important;
}
#version
{
font-size: 18px !important;
margin-top: 30px !important;
color: Yellow !important;
}
#aboutDialog
{
height: 350px !important;
}
#agent
{
appearance: none !important;
margin: 50px 40px 84px 10px !important;
max-height: 56px !important;
padding-top: 7px !important;
text-align: center !important;
border: 3px solid green!important;
max-width: 1100px !important;
}
#agent .textbox-input-box
{
margin-top: -1px !important;
margin-left: 12px !important;
}
#bottomBox
{
margin-bottom: 30px !important;
background-color: dodgerblue !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;
}
/* Build ID about Dialog css, Text mittig.*/
#rightBox textarea
{
background-color: yellow !important;
color: dodgerblue !important;
text-align: center !important;
margin-top: 50px !important;
margin-bottom: 10px !important;
}
#updateButton
{
appearance: none !important;
background: lightred url("../Icons/qd-lupe.gif")no-repeat !important;
min-width: 360px !important;
padding-left: 30px !important;
background-position: 13px !important;
border: 3px solid sladeblue !important;
border-width: 2px !important;
color: black !important;
margin-bottom: 10px !important;
margin-top: 0 !important;
}
#icons > .icon
{
margin-top: 12px !important;
}
#updateButton:hover
{
appearance: none !important;
background: darkgray url("../Icons/qd-lupe.gif")no-repeat !important;
padding-left: 30px !important ;
background-position: 13px !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; /* Information zur Lizensierung */
background: lightgray url("../Icons/qd-info.png")no-repeat !important;
color: dodgerblue !important;
margin-top: 2px !important;
padding-right: 20px !important;
padding-left: 40px !important;
border-width: 2px !important;
background-position: 5px 5px !important;
border: 3px solid red !important;
}
[href='about:license']:hover
{
background: darkgray url("../Icons/qd-info.png")no-repeat !important;
color: white !important;
background-position: 5px 5px !important;
}
[href="about:rights"]{
appearance: none !important; /* Endanwenderrechte */
background: CornflowerBlue url("../Icons/qd-endanwender.png")no-repeat !important;
color: black !important;
font-size: 14px !important;
padding-top: 2px !important;
margin-right: 11px!important;
margin-left: -28px !important;
margin-top: 2px !important;
padding-right: 20px !important;
padding-left: 40px !important;
border-color: red !important;
border-width: 2px !important;
background-position: 5px 5px !important;
border: 3px solid yellow !important;
}
[href="about:rights"]:hover{
appearance: none !important;
background: darkgray url("../Icons/qd-endanwender.png") no-repeat !important;
color: white !important;
background-position: 5px 5px !important;
}
label.bottom-link:nth-child(3)
{
appearance: none !important; /* Datenschutzbestimmungen */
background: lightgray url("../Icons/qd-datenschutz.png")no-repeat !important;
color: dodgerblue !important;
margin-left: -2px !important;
margin-right: -3px !important;
margin-top: 1px !important;
padding-right: 20px !important;
padding-left: 40px !important;
border-width: 2px !important;
background-position: 5px 5px !important;
border: 3px solid orange !important;
}
label.bottom-link:nth-child(3):hover
{
background: darkgray url("../Icons/qd-datenschutz.png")no-repeat !important;
color: white !important;
background-position: 5px 5px !important;
}
[href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']
{
appearance: none !important; /* Mozilla */
background: lightgray url("../Icons/qd-mozilla.png")no-repeat !important;
color: black !important;
margin-right: 2px !important;
padding-right: 15px !important;
padding-left: 35px !important;
border-width: 2px !important;
background-position: 5px 5px !important;
border: 3px solid magenta !important;
}
[href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']:hover
{
background: darkgray url("../Icons/qd-mozilla.png")no-repeat !important;
color: white !important;
background-position: 5px 5px !important;
}
[href='about:credits']
{
appearance: none !important; /* globale Community */
background: lightgray url("../Icons/qd-community.png")no-repeat !important;
color: black !important;
margin-right: 2px !important;
padding-right: 7px !important;
padding-left: 35px !important;
border-width: 2px !important;
background-position: 5px 5px !important;
border: 3px solid violet !important;
}
[href='about:credits']:hover
{
background: darkgray url("../Icons/qd-community.png")no-repeat !important;
color: white !important;
background-position: 5px 5px !important;
}
#contributeDesc > label:nth-child(2)
{
appearance: none !important; /* machen Sie mit */
background: lightgray url("../Icons/qd-mitmachen.png")no-repeat !important;
color: black !important;
margin-left: 2px !important;
margin-right: 10px !important;
padding-left: 35px !important;
padding-right: 15px !important;
border-color: cadetblue !important;
border-width: 2px !important;
background-position: 5px 5px !important;
border: 3px solid dodgerblue !important;
}
#contributeDesc > label:nth-child(2):hover
{
background: darkgray url("../Icons/qd-mitmachen.png")no-repeat !important;
color: white !important;
background-position: 5px 5px !important;
}
#contributeDesc > label:nth-child(1)
{
appearance: none !important; /*Spenden Sie*/
background: yellow url("../Icons/qd-spenden.png")no-repeat !important;
color: black !important;
margin-right: -1px !important;
padding-left: 35px !important;
padding-right: 15px !important;
border-width: 2px !important;
background-position: 5px 5px !important;
border: 3px solid pink !important;
}
#contributeDesc > label:nth-child(1):hover
{
background: darkgray url("../Icons/qd-spenden.png")no-repeat !important;
color: black !important;
background-position: 5px 5px !important;
}
#releasenotes /*Neue Funktionen und Änderungen*/
{
background: lightgray url("../Icons/qd-info.png")no-repeat !important;
color: black !important;
margin-left: 10px !important;
margin-right: 35px !important;
padding-left: 30px !important;
padding-right: 20px !important;
padding-bottom: 1px !important;
border-width: 2px !important;
background-position: 5px 5px !important;
border: 3px solid yellow!important;
margin-top: 35px !important;
}
#releasenotes:hover
{
background: darkgray url("../Icons/qd-info.png")no-repeat !important;
color: white !important;
background-position: 5px 5px !important;
}
#rightBox {
background-image: none !important;
padding-top: 0px !important;
margin-top: 10px !important;
}
#rightBox::before {
content: "Firefox Browser" !important;
font-size: 35px !important;
color: yellow !important;
}
}
Alles anzeigen
Dieses bewirkt, dass sie zwar in dodgerblue angezeigt wird aber, sobald ich dieses Screen anfertige, sich die Zeile dunkel einfärbt.
Sie soll aber in Dodgerblue bleiben.
Mit dieser letzten Anpassung wird dann für diesen Code der Abschluß erfolgen.
Anschließend wird er dann separat zusätzlich nochmal gesichert. (Für eventuelle "Notfälle").
Hallo BarbaraZ-,
schau Dir mal Zeile 15 an, hast Du da ein Komma vergessen?