Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. ioBroker Allgemein
    4. Tvspielfilm.adapter TV Programm für VIS

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    Tvspielfilm.adapter TV Programm für VIS

    This topic has been deleted. Only users with topic management privileges can see it.
    • D
      driftkingisback @Homoran last edited by

      @homoran said in Tvspielfilm.adapter TV Programm für VIS:

      @driftkingisback So lange ich nichts weiss wie groß de7ne Seite ist und wie groß dein Widget und wie klein es wrrden soll, kann ich dir nicht helfen.

      @driftkingisback sagte in Tvspielfilm.adapter TV Programm für VIS:

      schrift etwas kleiner, finde dazu nichts

      ehrlich?
      keine Schriftgröße im Widget?

      Habs gefunden, wenn ich die CSS einfüge ändert sich das komplett auf meine ganze VIS das soll nur auf der Seite passieren wie stelle ich das ein?Sorry bin noch änfänger

      Homoran 1 Reply Last reply Reply Quote 0
      • Homoran
        Homoran Global Moderator Administrators @driftkingisback last edited by

        @driftkingisback sagte in Tvspielfilm.adapter TV Programm für VIS:

        Habs gefunden, wenn ich die CSS einfüge ändert sich das komplett auf meine ganze VIS das soll nur auf der Seite passieren wie stelle ich das ein?Sorry bin noch änfänger

        dann solltest du unbedingt das hier
        https://forum.iobroker.net/topic/51555/hinweise-für-gute-forenbeiträge/1

        lesen und befolgen

        mit deiner Aussage kann man nichts anfangen

        D 1 Reply Last reply Reply Quote 0
        • D
          driftkingisback @Homoran last edited by

          @homoran ja hab ich verstanden,
          ich mein ich habe nach Anleitung die CSS eingefügt und das hat auch alles gut funktioniert, leider ändern sich dann auch alle anderen VIS Seiten, wie kann ich das einstellen dass die CSS nur auf der VIS Seite Spielfilme sich ändert?

          P 1 Reply Last reply Reply Quote 0
          • P
            pix @driftkingisback last edited by pix

            @driftkingisback Hallo,

            wenn Du - wie von Homoran geraten - die Dokumentaion des Adapters ansiehst, findest Du hier:

            https://github.com/iobroker-community-adapters/ioBroker.tvspielfilm/blob/master/docs/de/doc_tvspielfilm_de.md#css-konfiguration

            die entsprechenden CSS-Klassen, deren Parameter du ändern kannst, um die Erscheinung anzupassen. Dieses CSS bitte im Reiter Projekt (rehts im VIS Editor) einfügen.

            Gruß
            Pix

            haselchen 1 Reply Last reply Reply Quote 0
            • haselchen
              haselchen Most Active @pix last edited by haselchen

              @pix

              Huhu, wollte den WAF erhöhen mit deinem Adapter, stattdessen kriege ich graue Haare 🙂

              Wenn ich das CSS einfügen will ist

              a) da schon was drin

              b) wenn ich das lösche und deines eingebe, dann haben alle Tabellen in der VIS diese Einstellung

              Ich schliesse mich meinem Vorfrager an, wie kann man eine CSS nur für das spezielle Widget eingeben.

              1963493e-3d30-446a-a124-5f9a960207bb-grafik.png

              Das kommt wenn ich CSS anklicke......gehört zu meiner Heizungsview

              @Homoran

              O 1 Reply Last reply Reply Quote 0
              • O
                Oli @haselchen last edited by

                @haselchen
                einfach unter deine vorhandene CSS mit einfügen

                Hier mal ein Beispiel:

                /* --------------------------------------------------
                  tv-spielfilm
                 ------------------------------------------------- */
                
                .tclass-th { /* Headerzeilen */
                    background-color: darkgrey;
                    background-color: rgba(100,100,100,0.8);
                    color: white;
                    font-weight: bold;
                    font-family: Arial;
                }
                
                .tclass-th1 { /* linker Header */
                    width: 20px;
                    text-align: center;
                    color: transparent; /* Text ausblenden */
                    /* display: none; */ /* ganze Spalte ausblenden */
                }
                
                .tclass-th .tclass-th1 {
                    display: none; /* Spaltenüberschrift überm Bild ausblenden*/
                }
                
                .tclass-tr {
                    color: red;
                }
                
                
                .tclass-tr:nth-child(odd) {
                    background-color: darkgreen;
                    background-color: rgba(50,120,80,0.6);
                }
                
                .tclass-tr:nth-child(even) {
                    color: yellow;
                    background-color: darkred;
                    background-color: rgba(150,150,150,0.2);
                }
                
                .tv_tipps,
                .tv_jetzt,
                .tv_filme,
                .tv_heute2015,
                .tv_heute2200 {
                    font-family: Arial;
                    font-size: 75%;
                }
                
                .tv_tipps tr,
                .tv_jetzt tr,
                .tv_filme tr,
                .tv_heute2015 tr,
                .tv_heute2200 tr {
                    background-color: transparent;
                    color: white;
                }
                
                .tv_tipps tr td a,
                .tv_jetzt tr td a,
                .tv_filme tr td a,
                .tv_heute2015 tr td a,
                .tv_heute2200 tr td a {
                    background-color: transparent;
                    color: white;
                    text-decoration: none;
                }
                /* JETZT ENHANCED */
                .tv_jetzt tr td a {
                    font-size: 130%;
                }
                
                haselchen 1 Reply Last reply Reply Quote 0
                • haselchen
                  haselchen Most Active @Oli last edited by

                  @oli

                  Hab ich gemacht.
                  Dadurch ändern sich andere JSON Tabellen aber auch in meiner VIS

                  O 1 Reply Last reply Reply Quote 0
                  • O
                    Oli @haselchen last edited by

                    @haselchen
                    hast du in deinen anderen Tabellen CSS verweise drin stehen?
                    9c5c2255-1294-44ff-a5c6-54b6886a3b33-image.png

                    haselchen 1 Reply Last reply Reply Quote 0
                    • haselchen
                      haselchen Most Active @Oli last edited by

                      @oli

                      Nein, da ich mit sowas noch nie gearbeitet habe

                      O 1 Reply Last reply Reply Quote 0
                      • O
                        Oli @haselchen last edited by

                        @haselchen
                        für was brauchst du dann die vorhandenen CSS Verweise?

                        haselchen 1 Reply Last reply Reply Quote 0
                        • haselchen
                          haselchen Most Active @Oli last edited by

                          @oli

                          Na in welchem Thread sind wie hier? 😉

                          Ich will die CSS Anweisung für das Widget übernehmen.
                          Dieses normale grau etc. find ich nicht so prall.

                          O 1 Reply Last reply Reply Quote 0
                          • O
                            Oli @haselchen last edited by

                            @haselchen
                            stimmt, hast recht, gerade nochmal getestet, dass CSS ändert die Standarttabellen in der VIS mit um

                            haselchen 1 Reply Last reply Reply Quote 0
                            • haselchen
                              haselchen Most Active @Oli last edited by

                              @oli

                              Jetzt kannst Du mit der Lösung zu meinem Tageshelden werden 🙂

                              O 1 Reply Last reply Reply Quote 0
                              • O
                                Oli @haselchen last edited by

                                @haselchen
                                Tabellen aus einem anderen VIS Adapter nehmen, so mache ich das, darum ist mir das auch nicht aufgefallen beim einrichten 😉

                                haselchen 1 Reply Last reply Reply Quote 0
                                • haselchen
                                  haselchen Most Active @Oli last edited by

                                  @oli

                                  Dann, wenn du möchtest, darfste mir gerne das Widget zeigen, was du genommen hast.

                                  O 1 Reply Last reply Reply Quote 0
                                  • O
                                    Oli @haselchen last edited by

                                    @haselchen
                                    ich verwende für meine VIS hauptsächlich folgende Adapter: Material Design Widgets und vis-inventwo, ich glaube das TV-Spielfilm Widget ist die einzige Standarttabelle bei mir

                                    haselchen 1 Reply Last reply Reply Quote 0
                                    • haselchen
                                      haselchen Most Active @Oli last edited by haselchen

                                      @oli

                                      Ich hab jetzt das Material probiert.
                                      Wie bekomme ich den Hintergrund transparent?
                                      Egal welches Feld ich nehme, es bleibt weiss.

                                      1eaa5dce-ae4e-4a3f-832f-eb2084a16e0c-grafik.png

                                      Edit: habs gefunden!

                                      Material ist docht etwas mächtiger in den Einstellungen als das normale JSON Table.

                                      Jetzt fehlt noch eine kleine Sache...

                                      Die Sender sind in schwarzer Farbe.
                                      Wie bekomme ich die geändert? Sehe vielleicht den Wald....

                                      280d012d-6d83-4bb0-a446-5dd7ff4c5931-grafik.png

                                      O 1 Reply Last reply Reply Quote 0
                                      • O
                                        Oli @haselchen last edited by

                                        @haselchen
                                        puh, bei mir ist die ganze Schrift weiß

                                        Links vis-inventwo, rechts Material Design Widgets
                                        ecf1ff1c-15df-4eb9-be2c-6b79da9fdf75-image.png

                                        haselchen 1 Reply Last reply Reply Quote 0
                                        • haselchen
                                          haselchen Most Active @Oli last edited by

                                          @oli

                                          Ich werde wahnsinnig. Ich bekomme ums Verrecken die Farbe nicht geändert und die Icons kleiner.

                                          e76af32e-bde2-440d-9fc5-6728cc0741a5-grafik.png

                                          Haste dafür nen Tipp?

                                          O 1 Reply Last reply Reply Quote 0
                                          • O
                                            Oli @haselchen last edited by

                                            @haselchen
                                            Die Bilder solltest du über die Spaltenbreite kleiner bekommen, mit der Schrift bin ich momentan selbst überfragt

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate
                                            FAQ Cloud / IOT
                                            HowTo: Node.js-Update
                                            HowTo: Backup/Restore
                                            Downloads
                                            BLOG

                                            407
                                            Online

                                            31.9k
                                            Users

                                            80.2k
                                            Topics

                                            1.3m
                                            Posts

                                            40
                                            203
                                            33861
                                            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