Benutzer:Tequila/Sandkasten: Unterschied zwischen den Versionen

Aus AntamarWiki
Wechseln zu: Navigation, Suche
 
(12 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
<div style="position:relative; float:right; width:250px;">
+
<includeonly><div class="Infobox" style="background-color: #F4E6D2;">
<div style="background-color:#F4E6D2; text-align:center; font-size:120%; font-weight:bold; border:1px solid black; padding:0.4em;">{{{name}}}</div>
+
<div class="InfoboxTitel">{{{name}}}</div>
<div style="border-width:0px 1px 1px; border-style:solid;"><div style="text-align:center; padding:6px 0px;">[[Bild:Leerwappen.png|150px]]<div style="font-size:80%; font-weight:bold;">[http://wiki.antamar-community.de/index.php?title=Spezial:Hochladen&wpDestFile=Wappen_{{PAGENAMEE}}.png Wappen hochladen]</div></div></div>
+
{{#if: {{{bild|}}} | <div class="InfoboxBild">[[Bild:{{{bild}}}{{!}}center{{!}}150px]]</div> }}
<div style="border-width:0px 1px 1px; border-style:solid;"><div style="background-color:#F4E6D2; text-align:center; font-weight:bold; padding:0.4em;">Übersicht</div></div>
+
<div class="InfoboxAbschnitt">Hintergrund</div>
<div style="border-width:0px 1px 1px; border-style:solid;"><div style="background-color:#F4E6D2; font-weight:bold; width:100px; padding:0.4em; border-right:1px solid black; float:left;">Fläche</div><div style="padding:0.4em;">Unbekannt<br />mehrzeilig</div></div>
+
<div class="InfoboxZeileL">Ursprung</div><div class="InfoboxZeileR">{{#if: {{{ursprung|}}} | {{{ursprung}}} | Unbekannt }}</div><br style="clear:both;" />
<div style="border-width:0px 1px 1px; border-style:solid;"><div style="background-color:#F4E6D2; font-weight:bold; width:100px; padding:0.4em; border-right:1px solid black; float:left;">Einwohnerzahl</div><div style="padding:0.4em;">Unbekannt</div></div>
+
<div class="InfoboxZeileL">Einordnung</div><div class="InfoboxZeileR">{{#if: {{{einordnung|}}} | {{{einordnung}}} | Unbekannt }}</div><br style="clear:both;" />
<div style="border-width:0px 1px 1px; border-style:solid;"><div style="background-color:#F4E6D2; font-weight:bold; width:100px; padding:0.4em; border-right:1px solid black; float:left;">Marktrecht</div><div style="padding:0.4em;">Unbekannt</div></div>
+
<div class="InfoboxZeileL">Glauben</div><div class="InfoboxZeileR">{{#if: {{{glauben|}}} | {{{glauben}}} | Unbekannt }}</div><br style="clear:both;" />
<div style="border-width:0px 1px 1px; border-style:solid;"><div style="background-color:#F4E6D2; text-align:center; font-weight:bold; padding:0.4em;">Zugehörigkeit</div></div>
+
<div class="InfoboxZeileL">Verbreitung</div><div class="InfoboxZeileR">{{#if: {{{verbreitung|}}} | {{{verbreitung}}} | Unbekannt }}</div><br style="clear:both;" />
<div style="border-width:0px 1px 1px; border-style:solid;"><div style="background-color:#F4E6D2; font-weight:bold; width:100px; padding:0.4em; border-right:1px solid black; float:left;">Kontinent</div><div style="padding:0.4em;">Unbekannt</div></div>
+
<div class="InfoboxZeile"><small>Die Informationen in dieser Box sind nicht zur Benutzung durch Helden im Spiel vorgesehen. Sie dienen nur rein informativen Zwecken für die Spieler/Spielleiter. Es ist kein Heldenwissen!</small></div>
<div style="border-width:0px 1px 1px; border-style:solid;"><div style="background-color:#F4E6D2; font-weight:bold; width:100px; padding:0.4em; border-right:1px solid black; float:left;">Kultur</div><div style="padding:0.4em;">Unbekannt</div></div>
+
</div></includeonly>
<div style="border-width:0px 1px 1px; border-style:solid;"><div style="background-color:#F4E6D2; font-weight:bold; width:100px; padding:0.4em; border-right:1px solid black; float:left;">Land</div><div style="padding:0.4em;">Unbekannt</div></div>
+
<noinclude>
</div>
 
 
 
Ich versuche hier die Infoboxen anstatt durch Tabellen durch div-Boxen und CSS-Formatierungen auszudrücken. Funktioniert das richtig, so ist das valider und sollte auch Serverlast sparen, da die meisten Infos aus der zentralen CSS-Datei ([[Mediawiki:Common.css|hier]]) kommen. Außerdem erlaubt es das leichte modifizieren sämtlicher Infoboxen.
 
 
 
Derzeit gibt es jedoch noch ein paar Probleme:
 
*mehrzeilige Boxen werden nicht korrekt dargestellt
 
*Bei den Einträgen fehlt der Abstand zum linken Rand
 
  
Im folgenden findet sich ein möglicher Eintrag in die CSS-Datei, darunter befindet sich die Stadtboxvorlage mit div-Boxen und den CSS-Klassen. Da diese noch nicht existent sind sieht es derzeit etwas minimalistisch aus
+
{{Benutzer:Tequila/Sandkasten
 +
|name=Testname
 +
|bild=Leerwappen.png
 +
|ursprung=aus einem ei
 +
|einordnung=ganz oben
 +
|glauben=römisch-katholisch
 +
|verbreitung=gering
 +
}}
  
 
<pre>
 
<pre>
 
.Infobox {
 
.Infobox {
position:relative;
+
  float: right;
float:right;
+
  width: 250px;
width:250px;
+
  border: 1px solid #000;
 +
  border-width: 0 1px 1px 1px;
 +
  margin: 0px 0px 6px 6px;
 
}
 
}
  
.InfoboxBaustein {
+
.InfoboxTitel {
border-width:0px 1px 1px;
+
  text-align: center;
border-style:solid;
+
  font-size: 120%;
 +
  font-weight: bold;
 +
  border-top: 1px solid #000;
 +
  padding: 0.4em;
 
}
 
}
  
.InfoboxTitel {
+
.InfoboxTitel span {
background-color:#F4E6D2;
+
font-size: 90%;
text-align:center;
+
font-weight: normal;
font-size:120%;
 
font-weight:bold;
 
border:1px solid black;
 
padding:0.4em;
 
 
}
 
}
  
.InfoboxUntertitel {
+
.InfoboxAbschnitt {
background-color:#F4E6D2;
+
  text-align: center;
text-align:center;
+
  font-weight: bold;
font-weight:bold;
+
  padding: 0.4em;
padding:0.4em;
+
  border-top: 1px solid #000;
 
}
 
}
  
 
.InfoboxZeileL {
 
.InfoboxZeileL {
background-color:#F4E6D2;
+
  font-weight: bold;
font-weight:bold;
+
  width: 88px;
width:100px;
+
  padding: 6px;
padding:0.4em;
+
  float: left;
border-right:1px solid black;
+
  border-top: 1px solid #000;
float:left;
 
 
}
 
}
  
 
.InfoboxZeileR {
 
.InfoboxZeileR {
padding:0.4em;
+
  padding: 6px;
 +
  float: right;
 +
  text-align: left;
 +
  width: 137px;
 +
  background-color: #fff;
 +
  border: 1px solid #000;
 +
  border-width: 1px 0 0 1px;
 
}
 
}
  
 
.InfoboxBild {
 
.InfoboxBild {
text-align:center;
+
  text-align: center;
padding:6px 0px;
+
  padding: 6px 0px;
 +
  background-color: #fff;
 +
  border-top: 1px solid #000; 
 
}
 
}
  
.InfoboxBildHochladen {
+
.InfoboxBild span {
font-size:80%;
+
  font-size: 80%;
font-weight:bold;
+
  font-weight: bold;
 
}
 
}
 
</pre>
 
</pre>
 
+
</noinclude>
<div class="Infobox">
 
<div class="InfoboxTitel">{{{name}}}</div>
 
{{#ifeq: {{{wappen}}} | nein | | <div class="InfoboxBaustein"> {{#if: {{{wappen|}}} | [[Bild:{{{wappen}}}{{!}}center{{!}}Wappen der Stadt {{{name}}}{{!}}150px]] | {{#ifexist: Bild:Wappen_{{{name}}}.gif | [[Bild:Wappen_{{{name}}}.gif{{!}}center{{!}}Wappen der Stadt {{{name}}}{{!}}150px]] | {{#ifexist: Bild:Wappen_{{{name}}}.png | [[Bild:Wappen_{{{name}}}.png{{!}}center{{!}}Wappen der Stadt {{{name}}}{{!}}150px]] | [[Bild:Leerwappen.png{{!}}center{{!}}Kein Wappen vorhanden{{!}}150px]] <div class="InfoboxBildHochladen">[http://wiki.antamar-community.de/index.php?title=Spezial:Hochladen&wpDestFile=Wappen_{{PAGENAMEE}}.png Wappen hochladen]</div><includeonly>[[Kategorie:Fehlendes Wappen]]</includeonly> }} }} }} </div> }}
 
<div class="InfoboxBaustein"><div class="InfoboxUntertitel">Übersicht</div></div>
 
<div class="InfoboxBaustein"><div class="InfoboxZeileL">Fläche</div><div class="InfoboxZeileR">{{#if: {{{fläche|}}} | {{{fläche}}} [[Antamarische_W%C3%A4hrungen_und_Einheiten#Fl.C3.A4chenma.C3.9Fe{{!}}Morgen]] | Unbekannt }}</div></div>
 
<div class="InfoboxBaustein"><div class="InfoboxZeileL">Einwohnerzahl</div><div class="InfoboxZeileR">{{#if: {{{einwohner|}}} | {{{einwohner}}} | Unbekannt }}</div></div>
 
<div class="InfoboxBaustein"><div class="InfoboxZeileL">Marktrecht</div><div class="InfoboxZeileR">{{#if: {{{marktrecht|}}} | {{{marktrecht}}} | Unbekannt }}</div></div>
 
<div class="InfoboxBaustein"><div class="InfoboxUntertitel">Zugehörigkeit</div></div>
 
<div class="InfoboxBaustein"><div class="InfoboxZeileL">Kontinent</div><div class="InfoboxZeileR">{{#if: {{{kontinent|}}} | [[{{{kontinent}}}]] | Unbekannt }}</div></div>
 
<div class="InfoboxBaustein"><div class="InfoboxZeileL">Kultur</div><div class="InfoboxZeileR">{{#if: {{{kultur|}}} | [[{{{kultur}}}]] | Unbekannt }}</div></div>
 
<div class="InfoboxBaustein"><div class="InfoboxZeileL">Land</div><div class="InfoboxZeileR">{{#if: {{{land|}}} | [[{{{land}}}]] | Unbekannt }}</div></div>
 
{{#if: {{{provinz|}}} | <div class="InfoboxBaustein"><div class="InfoboxZeileL">Provinz</div><div class="InfoboxZeileR">[[{{{provinz}}}]]</div></div> }}
 
</div>
 

Aktuelle Version vom 23. Juni 2009, 14:21 Uhr


Testname
Leerwappen.png
Hintergrund
Ursprung
aus einem ei

Einordnung
ganz oben

Glauben
römisch-katholisch

Verbreitung
gering

Die Informationen in dieser Box sind nicht zur Benutzung durch Helden im Spiel vorgesehen. Sie dienen nur rein informativen Zwecken für die Spieler/Spielleiter. Es ist kein Heldenwissen!


.Infobox {
  float: right;
  width: 250px;
  border: 1px solid #000;
  border-width: 0 1px 1px 1px;
  margin: 0px 0px 6px 6px;
}

.InfoboxTitel {
  text-align: center;
  font-size: 120%;
  font-weight: bold;
  border-top: 1px solid #000;
  padding: 0.4em;
}

.InfoboxTitel span {
 font-size: 90%;
 font-weight: normal;
}

.InfoboxAbschnitt {
  text-align: center;
  font-weight: bold;
  padding: 0.4em;
  border-top: 1px solid #000;
}

.InfoboxZeileL {
  font-weight: bold;
  width: 88px;
  padding: 6px;
  float: left;
  border-top: 1px solid #000;
}

.InfoboxZeileR {
  padding: 6px;
  float: right;
  text-align: left;
  width: 137px;
  background-color: #fff;
  border: 1px solid #000;
  border-width: 1px 0 0 1px;
}

.InfoboxBild {
  text-align: center;
  padding: 6px 0px;
  background-color: #fff;
  border-top: 1px solid #000;  
}

.InfoboxBild span {
  font-size: 80%;
  font-weight: bold;
}