da kann das AddOn 'Selective Bookmarks Export Tool' weiter helfen.
Danke für den Tip, auf sowas hab ich gewartet 
Grade ausprobiert und tut, was ich erwartet habe.
Beiträge von harff182
-
-
Ich hab ja in meinen Dialog ganz links oben den Text "Das hier ist meine Spielwiese zum lernen " mit diesem Code eingefügt:
CSS#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; }Nun werden ja an diversen Stellen im Dialog-Code mit z.B. [href='about:credits'] anklickbare Links geschaffen bzw zur Verfügung gestellt.
Könnte ich meinen Text auch mit einem Link ausstatten, der dann auf diesen Thread hier verweist? -
Is zwar der aus #163
, aber Danke, Schema erkannt, Problem gebannt 
-
Danke, ich hab mir Deinen Code aus #162 mal angepaßt, kommt ganz gut:
Auch wenn ich nicht unbedingt der Hover-Fan bin, möchte ich den Spendenbereich hovern, scheitere aber bisher
Über eine Lernhilfe würde ich mich freuen
-
Besser?
Ein glücklicher Fuchs 
Bezüglich background-size : wenn du sowas nachgucken willst, besser hier:
background-size - CSS | MDNDie background-size CSS Eigenschaft definiert die Abmessungen eines Hintergrundbildes. Die Abmessungen des Bildes können komplett festgelegt werden oder nur…developer.mozilla.orgMit den Erklärungen + Beispielen komme sogar ich oft klar
guuts nächtle... -
hm...
Warum hast Du das #aboutDialog davor? Funktioniert doch auch ohne
-
Meinst du das in dieser Art?
Nicht so ganz, da bin ich pingelig in meinen Vorstellungen.
Wenn das "Dann" drin ist, dann soll es so wie bei mir rechts vom Händchen sein und dann muß "spenden" kleingeschrieben sein.
Aaaaber:Wenn ich "Dann: " einsetze, wäre das akzeptabel. Ich geh mal spielen...
-
Danke, dann bastel ich mal weiter, ob ich was hinbekomme, was mir gefällt.
Und am späten Freitag aben darf ich Dir ein schönes Wochende wünschen
-
Die Idee wäre dabei so etwas wie:
Ich hab damit auch grade was rumgespielt.
Das linke Bild hat ja einen dünnen blauen Rand.
Hast Du den zur Verdeutlich reingemacht?
Oder andersrum gefragt:
(Wie) bekomme ich um das rechte Bild so einen dünnen Rand?
-
Hab mal wieder meinem Spieltrieb gefrönt und komm an der letzten Stelle nicht weiter:
Eigentlich wollte ich das " Dann " nach dem Fragezeichen davor haben.
Alternativ sollte " "Spenden Sie" durch "Dann spenden Sie" ersetzt werden.
Schaff ich aber nicht
Das war mein bisher letzter (und einziger erfolgreicher) Versuch:
CSS
Alles anzeigen/* "spenden sie" */ #contributeDesc > label:nth-child(1)::before { content: "Dann " !important; color: black !important; } #contributeDesc > label:nth-child(1){ display: transparent !important; appearance: none !important; background: yellow url('../icons/spende16.png') no-repeat 10px 3px !important; color: black !important; margin: 0 -3px 0 -2px !important; padding: 0 15px 0 35px !important; border: 2px outset cadetblue !important; border-radius: 14px !important; }Irgendwer mit einer hilfreichen Idee?
-
GESCHAFFT
MIST - ich hatte mich grade hingesetzt und angefangen, meinen Code umzubauen
Kannichjadannwohllöschen .
Und mein besonderer Dank geht an harff182
Meinereiner fühlt sich geschmeichelt
für Deine Kritik
Und da isse widda:
Dein Fuchs sieht kastriert aus:
An der rechten Seite ist am Ohr und am Bart ist was abgeschnitten und am lenken Bart auch.
Dat GFX paßt so nich rein.
Füge da mal background-size: contain !important; ein
Und was bei meinem güldenen nicht, aber bei Deinem schwarzen Hintegrund sehr wohl auffällt:
Rundherum ist so ein komischer heller Pünktchen-Rand - is abba Geschmackssache, ob man da nacharbeitet
Schön, daß Du letztendlich Dein Ziel erreicht hast
-
da wollten wir das schon in Angriff nehmen, aber nicht geschafft
Kurz zwischendurch:
Meinereiner hats doch geschafft.
Guckst Du nebenan in #150 ...
-
Mit Verlaub, und ohne Dir nahetreten zu wollen: Du fängst an, dich genauso zu verzetteln wie Omar letztes Jahr.
Es ist problematisch, an mehreren verschiedenen Stellen/Codes in einem Thread gleichzeitig rumzubasteln.
Mein Vorschlag:
Das mit den Pfadangaben habe ich noch immer nicht so richtig gerafft!
Finde dafür als erstes eine funktionierende Lösung.
Interessanterweise ist das GIF großer als das PNG
Dann such/finde eins in passender Größe. Könnte ein Positionierungsproblem weniger ergeben.
Da ging es darum, dass die Grafiken nicht deckungsgleich sind!
Das ist aus meiner Sicht das größte Problem in deinem Code.
Ich würde den Code erstmal aufräumen und so kommentieren, daß ich sehe, was wozu gehört und sich eventuell beeinflußt.
Bin allerdings jetzt erstmal für einige Stunden weg...
-
Sorry, ich geb auf
Ich komm mit dem "Update-Check" nicht weiter, da Dein Code sich von meinem doch sehr stak unterscheidet.
Tut mir leid, hab ich mich wohl übernommen
-
Wie immer:
Danke für Deine unermüdliche Mühe, ich hab Deine Versionen sogar gebackupped, aber meine Lösung sagt mir (im Moment) am meisten zu -
Nix Da - Du bist unser CSS-Voodoo-Priester
-
Nur damit ich Deine Vorstellung richtig verstehe:
"Nach Updates suchen" und "Firefox ist aktuell" in gleichem Font unf Fontgröße in einer Flucht zur darunterliegenden Version.
Und die Icons jeweils in gleicher/ähnlicher Größe und Abstand links davor.
Aber erwarte keine Wunder, im Gegensatz zu 2002Andreas bin ich kein Houngan
-
Blende die Grafik in Zeile 122 mal nicht aus!
Doch, doch, doch, doch, doch...Damit funktionuckelts wie meinereiner es gerne hätte:
CSS
Alles anzeigen/* Update-Check ohne Erwartung ;)*/ /* Blendet Original-Animationen aus!*/ #icons > .update-throbber { /* 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-loader.gif') no-repeat 10px 6px !important; background-size: 16px !important; color: black !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 0px !important; /* jabba dabba doooo */ padding: 3px 20px 5px 37px !important; }Mira_Belle : Vielleicht kannste ja schon was abgucken
Teste ich gleich auch nochmal, aber jetzt muß ich mich um Abendessen und Tabletten für meine Mom kümmern.
-
Gibste mal bitte deinen kompletten Code?
Und eventuell benutzte GFX für Haken und animiertes GIF
Wenn ich meinen Zappelphilip, den ich im Thread nebenan angeprangert hab, gebändigt bekomme, tausch ich meinen Dialog mal gegen Deinen und bastel damit weiter
-
Hab noch was gefunden, was mich bei der ganzen Testerei beim Um-/Aufräumen meines Codes dann doch etwas genervt hat.
Code:
CSS
Alles anzeigen/* 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: 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-05: Großes Aufräumen, was nicht notwedig scheint und richtige? Reihenfolge;) Diverse optische Anpassungen, Umstellungen und Doku-Zeilen Anmerkung: N++ hat Probleme mit den Klammern, Atom und Inet-Check nicht ;) Sören sagt: TRBL */ @-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 { 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; } #aboutDialog, #aboutDialogContainer, #bottomBox, #clientBox, #trademark { background-color: gold !important; } /* gesamter Innenbereich*/ #aboutDialog{ height: 350px !important; } /* Das ist links die Box um das FF-Logo*/ #leftBox { margin-top: 60px !important; appearance: none !important; background: gold url('../icons/foxfav.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: 10px !important; } /* GFX durch TXT ersetzen - mit Zeilenumbruch + 2 Fonts versuchen*/ #rightBox::before { content: "Firefox Workbench" !important; font-family: 'KeypressDB' !important; font-size: 47px !important; text-shadow: 3px 3px 4px red !important; color: black !important; } #detailsBox::before { content: "In Memory of AmigaOS and Beos" !important; font-family: 'PaulBecker' !important; font-size: 15px !important; color: black !important; border-radius: 10px !important; background-color: lightblue !important; border: 2px solid red !important; padding: 0 10px 0 10px !important; } /* 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 { visibility: hidden !important; } #updateDeck #checkingForUpdates > label { appearance: none !important; border: 2px solid darkgrey !important; border-radius: 10px !important; background: lightblue url('../icons/ajax-loader.gif') no-repeat 10px 6px !important; background-size: 16px !important; color: black !important; font-size: 14px !important; font-weight: 600 !important; min-height: 28px !important; margin: 10px 0 0 -25px !important; padding: 3px 20px 5px 37px !important; } /* Update-Check mit Erwartung auf FF96ff..*/ #updateButton { appearance: none !important; background: yellow url('../icons/ud16.png')no-repeat 13px 1px !important; color: black !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" */ #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: black !important; font-size: 14px !important; min-height: 28px !important; margin: 10px 0 !important; padding: 3px 20px 5px 37px !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 { background: lightgreen !important; border: 2px solid darkgrey !important; border-radius: 10px !important; max-width: 590px !important; } /* "spenden sie" */ #contributeDesc > label:nth-child(1){ appearance: none !important; background: yellow url('../icons/spende16.png') no-repeat 10px 3px !important; color: black !important; margin: 0 -3px 0 -2px !important; padding: 0 15px 0 35px !important; border: 2px outset cadetblue !important; border-radius: 14px !important; } #contributeDesc > label:nth-child(1):hover{ background: lightblue url('../icons/spende16.png') no-repeat 10px 3px !important; } /* "machen sie mit" */ #contributeDesc > label:nth-child(2){ appearance: none !important; background: yellow url('../icons/daumen-hoch-16.png') no-repeat 10px 3px !important; color: black !important; margin: 0 10px 0 -2px !important; padding: 0 15px 0 35px !important; border: 2px outset cadetblue !important; border-radius: 14px !important; } #contributeDesc > label:nth-child(2):hover{ background: lightblue url('../icons/daumen-hoch-16.png') no-repeat 10px 3px !important; } /* Bereich unten mit Lizensierung, Rechte und datenschutz...*/ #bottomBox{ margin-top: -30px !important; margin-bottom: 30px !important; } /* Informationen zur Lizensierung*/ [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 */ [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; 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: 500px !important; margin-left: 260px !important; } /* 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: 815px !important; } }Und das nervt meinereiner:
Während nach Updates gesuch wird, ist die Zeile darunter (und nur die) nach rechts eingerückt.
Isser fertig, springt sie dahin, wo sie gemäß Code hinsoll.
Vielleicht hat ja wer eine hilfreiche Idee.
