TV Spielfilm - CSS Einstellungen

[bahnuhr]

Guten Morgen,

habe o.g. Adapter installiert.

In der Hilfe stand, dass man folgendes in die CSS kopieren soll (wg. Formatierung).

(in VIS Lasche rechts vom Widget).

! ````
.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%;
}

Dies ändert aber auch die Formatierung für mein Widget "basic-table" für die Anzeige der Telefon-Anrufer.

Frage:

Wie verhindert man, dass andere widgets betroffen sind.

mfg

Dieter

[Homoran]

Hallo Dieter,

nachdem mir das damals ebenfalls passiert war, habe ich die Sonderformatierung wieder rausgenommen.

Ich bin leider nicht fit in css.

Beim Schreiben der Doku für vis musste ich mich jedoch ein wenig damit beschäftigen.

Bei jedem Widget kann eine CSS-Klasse bestimmt werden mit der dieses Widget angezeigt werden soll.

Jetzt muss nur noch ein CSS-Kundiger diese Beschreibung in eine eindeutige woanders nicht benutzte CSS-Klasse ändern, dann kann man diese Beschreibung selektiv einzelnen Widgets zuordnen.

Wenn ich das alles so korrekt verstanden habe.

Gruß

Rainer

[bahnuhr]

Moin,

ja das hört sich schlüssig an.

Nur wissen wir halt beide nicht wie.

mfg

Dieter

[pix]

Hallo,

für den Anfang könnt ihr mal den oberen Teil der CSS-Anweisungen weglassen. Also

! Diesen Code rauslöschen

.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);
}

Gruß

Pix