17.05.2024 17:22
<div class="wintersky-sig">
<div class="wintersky-board">
<div class="wintersky-boardname">St. Adeline</div>
<div class="wintersky-boardicon"><a href="LINK" target="_blank"><i class="fas fa-graduation-cap"></i></a></div>
<div class="wintersky-boardfacts">RL | Internat| L3S3V3</div>
<div class="wintersky-boardstatus">coming soon</div>
</div>
</div>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><style type="text/css">.wintersky-sig{--boardname-color:#fff;--boardicon-background:#000;--boardicon-border:#fff;--boardicon-color:#fff;--boardfacts-color:#fff;--boardstatus-color:#cecece;width:100%;max-width:500px;max-height:250px;display:flex;align-items:center;margin:auto;justify-content:center;gap:20px}.wintersky-board{text-align:center}.wintersky-boardname{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--boardname-color);line-height:16px}.wintersky-boardicon{box-sizing:border-box;width:50px;height:50px;background:var(--boardicon-background);border-radius:100%;border:2px solid var(--boardicon-border);font-size:25px;padding:10px 9px;margin:5px auto}.wintersky-boardicon a:link,.wintersky-boardicon a:visited,.wintersky-boardicon a:active,.wintersky-boardicon a:hover{color:var(--boardicon-color)}.wintersky-boardfacts{text-transform:uppercase;font-size:9px;letter-spacing:1px;text-align:center;color:var(--boardfacts-color)}.wintersky-boardstatus{color:var(--boardstatus-color);font-size:8px;letter-spacing:2px}</style>
folgendes musst du anpassen (direkt am Anfang vom Style):
Damit definierst du die Farben.
<div class="wintersky-board">
<div class="wintersky-boardname">St. Adeline</div>
<div class="wintersky-boardicon"><a href="LINK" target="_blank"><i class="fas fa-graduation-cap"></i></a></div>
<div class="wintersky-boardfacts">RL | Internat| L3S3V3</div>
<div class="wintersky-boardstatus">coming soon</div>
</div>
</div>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><style type="text/css">.wintersky-sig{--boardname-color:#fff;--boardicon-background:#000;--boardicon-border:#fff;--boardicon-color:#fff;--boardfacts-color:#fff;--boardstatus-color:#cecece;width:100%;max-width:500px;max-height:250px;display:flex;align-items:center;margin:auto;justify-content:center;gap:20px}.wintersky-board{text-align:center}.wintersky-boardname{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--boardname-color);line-height:16px}.wintersky-boardicon{box-sizing:border-box;width:50px;height:50px;background:var(--boardicon-background);border-radius:100%;border:2px solid var(--boardicon-border);font-size:25px;padding:10px 9px;margin:5px auto}.wintersky-boardicon a:link,.wintersky-boardicon a:visited,.wintersky-boardicon a:active,.wintersky-boardicon a:hover{color:var(--boardicon-color)}.wintersky-boardfacts{text-transform:uppercase;font-size:9px;letter-spacing:1px;text-align:center;color:var(--boardfacts-color)}.wintersky-boardstatus{color:var(--boardstatus-color);font-size:8px;letter-spacing:2px}</style>
Code:
<div class="wintersky-sig">
<div class="wintersky-board">
<div class="wintersky-boardname">St. Adeline</div>
<div class="wintersky-boardicon"><a href="LINK" target="_blank"><i class="fas fa-graduation-cap"></i></a></div>
<div class="wintersky-boardfacts">RL | Internat| L3S3V3</div>
<div class="wintersky-boardstatus">coming soon</div>
</div>
</div>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><style type="text/css">.wintersky-sig{--boardname-color:#fff;--boardicon-background:#000;--boardicon-border:#fff;--boardicon-color:#fff;--boardfacts-color:#fff;--boardstatus-color:#cecece;width:100%;max-width:500px;max-height:250px;display:flex;align-items:center;margin:auto;justify-content:center;gap:20px}.wintersky-board{text-align:center}.wintersky-boardname{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--boardname-color);line-height:16px}.wintersky-boardicon{box-sizing:border-box;width:50px;height:50px;background:var(--boardicon-background);border-radius:100%;border:2px solid var(--boardicon-border);font-size:25px;padding:10px 9px;margin:5px auto}.wintersky-boardicon a:link,.wintersky-boardicon a:visited,.wintersky-boardicon a:active,.wintersky-boardicon a:hover{color:var(--boardicon-color)}.wintersky-boardfacts{text-transform:uppercase;font-size:9px;letter-spacing:1px;text-align:center;color:var(--boardfacts-color)}.wintersky-boardstatus{color:var(--boardstatus-color);font-size:8px;letter-spacing:2px}</style>
folgendes musst du anpassen (direkt am Anfang vom Style):
Code:
--boardname-color:#fff;--boardicon-background:#000;--boardicon-border:#fff;--boardicon-color:#fff;--boardfacts-color:#fff;--boardstatus-color:#cecece;
Damit definierst du die Farben.