Benutzer:ChatBot/Test Infobox Eishockeyspieler Designvorschläge: Unterschied zwischen den Versionen
Vorschlag 4 mit dezenter Rückennummer im Header ergänzt |
Vorschlag 4 mit großem dezentem Nummernblock im Header angepasst |
||
| Zeile 44: | Zeile 44: | ||
''Am einfachsten auf die bestehende Vorlage übertragbar: Tabellenlogik bleibt, Styling wird modernisiert.'' | ''Am einfachsten auf die bestehende Vorlage übertragbar: Tabellenlogik bleibt, Styling wird modernisiert.'' | ||
<div style="clear:both; overflow:auto; margin:10px 0 26px; padding:12px; border:1px solid #d6e0ea; border-radius:14px; background:#fbfdff;"> | <div style="clear:both; overflow:auto; margin:10px 0 26px; padding:12px; border:1px solid #d6e0ea; border-radius:14px; background:#fbfdff;"> | ||
<div style="float:right; width:29em; max-width:100%; margin:0 0 12px 18px;"><div style="border:1px solid #264b7f; border-radius:14px; overflow:hidden; box-shadow:0 18px 36px rgba(15,27,47,.18); background:white; font-size:90%;"><div style="position:relative; background:radial-gradient(circle at 18% 22%, rgba(142,189,250,.25), transparent 26%), radial-gradient(circle at 72% 16%, rgba(255,255,255,.12), transparent 22%), linear-gradient(180deg,#0f2446 0%, #1b4b84 30%, #2c6cb0 55%, #1c4e8b 78%, #102744 100%); color:white; min-height:120px;"><div style="padding: | <div style="float:right; width:29em; max-width:100%; margin:0 0 12px 18px;"><div style="border:1px solid #264b7f; border-radius:14px; overflow:hidden; box-shadow:0 18px 36px rgba(15,27,47,.18); background:white; font-size:90%;"><div style="position:relative; background:radial-gradient(circle at 18% 22%, rgba(142,189,250,.25), transparent 26%), radial-gradient(circle at 72% 16%, rgba(255,255,255,.12), transparent 22%), linear-gradient(180deg,#0f2446 0%, #1b4b84 30%, #2c6cb0 55%, #1c4e8b 78%, #102744 100%); color:white; min-height:120px;"><div style="position:absolute; left:18px; top:22px; font-size:420%; line-height:.9; font-weight:1000; color:#f3f7fb; opacity:.95; letter-spacing:.02em;">22</div><div style="padding:26px 16px 58px 118px; text-align:left;"><div style="font-size:170%; font-weight:1000; letter-spacing:.03em;">Marco Müller [[Bild:Flag_of_Germany.png|22px|link=]]</div><div style="margin-top:8px; font-size:105%;">Template-nah modernisiert · Verteidiger</div></div><div style="position:absolute; left:0; right:0; bottom:18px; height:14px; background:linear-gradient(180deg, transparent 0, transparent 18%, #d7494d 18%, #d7494d 48%, #f3f7fb 48%, #f3f7fb 74%, transparent 74%, transparent 100%);"></div></div><div style="padding:12px; text-align:center;"><div style="margin:0 auto; border-radius:12px; border:1px solid #c8d7e6; background:linear-gradient(180deg,#f7f9fb 0%,#dce8f5 100%); text-align:center; padding:8px; overflow:hidden;">[[Bild: Mueller2025.png |250px|link=]]<div style="font-size:85%; color:#0f2446; margin-top:4px;">Quelle: JMD</div></div></div><div style="padding:0 12px 12px;"><div style="display:flex; gap:8px; border-bottom:1px solid #e0e7ef; padding:6px 0;"><div style="flex:0 0 42%; color:#183864; font-weight:bold;">Geburtsdatum</div><div style="flex:1;">22.11.1990</div></div><div style="display:flex; gap:8px; border-bottom:1px solid #e0e7ef; padding:6px 0;"><div style="flex:0 0 42%; color:#183864; font-weight:bold;">Geburtsort</div><div style="flex:1;">[[Heilbronn]], [[Deutschland]] [[Bild:Flag_of_Germany.png|15px|link=]]</div></div><div style="display:flex; gap:8px; border-bottom:1px solid #e0e7ef; padding:6px 0;"><div style="flex:0 0 42%; color:#183864; font-weight:bold;">Spitzname</div><div style="flex:1;">Mülli</div></div><div style="display:flex; gap:8px; border-bottom:1px solid #e0e7ef; padding:6px 0;"><div style="flex:0 0 42%; color:#183864; font-weight:bold;">Größe / Gewicht</div><div style="flex:1;">180cm · 89kg</div></div><div style="display:flex; gap:8px; border-bottom:1px solid #e0e7ef; padding:6px 0;"><div style="flex:0 0 42%; color:#183864; font-weight:bold;">Letzter Verein</div><div style="flex:1;">[[Bietigheim Steelers]] [[Bild:Flag_of_Germany.png|15px|link=]]</div></div><div style="display:flex; gap:8px; border-bottom:1px solid #e0e7ef; padding:6px 0;"><div style="flex:0 0 42%; color:#183864; font-weight:bold;">Position</div><div style="flex:1;">Verteidiger</div></div><div style="display:flex; gap:8px; border-bottom:1px solid #e0e7ef; padding:6px 0;"><div style="flex:0 0 42%; color:#183864; font-weight:bold;">Nummer</div><div style="flex:1;">#22</div></div><div style="display:flex; gap:8px; border-bottom:1px solid #e0e7ef; padding:6px 0;"><div style="flex:0 0 42%; color:#183864; font-weight:bold;">Schusshand</div><div style="flex:1;">rechts</div></div></div></div><div style="height:10px;"></div><div style="border:1px solid #264b7f; border-radius:14px; overflow:hidden; box-shadow:0 18px 36px rgba(15,27,47,.18); background:white; font-size:90%;"><div style="background:#183864; color:white; text-align:center; font-weight:bold; padding:10px; border-bottom:3px solid #d7494d;">Spielzeiten in Kassel</div><div style="padding:10px;"><div style="display:grid; grid-template-columns:1.1fr 1fr .65fr .7fr; font-size:90%; border:1px solid #c8d7e6; border-radius:10px; overflow:hidden;"><div style="background:#e8f1f9; color:#0f2446; padding:5px; text-align:center; font-weight:bold;">Saison</div><div style="background:#e8f1f9; color:#0f2446; padding:5px; text-align:center; font-weight:bold;">Sp. (T/A)</div><div style="background:#e8f1f9; color:#0f2446; padding:5px; text-align:center; font-weight:bold;">Str.</div><div style="background:#e8f1f9; color:#0f2446; padding:5px; text-align:center; font-weight:bold;">Liga</div><div style="background:#f7f9fb; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">2014-2015</div><div style="background:#f7f9fb; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">56 (2/14)</div><div style="background:#f7f9fb; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">115</div><div style="background:#f7f9fb; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">DEL2</div><div style="background:#fff; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">2015-2016</div><div style="background:#fff; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">59 (5/10)</div><div style="background:#fff; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">62</div><div style="background:#fff; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">DEL2</div><div style="background:#f7f9fb; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">2016-2017</div><div style="background:#f7f9fb; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">59 (2/8)</div><div style="background:#f7f9fb; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">88</div><div style="background:#f7f9fb; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">DEL2</div><div style="background:#fff; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">2017-2018</div><div style="background:#fff; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">58 (3/12)</div><div style="background:#fff; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">69</div><div style="background:#fff; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">DEL2</div><div style="background:#f7f9fb; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">2018-2019</div><div style="background:#f7f9fb; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">55 (0/8)</div><div style="background:#f7f9fb; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">58</div><div style="background:#f7f9fb; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">DEL2</div><div style="background:#fff; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">2019-2020</div><div style="background:#fff; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">48 (1/5)</div><div style="background:#fff; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">42</div><div style="background:#fff; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">DEL2</div><div style="background:#f7f9fb; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">2020-2021</div><div style="background:#f7f9fb; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">49 (3/10)</div><div style="background:#f7f9fb; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">30</div><div style="background:#f7f9fb; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">DEL2</div><div style="background:#fff; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">2021-2022</div><div style="background:#fff; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">51 (2/8)</div><div style="background:#fff; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">16</div><div style="background:#fff; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">DEL2</div><div style="background:#f7f9fb; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">2022-2023</div><div style="background:#f7f9fb; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">53 (1/6)</div><div style="background:#f7f9fb; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">26</div><div style="background:#f7f9fb; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">DEL2</div><div style="background:#fff; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">2023-2024</div><div style="background:#fff; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">45 (0/5)</div><div style="background:#fff; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">49</div><div style="background:#fff; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">DEL2</div><div style="background:#f7f9fb; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">2024-2025</div><div style="background:#f7f9fb; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">57 (0/6)</div><div style="background:#f7f9fb; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">26</div><div style="background:#f7f9fb; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">DEL2</div><div style="background:#dff3ff; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">2025-2026</div><div style="background:#dff3ff; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">59 (1/7)</div><div style="background:#dff3ff; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">49</div><div style="background:#dff3ff; padding:5px; text-align:center; border-top:1px solid #e0e7ef;">DEL2</div><div style="background:#0f2446; color:white; padding:6px 5px; text-align:center; font-weight:bold; border-top:1px solid #e0e7ef;">2014-2026</div><div style="background:#0f2446; color:white; padding:6px 5px; text-align:center; font-weight:bold; border-top:1px solid #e0e7ef;">649 (20/99)</div><div style="background:#0f2446; color:white; padding:6px 5px; text-align:center; font-weight:bold; border-top:1px solid #e0e7ef;">630</div><div style="background:#0f2446; color:white; padding:6px 5px; text-align:center; font-weight:bold; border-top:1px solid #e0e7ef;">DEL2</div></div></div></div></div> | ||
<div style="min-width:220px; padding:4px 0;"> | <div style="min-width:220px; padding:4px 0;"> | ||
<div style="background:#183864; color:white; border:1px solid #284d81; border-radius:12px; padding:12px 14px; font-weight:bold; text-align:center; margin-bottom:10px;">Optik-Check</div> | <div style="background:#183864; color:white; border:1px solid #284d81; border-radius:12px; padding:12px 14px; font-weight:bold; text-align:center; margin-bottom:10px;">Optik-Check</div> | ||
Version vom 20. Mai 2026, 16:18 Uhr
Infobox Eishockeyspieler: vier Designvorschläge
Basis: Vorlage:Infobox Eishockeyspieler · Stilreferenz: Vorlage:Spieler Header Content · Beispielprofil: Marco Müller
Vorschlag 3 aus der ersten Runde wurde verworfen. Die folgenden Entwürfe nutzen die echten Werte aus Marco Müllers Profil; die Originalvorlage bleibt unverändert.
Vorschlag 1: Hero-Infobox
Stärkster Wiedererkennungswert, aber noch nah an der klassischen Infobox.
Optik-Check
Wirkt mit den echten Werten weiter am saubersten. Durch die vielen Saisons wird die Box hoch, aber Foto, Stammdaten und Karriereblock bleiben klar getrennt.
Vorschlag 2: Kompakte Profilkarte
Für lange Spielerartikel: weniger hoch, dafür alle Kerndaten sofort sichtbar.
Optik-Check
Mit echten Daten sehr dicht. Der Ansatz bleibt gut, aber 12 Saisonzeilen nehmen den Kompaktvorteil teilweise wieder weg.
Vorschlag 3: Nummer im Fokus
Besonders für aktuelle Huskies: Rückennummer und Position werden stärker inszeniert.
Optik-Check
Optisch stark, mit Müllers Profil passend. Rückennummer und Rekordspieler-Charakter funktionieren gut; bei Spielern ohne Nummer müsste die Vorlage elegant zurückfallen.
Vorschlag 4: Template-nah modernisiert
Am einfachsten auf die bestehende Vorlage übertragbar: Tabellenlogik bleibt, Styling wird modernisiert.
Optik-Check
Konservativste Wahl bleibt solide. Die echten Werte passen ohne Layoutbruch hinein; visuell ruhiger, aber weniger frisch als Vorschlag 1.