Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄

[OliverIO]

@Oli kannst du bitte mal ein Screenshot machen und markieren was du genau meinst?

[Oli]

@OliverIO

ich möchte bei den gelb markierten Zeilen die Hintergrundfarbe ändern

[OliverIO]

@Oli

das ist recht einfach.
im css reiter einfach die folgende Anweisung eintragen

.oldb-datetime {
    color: red;
}

[Oli]

@OliverIO

super, danke das hab ich soweit hinbekommen und an meine Bedürfnisse anpassen können.

Jetzt habe ich aber noch eine Farge, bekomme ich den Hintergrund der Zeilen auch irgendwie durchgängig geändert, sowie bei den Torschützen?

[OliverIO]

@Oli

das beste ist, das mit den web developer tools des browsers zu untersuchen. die öffnet man entweder mit der F12 Taste oder ungefähr am Ort des Interesses mit der rechten Maustaste und Inspect oder Untersuchen oder so ähnlich je nach Browser.

Ich habe dir mal eine Zeile herauskopiert, da siehst du die verschiedenen css klassen.

[Oli]

@OliverIO
sorry, ich nochmal.

die markierte Spalte bei ".oldb-datetime" hat aber leider keine CSS Klasse, wie mache ich es da?

[OliverIO]

@Oli
Da kann man mit den css selektoren spielen.

Entweder

.oldb-tt td {

Um alle td Elemente zu adressieren oder

.oldb-tt tr und tr:first-child Oder eine der anderen pseudo selektoren um die Elemente separat zu treffen

https://wiki.selfhtml.org/wiki/CSS/Selektoren/nth-child

Welchen Stil willst du anwenden?

In der Developer Konsole kannst du die selektoren direkt ausprobieren in dem du bspw

$$(".oldb-tt td") eingibst, dann kommt in einem Array alle Elemente zurück. Durch Klick auf ein Element im Array springt es dann direkt zum Element zum prüfen wo es dann genau liegt

[Oli]

@OliverIO
ich möchte bei den Zeilen in der Tabelle, wo ein Datum mit Uhrzeit eingetragen ist, in der kompletten Zeile die Hintergrundfarbe ändern.

Aber irgendwie stelle ich mich da zu doof an

[OliverIO]

@Oli

leider hast du nichts dazu geschrieben welche stile du bereits angewendet hast, so das ich darauf aufbauen kann. reengineering auf basis von bildern finde ich persönlich etwas aufwändig

du kannst im css-reiter mal folgendes eingeben

.oldb-tt tr {
    background-color:red;
}
.oldb-tt td {
    border:1px solid green;
    border-width: 1px 0px;
    
}
.oldb-tt {
    border-spacing:0px;
}

[Oli]

@OliverIO
sorry mein Fehler

Folgende CSS Anweisungen verwende ich momentan

/* Datum für Spietag einfärben */
.oldb-datetime {
    background-color: #262D3D;
    color: #8f8f8f;
    box-shadow: 2px 2px 3px rgba(20, 20, 20, 50);
    border-color: transparent !important;
    font-weight:normal !important;
    font-size: 14px;
    text-shadow: none;
}

.oldb-tt tr {
    background-color:red;
}

Und das Rote zwischen dem Grün markierten, möchte ich gerne in der Farbe #262D3D haben.

[OliverIO]

@Oli sagte in Test Adapter OpenLigaDB:

das geht dann mit dieser css angabe.
ohne das border-spacing:0px; hast du zwischen den beiden spalten noch kleine abstände.

.oldb-datetime {
    background-color: #262D3D;
    color: #8f8f8f;
    box-shadow: 2px 2px 3px rgba(20, 20, 20, 50);
    border-color: transparent !important;
    font-weight:normal !important;
    font-size: 14px;
    text-shadow: none;
}
.oldb-tt tr > td.oldb-datetime + td,
.oldb-tt tr > td.oldb-datetime + td + td {
    background-color: #262D3D;
}
.oldb-tt {
    border-spacing:0px;
}

[Oli]

@OliverIO
super, vielen Dank genau das war es

[Meister Mopper]

@Oli

Ich ahne, es entwickelt sich hier ein css-tutorial 😜.

@Oli Ich glaube aber, es gibt derer sehr viele und nützliche zum Eigenstudium. Bitte nicht falsch verstehen, verstehe es als Hilfe zur Selbsthilfe.

Eine Sache noch:
Du hast doch sicher schon mal eine Suchmaschine konsultiert? Das ist oft der schnellste Weg zur Antwort, und man lernt dabei auch (fast) noch am meisten!

Probier's mal! 😉