Vorlage:Forza Car Infobox: Unterschied zwischen den Versionen

Aus wiki.forzawiki.com
Zur Navigation springen Zur Suche springen
← Zum vorherigen VersionsunterschiedZum nächsten Versionsunterschied →
ScHaKaLaKa (Diskussion | Beiträge)
Bürokraten, Oberflächenadministratoren, Administratoren
11 Bearbeitungen
VisuellWikitext
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:
{{#if:{{{bild|}}}|[[File:{{{bild|}}}|thumb|right|280px|link=]]}}
<noinclude>'''Forza Car Infobox Vorlage'''</noinclude>


<div class="fh-car-infobox">
{{#if:{{{bild|}}}|[[File:{{{bild}}}|thumb|right|300px]]}}


<!-- Obere Info-Leiste -->
<div class="forza-car-box">
<div class="info-bar">
 
  <div class="info-item">🚗 Verfügbarkeit: {{{verfugbarkeit|Autoshow + Wheelspins}}}</div>
  <!-- Obere Leiste -->
  <div class="info-item">⚙️ {{{antrieb|AWD}}}</div>
  <div class="info-bar">
  <div class="class-pi">
    <div>🚗 Verfügbarkeit: {{{verfugbarkeit|Autoshow + Wheelspins}}}</div>
    <span class="class-badge class-{{#lc:{{{klasse|D}}}}}">{{{klasse|D}}}</span>
    <div>⚙️ {{{antrieb|AWD}}}</div>
    <span class="pi-badge">PI {{{pi|100}}}</span>
    <div class="class-pi">
      <span class="class-badge class-{{#lc:{{{klasse|D}}}}}">{{{klasse|D}}}</span>
      <span class="pi-badge">PI {{{pi|100}}}</span>
    </div>
   </div>
   </div>
</div>


<!-- Statistik Zeilen -->
  <!-- Stat-Zeilen (wie in deinem Screenshot) -->
<div class="stat-block">
  <div class="stat-list">
  <div class="stat-row">
    <div class="stat-item"><span class="stat-name">Geschwindigkeit</span><span class="stat-val">{{{geschwindigkeit|6.0}}}</span></div>
    <div class="stat-label">Geschwindigkeit</div>
    <div class="stat-item"><span class="stat-name">Handling</span><span class="stat-val">{{{handling|2.6}}}</span></div>
    <div class="stat-value">{{{geschwindigkeit|6.0}}}</div>
    <div class="stat-item"><span class="stat-name">Beschleunigung</span><span class="stat-val">{{{beschleunigung|3.7}}}</span></div>
  </div>
    <div class="stat-item"><span class="stat-name">Start</span><span class="stat-val">{{{start|1.7}}}</span></div>
  <div class="stat-row">
    <div class="stat-item"><span class="stat-name">Bremsen</span><span class="stat-val">{{{bremsen|2.0}}}</span></div>
    <div class="stat-label">Handling</div>
    <div class="stat-item"><span class="stat-name">Offroad</span><span class="stat-val">{{{offroad|5.1}}}</span></div>
    <div class="stat-value">{{{handling|2.6}}}</div>
  </div>
  <div class="stat-row">
    <div class="stat-label">Beschleunigung</div>
    <div class="stat-value">{{{beschleunigung|3.7}}}</div>
  </div>
  <div class="stat-row">
    <div class="stat-label">Start</div>
    <div class="stat-value">{{{start|1.7}}}</div>
  </div>
  <div class="stat-row">
    <div class="stat-label">Bremsen</div>
    <div class="stat-value">{{{bremsen|2.0}}}</div>
  </div>
  <div class="stat-row">
    <div class="stat-label">Offroad</div>
    <div class="stat-value">{{{offroad|5.1}}}</div>
   </div>
   </div>
</div>
<!-- Zusatzinfos -->
<div class="extra-info">
  <p><b>Fahrzeugtyp:</b> {{{fahrzeugtyp|}}}</p>
  <p><b>Seltenheit:</b> {{{seltenheit|}}}</p>
  <p><b>Land:</b> {{{land|}}}</p>
  <p><b>Leistung:</b> {{{leistung|}}} PS</p>
  <p><b>Gewicht:</b> {{{gewicht|}}} kg</p>
</div>


</div>
</div>


<!-- CSS -->
<style>
<style>
.fh-car-infobox {
.forza-car-box { margin: 15px 0; font-family: sans-serif; }
    font-family: system-ui, -apple-system, sans-serif;
.info-bar {
    max-width: 100%;
  display: flex;
    margin: 15px 0;
  gap: 15px;  
  background: #f0f0f0;
  padding: 10px;
  border-radius: 6px;
  margin-bottom: 12px;
  font-weight: 600;
}
}
.class-badge { color: white; padding: 4px 10px; border-radius: 4px; font-weight: bold; }
.class-d {background:#3dbaea;} .class-c {background:#f6bf31;} .class-b {background:#ff6533;}
.class-a {background:#fc355a;} .class-s1 {background:#bd5ee4;} .class-s2 {background:#1567d6;} .class-x {background:#90cf00;}


.info-bar {
.pi-badge { background:#333; color:white; padding:4px 10px; border-radius:4px; }
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    background: #f8f8f8;
    padding: 10px 14px;
    border-radius: 6px;
    margin-bottom: 14px;
    font-weight: 600;
}
 
.info-item { flex: 1; min-width: 140px; }
.class-pi { display: flex; gap: 8px; align-items: center; }
.class-badge {
    color: white;
    padding: 5px 12px;
    border-radius: 4px;
    font-weight: bold;
}
.class-d  { background: #3dbaea; }
.class-c  { background: #f6bf31; }
.class-b  { background: #ff6533; }
.class-a  { background: #fc355a; }
.class-s1 { background: #bd5ee4; }
.class-s2 { background: #1567d6; }
.class-x  { background: #90cf00; }
 
.pi-badge {
    background: #2c2c2c;
    color: white;
    padding: 5px 12px;
    border-radius: 4px;
    font-weight: bold;
}
 
.stat-block {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
 
.stat-row {
    background: #f9f9f9;
    padding: 12px 16px;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
}
 
.stat-label {
    font-weight: 500;
    color: #333;
}
 
.stat-value {
    font-weight: bold;
    font-size: 17px;
    color: #222;
}


.extra-info {
.stat-list { display: flex; flex-direction: column; gap: 4px; }
    margin-top: 18px;
.stat-item {
    padding: 14px;
  background: #f9f9f9;
    background: #f8f8f8;
  padding: 12px 16px;
    border-radius: 6px;
  border-radius: 6px;
    line-height: 1.7;
  display: flex;
  justify-content: space-between;
  font-size: 16px;
}
}
.stat-name { font-weight: 500; }
.stat-val { font-weight: bold; }
</style>
</style>

Version vom 29. April 2026, 18:30 Uhr

Forza Car Infobox Vorlage


🚗 Verfügbarkeit: Autoshow + Wheelspins
⚙️ AWD
     D
     PI 100
Geschwindigkeit6.0
Handling2.6
Beschleunigung3.7
Start1.7
Bremsen2.0
Offroad5.1

<style> .forza-car-box { margin: 15px 0; font-family: sans-serif; } .info-bar { 

 display: flex; 
 gap: 15px; 
 background: #f0f0f0; 
 padding: 10px; 
 border-radius: 6px; 
 margin-bottom: 12px;
 font-weight: 600;

} .class-badge { color: white; padding: 4px 10px; border-radius: 4px; font-weight: bold; } .class-d {background:#3dbaea;} .class-c {background:#f6bf31;} .class-b {background:#ff6533;} .class-a {background:#fc355a;} .class-s1 {background:#bd5ee4;} .class-s2 {background:#1567d6;} .class-x {background:#90cf00;}

.pi-badge { background:#333; color:white; padding:4px 10px; border-radius:4px; }

.stat-list { display: flex; flex-direction: column; gap: 4px; } .stat-item { 

 background: #f9f9f9;
 padding: 12px 16px;
 border-radius: 6px;
 display: flex;
 justify-content: space-between;
 font-size: 16px;

} .stat-name { font-weight: 500; } .stat-val { font-weight: bold; } </style>

Abgerufen von „https://wiki.forzawiki.com/index.php?title=Vorlage:Forza_Car_Infobox&oldid=8“