Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Link Schriftfarbe anpassen

    NEWS

    • Neues Video über Aliase, virtuelle Geräte und Kategorien

    • Wir empfehlen: Node.js 22.x

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    Link Schriftfarbe anpassen

    This topic has been deleted. Only users with topic management privileges can see it.
    • K
      Kuddel last edited by Kuddel

      Hallo zusammen,

      wenn ich in meiner VIS das Link Widget verwende, bleibt die Schrift in der Runterime immer blau, obwohl ich im Widget weiß eingestellt habe?

      Wie kann man die Schriftfarbe anpassen?

      46f9a3b5-d53f-40d1-b300-346b5bc3dbaf-grafik.png

      ab4fd000-4e28-4914-b111-06bb2ca21e78-grafik.png

      408e855c-dd8d-4335-8692-341b973b97e0-grafik.png

      Widget Export

      [{"tpl":"tplLink","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":">","visibility-val":"0","visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"name":"Device_1_IP","visibility-oid":"0_userdata.0.shelly-devices.Anzahl","href":"http://{0_userdata.0.shelly-devices.Device_1.IP}","html":"{0_userdata.0.shelly-devices.Device_1.IP}","class":""},"style":{"left":"420px","top":"50px","width":"150px","height":"25px","color":"white","font-family":"Arial, Helvetica, sans-serif","font-style":"normal","font-variant":"normal","font-weight":"bolder","font-size":"large","line-height":"25px"},"widgetSet":"basic"}]
      

      DJMarc75 1 Reply Last reply Reply Quote 0
      • DJMarc75
        DJMarc75 @Kuddel last edited by

        @kuddel
        Das ist ein Link und die Farbe (usw) musst du dann über CSS ändern.

        K 1 Reply Last reply Reply Quote 0
        • K
          Kuddel @DJMarc75 last edited by

          @djmarc75 okay, auf dem Gebiet "CSS" bin ich absoluter Anfänger und bräuchte da Hilfe

          DJMarc75 1 Reply Last reply Reply Quote 0
          • DJMarc75
            DJMarc75 @Kuddel last edited by DJMarc75

            @kuddel ich leider auch daher kann ich nur bedingt weiterhelfen:

            .linkwhite a:link,
            .linkwhite a:visited,
            .linkwhite a:active,
            .linkwhite a:hover {
                color:white; 
                text-decoration:none;
                }
            

            Das kopierst Du mal in VIS unter CSS rein

            Screenshot 2022-05-29 191311.png
            und gibst dann im Widget (unter "Generell - CSS Klasse" linkwhite ein.

            Screenshot 2022-05-29 191403.png

            Das mal als Grunderklärung, mehr kann ich da auch net helfen.

            K 1 Reply Last reply Reply Quote 0
            • K
              Kuddel @DJMarc75 last edited by

              @djmarc75 ja es wird langsam besser.

              leider wird die Schriftfarbe nur beim Mouseover weiß und nicht permanent.

              DJMarc75 1 Reply Last reply Reply Quote 0
              • DJMarc75
                DJMarc75 @Kuddel last edited by DJMarc75

                @kuddel Dann muss

                {
                   color:white;
                    text-decoration:none;
                    }
                

                dies wohl auch hinter die anderen (a:link, usw)

                Aber musst probieren, wie gesagt, ich bin da auch Neuling

                EDIT: vll liest ja ein Profi mit

                K 1 Reply Last reply Reply Quote 0
                • K
                  Kuddel @DJMarc75 last edited by

                  @djmarc75

                  .linkwhite a:link {
                      color:white; 
                      text-decoration:none;
                  }
                  .linkwhite a:visited {
                      color:white; 
                      text-decoration:none;
                  }
                  .linkwhite a:active {
                      color:yellow; 
                      text-decoration:none;
                  }
                  .linkwhite a:hover {
                      color:orange; 
                      text-decoration:none;
                  }
                  
                  Wenn ich jetzt jeden Link 1x anklicke bleibt er weiß
                  
                  1 Reply Last reply Reply Quote 0
                  • First post
                    Last post

                  Support us

                  ioBroker
                  Community Adapters
                  Donate

                  463
                  Online

                  32.0k
                  Users

                  80.5k
                  Topics

                  1.3m
                  Posts

                  vis
                  2
                  7
                  272
                  Loading More Posts
                  • Oldest to Newest
                  • Newest to Oldest
                  • Most Votes
                  Reply
                  • Reply as topic
                  Log in to reply
                  Community
                  Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                  The ioBroker Community 2014-2023
                  logo