Coding
 Es hagelt Nüsse

Codingbaum - Wähle Deine Aufgaben
#41
Nuss Nummer XX, die darf es sein,
drum gibt es hier nen Reim, so rein!

:D





HTML

Code:
<div class="dysthread_container">

  <div class="dysthread_threadbox">

    <div class="dysthread_threadbox_einzel">
      <div class="dysthread_threadbox_iconfeld"><i class="fa-solid fa-heart fa-2x"></i></div>
      <div class="dysthread_threadbox_iconfeld"><i class="fa-solid fa-venus fa-2x"></i></div>
      <div class="dysthread_threadbox_iconfeld"><i class="fa-solid fa-image-portrait fa-2x"></i> Julia Roberts</div>

      <div class"dysthread_threadbox_topic">
        <div class="dysthread_threadbox_topic-titel">Pretty Woman</div>
        <div class="dysthread_threadbox_topic-untertitel">Walking down the street</div>
        <div class="dysthread_threadbox_topic-datum">01.06.2022</div>

      </div>
      <div class="dysthread_threadbox_suchend">Max Mustermann</div>
      <div class="dysthread_threadbox_iconfeld"><i class="fa-solid fa-magnifying-glass fa-2x"></i></div>

    </div>
    <hr>

    <div class="dysthread_threadbox_einzel">
      <div class="dysthread_threadbox_iconfeld"><i class="fa-solid fa-user-group fa-2x"></i></div>
      <div class="dysthread_threadbox_iconfeld"><i class="fa-solid fa-mars fa-2x"></i></div>
      <div class="dysthread_threadbox_iconfeld"><i class="fa-solid fa-image-portrait fa-2x"></i> John Travolta</div>

      <div class"dysthread_threadbox_topic">
        <div class="dysthread_threadbox_topic-titel">Greased Lightnin'</div>
        <div class="dysthread_threadbox_topic-untertitel">Go Greased Lightning</div>
        <div class="dysthread_threadbox_topic-datum">12.05.2022</div>

      </div>
      <div class="dysthread_threadbox_suchend">Max Mustermann</div>
      <div class="dysthread_threadbox_iconfeld"><i class="fa-solid fa-check fa-2x"></i></div>

    </div>
    <hr>

    <div class="dysthread_threadbox_einzel">
      <div class="dysthread_threadbox_iconfeld"><i class="fa-solid fa-briefcase fa-2x"></i></div>
      <div class="dysthread_threadbox_iconfeld"><i class="fa-solid fa-mars-and-venus fa-2x"></i></div>
      <div class="dysthread_threadbox_iconfeld"><i class="fa-solid fa-image-portrait fa-2x"></i> Schöner Avatar</div>

      <div class"dysthread_threadbox_topic">
        <div class="dysthread_threadbox_topic-titel">Kreativer Titel</div>
        <div class="dysthread_threadbox_topic-untertitel">Kreativer Untertitel</div>
        <div class="dysthread_threadbox_topic-datum">01.06.2022</div>

      </div>
      <div class="dysthread_threadbox_suchend">Lieschen Müller</div>
      <div class="dysthread_threadbox_iconfeld"><i class="fa-solid fa-magnifying-glass fa-2x"></i></div>

    </div>

  </div>

</div>

CSS:
Code:
:root {
  --dysthread_font-normal1: "Verdana", sans-serif;
  --dysthread_font-normal2: "Georgia", serif;
  --dysthread_col-normal1: #dee8fa;
  --dysthread_col-normal2: #2c2e32;
}

.dysthread_container {
  margin: auto;
  width: 800px;
  height: 300px;
  background: url("https://knightsofwalpurgis.de/images/chimaera/chimaerabg.png");
  font-family: var(--dysthread_font-normal1);
  color: var(--dysthread_col-normal2);
  font-size: 14px;
}

.dysthread_threadbox {
  margin: auto;
  padding: 20px;
  width: 700px;
  height: 90px;
}

.dysthread_threadbox_einzel {
  padding: 10px;
  background: var(--dysthread_col-normal1);
  display: flex;
  justify-content: space-between;
}

.dysthread_threadbox_iconfeld {
  padding: 10px;
}
.dysthread_threadbox_topic {
  padding: 10px;
  text-align: left;
}

.dysthread_threadbox_topic-titel {
  font-variant: small-caps;
  font-weight: bold;
  font-size: 18px;
  padding-left: 5px;
}

.dysthread_threadbox_topic-untertitel {
  padding-left: 5px;
  font-style: italic;
  font-size: 12px;
}

.dysthread_threadbox_topic-datum {
  padding-left: 5px;
  font-size: 10px;
  text-align: right;
}

.dysthread_threadbox_suchend {
  padding: 10px;
}
12. Juli - 23:59
0
Merken
Merken
Benutzerdefinierter Titel
Zur besseren Übersicht kannst du dem Post einen benutzerdefinierten Titel geben.
Ordner
Neue Ordner für deine Favoriten kannst du im UserCP erstellen.
  Zitieren
#42
Für mich bitte einmal die XX. happy
12. Juli - 23:59
0
Merken
Merken
Benutzerdefinierter Titel
Zur besseren Übersicht kannst du dem Post einen benutzerdefinierten Titel geben.
Ordner
Neue Ordner für deine Favoriten kannst du im UserCP erstellen.
  Zitieren
#43
Bitte die Nuss Nr. XXX für mich, danke! happy
12. Juli - 23:59
0
Merken
Merken
Benutzerdefinierter Titel
Zur besseren Übersicht kannst du dem Post einen benutzerdefinierten Titel geben.
Ordner
Neue Ordner für deine Favoriten kannst du im UserCP erstellen.
  Zitieren
#44
Und dann noch eine XXX bitte.
12. Juli - 23:59
0
Merken
Merken
Benutzerdefinierter Titel
Zur besseren Übersicht kannst du dem Post einen benutzerdefinierten Titel geben.
Ordner
Neue Ordner für deine Favoriten kannst du im UserCP erstellen.
  Zitieren
#45
Ich möchte mich noch an der XXX versuchen :D
12. Juli - 23:59
0
Merken
Merken
Benutzerdefinierter Titel
Zur besseren Übersicht kannst du dem Post einen benutzerdefinierten Titel geben.
Ordner
Neue Ordner für deine Favoriten kannst du im UserCP erstellen.
  Zitieren
#46
Gruß und Kuss
Ich nehm ne Nuss!
Die 6 darfs sein,
das wär fein.
12. Juli - 23:59
0
Merken
Merken
Benutzerdefinierter Titel
Zur besseren Übersicht kannst du dem Post einen benutzerdefinierten Titel geben.
Ordner
Neue Ordner für deine Favoriten kannst du im UserCP erstellen.
  Zitieren