1. Nachrichten
  2. Forum
    1. Unerledigte Themen
    2. Forenregeln
  3. Spenden
  • Anmelden
  • Registrieren
  • Suche
Alles
  • Alles
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche
  1. camp-firefox.de
  2. harff182

Beiträge von harff182

  • Wunsch: eine hauchdünner heller Rand beim dunklen Theme

    • harff182
    • 13. Januar 2022 um 22:54

    2002Andreas :

    :thumbup: Danke für den Hinweis

    Da war ich das letzte und einzige mal, als ich nach dem Upgrade Win7 => W10 das gleiche Design wiederhaben wollte.

    Hab jetzt fast 'n halbes Stündchen dran rumgespielt und nix gescheites hinbekommen.

    Setz ich mal auf meine 2do Liste als Letztes für wenn ich garnix anderes zu tun hab :/

    || :sleeping: guuts nächtle...

  • Wunsch: eine hauchdünner heller Rand beim dunklen Theme

    • harff182
    • 13. Januar 2022 um 22:19

    Mira_Belle :

    Zitat von Mira_Belle

    Ich füge mal ein Bild ein, damit klarer wird, was ich meine.

    :/ Wieso haben die beiden FF-Fenster in Deinem Bild verschiedene Titel-Leisten-Farben?

    Wie hasn dat anjestellt?

    Auch haben wollen ;)

    Oder ist das auch wieder ein Win11-Feature?

  • About Seiten mit CSS Codes anpassen

    • harff182
    • 13. Januar 2022 um 20:52
    Zitat von Mira_Belle

    Wie hast Du die drei Spalten hingezaubert?

    Wahrscheinlich so ähnlich wie meinereiner:

    CSS
    /*    hübscheres about:about */
    /*    Endor hier: https://www.camp-firefox.de/forum/thema/130540/?postID=1189557#post1189557
    
    /*    211120: ma gucken ;) 
        220101: Farben, Ränder und Hintergründe  angepaßt
    */
    
    /* AGENT_SHEET */
    @namespace url(http://www.w3.org/1999/xhtml);
    @-moz-document url("about:about") {
        html {
            background: gold !important; /*harff182 */
        }
            
        ul.columns {
            column-count: 3 !important;
            column-gap: 0px !important;
            margin: 0 !important;
        }
            
        body{ 
            /* background-color: #fffff0 !important; */
            background-color: yellow !important;    /*harff182 */
            max-width: 1200px !important;
            min-height: 600px !important;
            height: auto !important; 
            margin-top: 70px !important;
            margin-bottom: 30px !important;
            margin-left: 5px !important;
            padding-top: 45px !important;
            padding-left: 25px !important;
            padding-right: 25px !important;
            padding-bottom:  65px !important;
            border-left-color:  lightblue!important;
            border-top-color:  lightblue!important;
            border-right-color:  dodgerblue!important;
            border-bottom-color:  dodgerblue!important;
            border-color:  dodgerblue!important; /*harff182*/
            border-radius: 20px !important;
            border-width:  4px !important;
            border-style: solid !important;
        }
            
        .container > h1:nth-child(1){
            margin-left: 50px !important;
            color: blue !important; 
            font-size: 24px !important; 
            font-weight: bold !important;
        }
            
        ul{
            list-style: none !important;
        }
                            
        #abouts{
            min-width: 1120px !important;
            background-color: #ffffff !important;
            margin-left: -200px !important;
            margin-top: 25px !important;
            padding-top: 25px !important;
            padding-left: 25px !important;
            padding-right: 25px !important;
            padding-bottom:  25px !important;
            border-left-color:  lightblue!important;
            border-top-color:  lightblue!important;
            border-right-color:  dodgerblue!important;
            border-bottom-color:  dodgerblue!important;
            border-color:  lightblue!important;
            border-radius: 20px !important;
            border-width:  4px !important;
            border-style: solid !important;
            /*harff182: */
            background: linear-gradient(to bottom right, yellow, gold, orange, yellow, gold, orange) !important;
        }
            
        p{
            margin-left: 160px !important; 
            font-size:15px!important;
            font-weight: 600 !important;     /*harff182: Semo Bold*/
            font-style: italic !important;    /*harff182 */
        }
            
        h1::before {
            content: "Harffs Firefox:    "; 
            font-weight:bold !important;  
            color:red !important; 
            margin-left: 110px !important;
        }
    
        a{
            text-decoration: underline !important;
            color:black!important;
        }
        
        /* Breite der Schaltflächen */
    
        #abouts > li:nth-child(n+1){
            min-width: 170px !important;
            max-width: 170px !important;
        }
            
        /* Die ersten 14 */
        #abouts > li:nth-child(-n+14){
            appearance:none!important;
            background: #efefef url("../icons/Bild3.png")no-repeat !important;
            color:transparent!important;
            font-size:14px!important;
            text-decoration: underline!important;
            margin-top:3px!important;
            margin-bottom: 5px !important;
            margin-right:20px!important;
            margin-left: 55px !important;
            padding-right: 45px !important;
            padding-left:40px!important;
            padding-top: 1px!important;
            padding-bottom: 2px!important;
            border-left-color:  lightblue!important;
            border-top-color:  lightblue!important;
            border-right-color:  dodgerblue!important;
            border-bottom-color:  dodgerblue!important;
            border-style: outset !important;
            border-width:2px !important;
            background-position:14px 2px!important;
            border-radius:14px!important;
        }
    
    
        /* Die ersten 14 hover */
        #abouts > li:nth-child(-n+14):hover{
            appearance:none!important;
            background: #B2EDFA  url("../icons/Bild3.png")no-repeat !important;
            color:transparent!important;
            font-size:14px!important;
            text-decoration: underline !important;
            border-left-color:  #bbddff !important;
            border-top-color:  #bbddff !important;
            border-right-color:  #11508d !important;
            border-bottom-color:  #11508d !important;
            border-style: outset !important;
            border-width:2px !important;
            background-position:14px 2px!important;
            border-radius:14px!important;
        }
            
        /* Die mittleren 15 */
        #abouts > li:nth-child(n+15){
            appearance:none!important;
            background: #efffbf url("../icons/Bild3.png")no-repeat !important;
            color:transparent!important;
            font-size:14px!important;
            text-decoration: underline !important;
            margin-top:3px!important;
            margin-bottom: 5px !important;
            margin-right:5px!important;
            margin-left: 70px !important;
            padding-right: 25px !important;
            padding-left:40px!important;
            padding-top: 1px!important;
            padding-bottom: 2px!important;
            border-left-color:  #79d279 !important;
            border-top-color:  #79d279 !important;
            border-right-color:  #009900 !important;
            border-bottom-color:  #009900 !important;
            border-style: outset !important;
            border-width:2px !important;
            background-position:14px 2px!important;
            border-radius:14px!important;
        }
    
        /* Die mittleren 15 hover */
        #abouts > li:nth-child(n+15):hover{
            appearance:none!important;
            background: #B2EDFA  url("../icons/Bild3.png")no-repeat !important;
            color:transparent!important;
            font-size:14px!important;
            text-decoration: underline !important;
            border-left-color:  #bbddff !important;
            border-top-color:  #bbddff !important;
            border-right-color:  #11508d !important;
            border-bottom-color:  #11508d !important;
            border-style: outset !important;
            border-width:2px !important;
            background-position:14px 2px!important;
            border-radius:14px!important;
        }
        
        /* Die letzten 14 */
        #abouts > li:nth-child(n+30){
            appearance:none!important;
            background: cornsilk url("../icons/Bild3.png")no-repeat !important;
            color:transparent!important;
            font-size:14px!important;
            text-decoration: underline !important;
            margin-top:3px!important;
            margin-bottom: 5px !important;
            margin-right:45px!important;
            padding-left:40px!important;
            padding-top: 1px!important;
            padding-bottom: 2px!important;
            border-left-color:  #ffb2b2 !important;
            border-top-color:  #ffb2b2 !important;
            border-right-color:  #8d0000 !important;
            border-bottom-color:  #8d0000 !important;
            border-style: outset !important;
            border-width:2px !important;
            background-position:14px 2px!important;
            border-radius:14px!important;
        }
    
        /* Die letzten 14 hover */
        #abouts > li:nth-child(n+30):hover{
            appearance:none!important;
            background: #B2EDFA url("../icons/Bild3.png")no-repeat !important;
            color:transparent!important;
            text-decoration: underline !important;
            font-size:14px!important;
            border-left-color:  #bbddff !important;
            border-top-color:  #bbddff !important;
            border-right-color:  #11508d !important;
            border-bottom-color:  #11508d !important;
            border-style: outset !important;
            border-width:2px !important;
            background-position:14px 2px!important;
            border-radius:14px!important;
        }            
    }
    Alles anzeigen

    have fun :D

  • Dialog Hilfe/Über Firefox

    • harff182
    • 10. Januar 2022 um 23:16
    Zitat von Sören Hentzschel

    Firefox-Anpassungen sind nun einmal Spielereien.

    Die aber lehrreich sein können.

    Mich hat es z.B. unheimlich genervt, daß ich auf dem MDN zwar den Border image generator entdeckt hatte, aber

    - mit von mir hochgeladenen SVGs nur base64 zurückbekam.

    - die helle Schnörkel-Vorlage nur für primär dunkle Hinterhgründe taugt.

    Ich habs nunmal nicht so mit SVG und base64 und dunklen Füchsen <X

    Dann hab ich mir im Netz einen schwarzen SVG-Rahmen gesucht, der mir etwas zusagt und solange rumgebastelt, bis er mit meinem "Goldbärchen-Design" harmoniert:

    Und demnext guck ich mal ob ich nen Rahmen/Border finde, den ich noch besser finde, denn jetzt weis ich ja, wie es geht ;)

    Lange Rede, kurzer Sinn: ich hab heut abend mal wieder einiges dazugelernt und kann zufrieden :sleeping: machen.

  • Dialog Hilfe/Über Firefox

    • harff182
    • 10. Januar 2022 um 16:58

    Ich weis, ich bin nicht der schnellste, aber meine Mom unten hat Vorrang, wenns um Ihre Pflege geht.

    Zitat von Mira_Belle

    Verrätst Du mir

    Auch wenn es bisher schon Lösungen gab, hier meine:

    CSS
    /*    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: 789px !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;
        }
    Alles anzeigen
    Zitat von Mira_Belle

    Aber es ist ja Deine "Spielwiese"

    ....zum lernen ;)

    Mir gehts dabei oft mehr um ein "Proof of Concept", also ob ich was hinbekomme.

    Sei es ein großes Bild im Hintergrund, oder ein kleines mehrfach hinter-/untereinander oder ein Farbverlauf oder...

    Selbiges gilt für mein Füchschen ;)

    Sei es normale Rahmen, Schnörkel-Rahmen oder ein Polygon-Rahmen: probieren geht über Studieren.

    Feinarbeiten mach ich erst dann, wenn ich glaube, eine Variante für länger zu behalten.

    Für mich ist es auch schön und hilfreich, zu sehen, welche Design-Vielfalt, oft mit Code, hier auftaucht und dass es wieder was zum abgucken/testen gibt.

    Damit kann ich mich Abends super vom Streß/Frust des Tage ablenken :thumbup:

  • Dialog Hilfe/Über Firefox

    • harff182
    • 9. Januar 2022 um 23:38

    Einen hab ich noch:

  • Dialog Hilfe/Über Firefox

    • harff182
    • 9. Januar 2022 um 22:13

    Das Wetter war bescheiden und ich hatte genug Muße, wieder etwas rumzuspielen :D :saint:

    Ergebnisse:

    und

    Jeweils in diversen Gradient-Farb- und Backgound-Versionen, je nach Wetter, Tages- oder Jahreszeit oder Gemütsverfassung.

    Ich wünsch Euch allen eine trockene Woche und wende mich jetzt meinem Lieblingsport zu: Snooker gucken :D

  • Wie EINEN Lesezeichenordner in anderen PC kopieren?

    • harff182
    • 9. Januar 2022 um 20:36
    Zitat von oldman53

    da kann das AddOn 'Selective Bookmarks Export Tool' weiter helfen.

    :thumbup: Danke für den Tip, auf sowas hab ich gewartet ;)

    Grade ausprobiert und tut, was ich erwartet habe.

  • Dialog Hilfe/Über Firefox

    • harff182
    • 8. Januar 2022 um 19:44

    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?

  • Dialog Hilfe/Über Firefox

    • harff182
    • 8. Januar 2022 um 17:38

    Is zwar der aus #163 ;) , aber :thumbup:Danke, Schema erkannt, Problem gebannt ^^

  • Dialog Hilfe/Über Firefox

    • harff182
    • 8. Januar 2022 um 17:08

    2002Andreas :

    :thumbup: 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 :)

  • Hilfedialog (Anpassungen)

    • harff182
    • 8. Januar 2022 um 01:08
    Zitat von Mira_Belle

    Besser?

    :thumbup: :thumbup: :thumbup: :thumbup: Ein glücklicher Fuchs :D

    Bezüglich background-size : wenn du sowas nachgucken willst, besser hier:

    background-size - CSS | MDN
    Die background-size CSS Eigenschaft definiert die Abmessungen eines Hintergrundbildes. Die Abmessungen des Bildes können komplett festgelegt werden oder nur…
    developer.mozilla.org

    Mit den Erklärungen + Beispielen komme sogar ich oft klar ;)

    || guuts nächtle...

  • Dialog Hilfe/Über Firefox

    • harff182
    • 7. Januar 2022 um 23:05

    :/ hm...

    Warum hast Du das #aboutDialog davor? Funktioniert doch auch ohne :huh:

  • Dialog Hilfe/Über Firefox

    • harff182
    • 7. Januar 2022 um 22:32
    Zitat von grisu2099

    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. :P

    :/ Aaaaber:

    Wenn ich "Dann: " einsetze, wäre das akzeptabel. Ich geh mal spielen... :D

  • Tipp: Buttons mit (kleinen) abgeschrägten Ecken

    • harff182
    • 7. Januar 2022 um 21:56

    :thumbup: 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 ^^

  • Tipp: Buttons mit (kleinen) abgeschrägten Ecken

    • harff182
    • 7. Januar 2022 um 21:25
    Zitat von Sören Hentzschel

    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?

  • Dialog Hilfe/Über Firefox

    • harff182
    • 7. Januar 2022 um 21:10

    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
    /*    "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;
        }
    Alles anzeigen

    Irgendwer mit einer hilfreichen Idee?

  • Hilfedialog (Anpassungen)

    • harff182
    • 7. Januar 2022 um 20:39
    Zitat von Mira_Belle

    GESCHAFFT

    MIST - ich hatte mich grade hingesetzt und angefangen, meinen Code umzubauen :P

    Kannichjadannwohllöschen .

    Zitat von Mira_Belle

    Und mein besonderer Dank geht an harff182

    Meinereiner fühlt sich geschmeichelt :saint:

    Zitat von Mira_Belle

    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 :D

    Schön, daß Du letztendlich Dein Ziel erreicht hast :thumbup:

  • Hilfedialog (Anpassungen)

    • harff182
    • 7. Januar 2022 um 17:22
    Zitat von FuchsFan

    da wollten wir das schon in Angriff nehmen, aber nicht geschafft

    Kurz zwischendurch:

    Meinereiner hats doch geschafft. :/

    Guckst Du nebenan in #150 ...

  • Hilfedialog (Anpassungen)

    • harff182
    • 7. Januar 2022 um 15:53

    Mira_Belle :

    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:

    Zitat von Mira_Belle

    Das mit den Pfadangaben habe ich noch immer nicht so richtig gerafft!

    Finde dafür als erstes eine funktionierende Lösung.

    Zitat von Mira_Belle

    Interessanterweise ist das GIF großer als das PNG

    Dann such/finde eins in passender Größe. Könnte ein Positionierungsproblem weniger ergeben.

    Zitat von Mira_Belle

    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...

Unterstütze uns!

Jährlich (2025)

104,5 %

104,5% (679,10 von 650 EUR)

Jetzt spenden
  1. Kontakt
  2. Datenschutz
  3. Impressum
Community-Software: WoltLab Suite™
Mastodon