omar1979 :
Ramo, magst Du bitte mal einen Screenshot mit allen Leisten/Sidebars hochladen
Ich hol mir ja gerne Inspirationen, wie sich andere ihr Füxchen zurechtbasteln
omar1979 :
Ramo, magst Du bitte mal einen Screenshot mit allen Leisten/Sidebars hochladen
Ich hol mir ja gerne Inspirationen, wie sich andere ihr Füxchen zurechtbasteln
Hast Du var addonbar_v_on_the_left = true auf "false" gesetzt?
3 Helferlein - Ein Gedanke...
Euch beiden
Dharkness erhält als Gewinner eine Siamesische Senfgurke aus meinem Notfallbunker
Breite ändern in Zeile 107 hats leider nicht gebracht, mich aber zum Ändern der Höhe motiviert.
Insofern mussich jezz nen Trostpreis für grisu2099 suchen gehen.
Problemchen erledigt, meinereiner häbby.
Schönes Restwochenende...
Huch und
Danke an Mira, daß sie Ihr Problem hier reingepackt hat - ich hatte noch garnicht bemerkt, daß mein Dialog-Aufbau verbaselt ist.
Bisher:
mit 107:
Icons sind alle da, aber ich frage mich, wo die Verschiebungen am Code liegen und ich Anweisungen ändern muß oder ob es reicht, wenn ich nur versuche, mit angepaßten Werten das wieder hinzubiegen.
(In 2 anderen Problemchen hatte es gereicht, eine hier im CFF erlesene Zusatzanweisung einzufügen).
Mein Code:
/* 12_about_dialog.css */
/* Menu: "Hilfe/Über Firefox"-Dialog
Herkunft: https://www.camp-firefox.de/forum/thema/134024/?postID=1193840#post1193840
211230: Erster Versuch - Erfolgreich trotz Anpassung
211231: Überschrift "Firefox Browser"
Andy: https://www.camp-firefox.de/forum/thema/134044/?postID=1193987#post1193987
220101: Haken vor "Firefox ist aktuell"
Andy: https://www.camp-firefox.de/forum/thema/134044/?postID=1194078#post1194078
220102-08: Großes Aufräumen, was nicht notwedig scheint weg und richtige(?) Reihenfolge ;)
Umstellungen und Doku-Zeilen
Diverse optische Anpassungen und Zusätze (z.B. Design by ;)
220106-09: An diversen Standard-Texten rumgespielt
Diverse "background: linear-gradient" und ähnliches getestet...
220111: Diverse PNG-Border für den foxFav getestet - SVG-Schnörkel woanders
221019: Diverse kleine Anpassungen für FF106
221020: \00a0 oder "white-space: pre;" als zusätzliche Spaces in Strings:
Sören: https://www.camp-firefox.de/forum/thema/135413
Anmerkung: N++ hat Probleme mit den Klammern, Atom und Inet-Check nicht ;)
Sören sagt: TRBL
0px statt 0 ist Versuchen geschuldet, weil ich "px" sonst gerne vergesse ;)
*/
@-moz-document url-prefix("chrome://browser/content/aboutDialog.xhtml"){
#aboutDialog,
#aboutDialogContainer,
#bottomBox,
#clientBox,
#leftBox,
#trademark,
#updateBox > vbox:nth-child(2) > hbox:nth-child(2),
#updateButton,
#version,
#version::before,
#detailsBox
{
font-family: 'PaulBecker' !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: 14px !important;
color: black !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: underline !important; */
text-decoration: none !important;
}
/* Das komplette Dialog-Fenster mit einem Verlauf statt einheitlicher Farbe unterlegen */
#aboutDialogContainer {
background: linear-gradient(to bottom right, yellow, gold, orange, yellow, gold, orange) !important;
/* background: linear-gradient(to bottom right, white,#acacac,#f2f3f4,#acacac, #f2f3f4,#acacac) !important;
background: linear-gradient(to bottom right, cyan, blue, darkblue, cyan, blue, darkblue) !important;
background: linear-gradient(to bottom right, darkblue, blue, cyan, darkblue, blue, cyan) !important;
background: linear-gradient(to bottom right, white, gray, black, white, grey, black) !important;
background: linear-gradient(to bottom right, black, gray, white, black, grey, white) !important;
*/
/* Und wenns regnet oder so */
/* background-image: url('../icons/tropfen2.jpg') !important; */
/* background-image: url('../icons/eclipse.jpg') !important; */
/* background-image: url('../icons/kaffe.png') !important; */
/* background-image: url('../icons/snow.jpg') !important; */
/* background-image: url('../icons/sonne.jpg') !important; */
/* background-image: url('../icons/zunge.png') !important; */
/* background-image: url('../icons/tropfen.jpg') !important; */
/* background-image: url('../icons/tropfen2.jpg') !important; */
/* background-position: center !important; */
/* background-size: cover !important; */
/* und weil mir langweilig ist und als PoC */
/* background-image: url('../icons/egypt.jpg') !important; */
/* background-size: 16px !important; */
/* background-repeat: repeat !important; */
}
/* gesamter Innenbereich*/
#aboutDialog{
height: 350px !important;
width: 900px !important;
}
#aboutDialogContainer::before {
content: " Das hier ist meine Spielwiese zum lernen " !important;
font-size: 14px !important;
color: red !important;
border-right: 2px solid red !important;
border-bottom: 2px solid red !important;
border-bottom-right-radius: 3px !important;
padding-left: 5px !important; /*FF106-221019*/
margin-right: 655px !important; /*FF106-221019*/
}
/* Das ist links die Box um das FF-Logo*/
#leftBox {
margin-top: 40px !important;
appearance: none !important;
/* background: url('../icons/foxfav_border_trans.png')no-repeat !important; */
background: url('../icons/00301 Frames-02_0340_fux_trans.png')no-repeat !important;
background-position: center !important;
background-size: contain !important;
}
/* "Firefox Browser"-Original weg und Platz freiräumen */
#rightBox {
background-image: none !important;
padding-top: 0px !important;
margin-top: -28px !important;
}
/* GFX durch TXT ersetzen */
#rightBox::before {
content: "Firefox Workbench" !important;
font-family: 'KeypressDB' !important;
font-size: 47px !important;
text-shadow: 3px 3px 4px red !important;
color: black !important;
}
/* da drunter (m)einen Memory-Spruch */
#detailsBox::before {
content: "In Memory of AmigaOS and Beos" !important;
/* font-family: 'PaulBecker' !important; */
font-size: 15px !important;
font-weight: 600 !important;
color: black !important;
border-radius: 10px !important;
background-color: lightblue !important;
border: 2px solid red !important;
padding: 0 10px 0 10px !important;
margin-right: 5px !important; /*FF106-221019*/
}
/* der Updatebereich unter "In Memory of AmigaOS and Beos" */
#updateBox > vbox:nth-child(2) > hbox:nth-child(2){
margin-top: -25px !important;
margin-bottom: 20px !important;
}
/* Update-Check ohne Erwartung ;)*/
/* Blendet Original-Animationen aus!*/
#icons > .update-throbber {
/*Originalgröße: 32x32 */
/* visibility: hidden !important; */ /*damit zappelts*/
display: none !important;
/*Damit bleibt "Meine FF-version..." wo es hinsoll, aber suchen rutscht nach links*/
}
#updateDeck #checkingForUpdates > label {
appearance: none !important;
border: 2px solid darkgrey !important;
border-radius: 10px !important;
background: lightblue url('../icons/ajax-loader2.gif') no-repeat 10px 6px !important;
background-size: 16px !important;
color: white !important;
font-size: 14px !important;
font-weight: 600 !important;
min-height: 28px !important;
/* margin: 10px 0 0 -25px !important; */ /*Zappelt nach "display: none" */
margin: 10px 0 0 0 !important; /* jabba dabba doooo */
padding: 3px 20px 5px 37px !important;
}
label[data-l10n-id="update-checkingForUpdates"]::after {
content: " - ma gucken, ob was da is..." !important;
color: blue !important;
font-weight: bold !important;
}
/* Update-Check mit Erwartung auf FF96ff..*/
#updateButton {
appearance: none !important;
background: yellow url('../icons/ud16.png')no-repeat 13px 1px !important;
color: white! important;
min-width: 360px !important;
padding-left: 30px !important;
margin: 0 0 10px 0!important;
border: 2px solid black !important;
border-radius: 10px !important;
}
#updateButton:hover{
background: lightblue url('../icons/ud16.png')no-repeat 13px 3px !important;
}
/* Dazugehörige default-GFX is im Weg...*/
#icons > .apply{
display: none !important;
}
#updateButton .button-box{
padding-top: 0 !important;
padding-bottom: 0 !important;
-moz-padding-start: 3px !important;
-moz-padding-end: 3px !important;
}
/* 'Meine FF-Version ist:' */
#version::before{
content: 'Meine FF-Version ist:';
font-size: 16px !important;
font-weight: bold !important;
color: Blue !important;
margin-top: 10px !important;
margin-right: 6px !important;
margin-bottom: 0px !important;
margin-left: 0px !important;
}
/* komplette Versionsnummer*/
#version{
font-size: 16px !important;
font-weight: bold !important;
margin-top: 30px !important;
color: black !important;
}
#icons > .icon {
margin-top: 8px !important;
}
/* 220103:
Grisu https://www.camp-firefox.de/forum/thema/134044/?postID=1194360#post1194360
*/
/* Label: "Firefox ist aktuell" */
/* Original-Icon 16 x16 */
/* 220107 padding rechts angepaßt, damit das umrandetet Feld nicht zappelt */
#aboutDialog #noUpdatesFound > label:nth-child(1) {
appearance: none !important;
border: 2px solid darkgrey !important;
border-radius: 10px !important;
background: lightgreen url('../icons/check-50.png') no-repeat 10px 6px !important;
background-size: 16px !important;
color: white !important;
font-size: 14px !important;
min-height: 28px !important;
margin: 10px 0 !important;
padding: 3px 63px 5px 37px !important;
}
label[data-l10n-id="update-noUpdatesFound"]::after {
/* content: " - aber nur bis zum 15.11.2022 8^)= " !important; */
/* content: " \00a0\00a0\00a0 - \00a0\00a0\00a0 aber nur bis zum 15.11.2022 \00a0\00a0\00a0 8^)= " !important; */
content: " - aber nur bis zum 13.12.2022 8^)= " !important;
white-space: pre;
color: blue !important;
font-weight: 600 !important;
}
/* 220101: Haken vor "Firefox ist aktuell"
Andy: https://www.camp-firefox.de/forum/thema/134044/?postID=1194078#post1194078 */
#icons > .noUpdatesFound {
display: none !important;
/* Icon und Rest kann dank grisu weg ;)*/
}
/* Neue Funktionen und Änderungen */
#releasenotes {
appearance: none !important;
background: yellow url('../icons/bild1.png')no-repeat 6px 1px !important;
color: black !important;
margin: 0 35px 0 10px !important;
padding: 1px 20px 0 30px !important;
border: 2px outset cadetblue !important;
border-radius: 14px !important;
}
#releasenotes:hover{
background-color: lightblue !important;
}
/* "Firefox-Hilfe" und "Feedback senden" ausblenden */
#updateBox vbox description.text-blurb label.text-link {
display: none !important;
}
/* unerwünschte Freifläche entfernen */
#updateBox {
margin-bottom: -25px !important;
}
/* "Mozilla"*/
[href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']
{
appearance: none !important;
background: yellow url('../icons/Moz.png') no-repeat 10px 3px !important;
color: black !important;
margin: 0 2px 0 -2px !important;
padding: 0 15px 0 35px !important;
border: 2px outset cadetblue !important;
border-radius: 14px !important;
}
[href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']:hover
{
background: lightblue url('../icons/Moz.png') no-repeat 10px 3px !important;
}
/* "globalen Community"*/
[href='about:credits'] {
appearance: none !important;
background: yellow url('../icons/beos-people16.png') no-repeat 10px 3px !important;
color: black !important;
margin: 5px 0 5px -2px !important;
padding: 0 15px 0 35px !important;
border: 2px outset cadetblue !important;
border-radius: 14px !important;
}
[href='about:credits']:hover{
background: lightblue url('../icons/beos-people16.png') no-repeat 10px 3px !important;
}
/* Hinter dem Komma einen Zeilenumbruch erzwingen
220103: Andy: https://www.camp-firefox.de/forum/thema/134044/?postID=1194391#post1194391
220104: abgerundeter Hintergrund
*/
#communityDesc {
max-width: 592px !important;
/* background: lightgreen !important; */
border: 2px solid darkgrey !important;
border-radius: 8px !important;
padding-left: 2px !important;
}
/* je nach background noch die Font-Farbe anpassen ;) */
#contributeDesc{
color: black !important;
/* color: white !important; */
}
/* "spenden sie" TRBL */
/* Andys Vorschlag angepaßt*/
#aboutDialog #contributeDesc label:nth-child(1) {
text-decoration: none !important;
font-size: 0 !important;
color: white !important;
}
#aboutDialog #contributeDesc label:nth-child(1)::before {
content: "Dann spenden Sie" !important;
color: black !important;
font-size: 14px !important;
background: url('../icons/spende16.png') !important;
background-color: yellow !important;
background-repeat: no-repeat !important;
background-position: 115px 0px !important;
border: 2px outset cadetblue !important;
border-radius: 14px !important;
margin: 0 9px 0 0!important;
padding: 0px 25px 0px 10px !important;
}
#aboutDialog #contributeDesc > label:nth-child(1):hover::before{
background-color: lightblue !important;
}
/* "machen sie mit" TRBL */
#aboutDialog #contributeDesc label:nth-child(2) {
text-decoration: none !important;
font-size: 0 !important;
}
#aboutDialog #contributeDesc > label:nth-child(2)::before{
content: "machen Sie einfach mit " !important;
color: black !important;
font-size: 14px !important;
background: url('../icons/quellcode-24_trans.png') !important;
background-size: 16px !important;
background-color: yellow !important;
background-repeat: no-repeat !important;
background-position: 145px 0px!important;
border: 2px outset cadetblue !important;
border-radius: 14px !important;
margin: 0 2px 0 11px!important;
padding: 0px 25px 0px 10px !important;
}
#aboutDialog #contributeDesc > label:nth-child(2):hover::before{
background-color: lightblue !important;
}
/* Bereich unten mit Lizensierung, Rechte und datenschutz...*/
#bottomBox{
background-color: transparent !important;
margin-top: -40px !important;
margin-bottom: 30px !important;
}
/* Informationen zur Lizensierung*/
/* will ich nich*/
[href='about:license'] {
display: none !important;
appearance: none !important;
background: yellow url('../icons/bild1.png')no-repeat 10px 3px !important;
color: black !important;
margin-left: 10px !important;
margin-top: 2px !important;
padding: 0 20px 0 40px !important;
border: 2px outset dodgerblue !important;
border-radius: 14px !important;
}
[href='about:license']:hover{
background: lightblue url('../icons/bild1.png')no-repeat 10px 3px !important;
}
/* Endanwenderrechte */
/* will ich nich*/
[href='about:rights']{
display: none !important;
appearance: none !important;
background: yellow url('../icons/bild25.png')no-repeat 10px 3px !important;
color: black !important;
margin: 2px 10px 0 -30px !important;
padding: 0 20px 0 40px !important;
border: 2px outset red !important;
border-radius: 14px !important;
}
[href='about:rights']:hover{
background: lightblue url('../icons/bild25.png')no-repeat 10px 3px !important;
}
/* Datenschutzbestimmungen*/
label.bottom-link:nth-child(3){
appearance: none !important;
background: yellow url('../icons/secure-mixed-16.png')no-repeat 10px 3px !important;
color: black !important;
margin: 2px -3px 0 -13px !important;
margin: 10px -3px -10px 255px !important;
padding: 0 20px 0 40px !important;
border: 2px outset green !important;
border-radius: 10px !important;
}
label.bottom-link:nth-child(3):hover {
background: lightblue url('../icons/secure-mixed-16.png')no-repeat 10px 3px !important;
}
/* Text ganz unten, Logo und Warenzeichen und so... ;)
220103: Andy: https://www.camp-firefox.de/forum/thema/134044/?postID=1194313#post1194313
*/
#trademark{
margin-top: 16px !important;
margin-bottom: -40px !important;
color: black !important;
border-radius: 10px !important;
background-color: lightblue !important;
border: 2px solid red !important;
width: 450px !important;
margin-left: 263px !important; /*FF106-221019*/
margin-right: 25px !important; /*FF106-221019*/
}
/* Den Text "Dialog-Design by harff182" will ich ganz unten rechts inne Ecke.... */
#aboutDialogContainer::after {
content: "Dialog-Design by harff182 " !important;
font-size: 10px !important;
color: black !important;
margin-left: 775px !important;
margin-bottom: -2px !important;
border-left: 2px solid grey !important;
border-top: 2px solid grey !important;
border-bottom: 0px !important;
border-right: 0px !important;
border-top-left-radius: 3px !important;
padding-left: 5px !important; /*FF106-221019*/
padding-bottom: 2px !important; /*FF106-221019*/
}
}
Alles anzeigen
Mag bitte mal wer drübergucken, der mehr von den Änderungen in 107 mitbekommen/verstanden hat?
Achja: Und bitte nicht zu laut über meine Art der (Aus-)Kommentierung lachen
Hat einer vielleicht Windows 11 und kann testen ob es klappt?
Klappt hier.
Danke für Eure helfenden Vorschläge.
Habn bischen rumprobiert und am besten gefällt mir diese Lösung:
Oder du nutzt normale Leerzeichen in Kombination mit white-space:
'nabend...
Ich passe mir grade meinen About-Dialog (Hilfe/Über Firefox) etwas an/zurecht.
An einer Stelle habe ich den Code
label[data-l10n-id="update-noUpdatesFound"]::after {
content: " - aber nur bis zum 15.11.2022 8^)= " !important;
color: blue !important;
font-weight: 600 !important;
}
Nun würde ich vor und nach dem "-" und nach 2022 gerne noch 2 zusätzliche Leerzeichen einfügen,
also
" - aber nur bis zum 15.11.2022 8^)= "
statt
" - aber nur bis zum 15.11.2022 8^)= "
Wie kann ich das hinbekommen?
kommt BietoZilla nicht.
Was ist das denn
Kann nachfolgendes Verhalten bitte mal jemand gegenchecken?
Ich benutze den Code von aborix aus #8.
Ich lasse die Lesezeichen-Symbolleiste mit Strg+Umschalt+B verschwinden und hol sie wieder.
Autopopup funktioniert nicht.
Überseh ich was bzw. mach ich was falsch?
Jawollja
Danke, 2002Andreas , Mira_Belle und Sören Hentzschel
Jetzt hab (nich nur) ich einen einzigen Thread, aus dem man/frau/ich lernen/abgucken kann, wie man die diversen (Kontext-)Menüs verwurschteln kann.
Ich wünsche Euch allen einen schönen, goldenen Oktober...
Da hab ich wohl um zuviele Ecken gedacht, denn diese simple Version hab ich nicht bei den auskommentierten Versuchen.
Teste mal das ↓.
Damit bekomme ich zusätzliche Separatoren im Lesezeichen-Ordner-Popup, aber nix im Tab-Kontext-Menu.
Oder auch:
Selbiges
Wo Separatoren immer nochn Thema sind:
An anderer Stelle hab ich mir diesen Code von Dir abguckt, mit dem Du erfolgreich warst:
/* 210908: Anpassungen Lesezeichen-Ordner-Popup - menuseparator
Mira_Belle https://www.camp-firefox.de/forum/thema/133313/?postID=1182184#post1182184
*/
#PlacesToolbar menupopup[placespopup="true"] menuseparator::before {
border-top: 2px solid blue !important;
}
Hast Du mal mit dem Gedanken gespielt, den/die Separatoren in diesem Kontextmenü umzufärben?
Ich komm da auf keinen grünen Zweig, egal, was ich durch was ersetze
Für jene die hier mitlesen, ich habe hier noch einen Trick.
Danke fürs teilen, habbich direkt mal gebookmarkt...
Sören Hentzschel : Auch von mir ein dickes Danke
für Deine geduldigen Erklärungen.
UnserMeinereiner als JS-Dummy braucht halt den ein oder andern Schubs zum lernen/abgucken:
vorher:
nachher:
Einzig das mit dem Separator wurmt mich!
Ich hab mir mal 2-3 Gedanken zu dem Separator gemacht und in developer.mozilla.org etwas rumgesucht.
Mit Document.GetElementById() ist der "menuseparator" wohl nicht greifbar.
Ich find jedenfalls nirgendwo eine ID für die Separatoren.
Es gibt dann aber noch ähnliches:
Document.getElementsByClassName()
Document.getElementsByTagName()
Document.getElementsByTagNameNS()
Document.getElementsByName()
Das letzte könnte interessant sein, aber ich habe diese Woche kaum Zeit rumzutesten.
Vielleicht fällt 2002Andreas oder Sören Hentzschel ja noch was ein, wie man/Du/ich einen zusätzlichen Separator in dieses Kontextmenü gebastelt bekommen.
Guuts nächtle allerseits...