Benutzer:Tequila/Sandkasten: Unterschied zwischen den Versionen

Aus AntamarWiki
Wechseln zu: Navigation, Suche
K
Zeile 1: Zeile 1:
−
<div style="position:relative; float:right; width:250px;">
+
<div style="float:right; width:250px; background-color:#F4E6D2; border:1px solid #000; border-width:0 1px 1px 1px;">
−
<div style="background-color:#F4E6D2; text-align:center; font-size:120%; font-weight:bold; border:1px solid black; padding:0.4em;">{{{name}}}</div>
+
<div style="text-align:center; font-size:120%; font-weight:bold; border-top:1px solid #000; padding:0.4em;">{{{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>
+
<div style="text-align:center; padding:6px 0px; border-top:1px solid #000; background-color:#FFF;">[[Bild:Leerwappen.png|150px]]<br /><span style="font-size:80%; font-weight:bold;">[http://wiki.antamar-community.de/index.php?title=Spezial:Hochladen&wpDestFile=Wappen_{{PAGENAMEE}}.png Wappen hochladen]</span></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 style="text-align:center; font-weight:bold; padding:0.4em; border-top:1px solid #000;">Übersicht</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 über mehrere Zeilen</div></div>
+
<div style="font-weight:bold; width:88px; padding:6px; float:left; border-top:1px solid #000;">Fläche</div><div style="padding:6px; float:right; text-align:left; width:137px; background-color:#fff; border: 1px solid #000; border-width: 1px 0 0 1px;">Unbekannt über mehrere Zeilen</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 style="font-weight:bold; width:88px; padding:6px; float:left; border-top:1px solid #000;">Einwohner</div><div style="padding:6px; float:right; text-align:left; width:137px; background-color:#fff; border: 1px solid #000; border-width: 1px 0 0 1px;">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 style="font-weight:bold; width:88px; padding:6px; float:left; border-top:1px solid #000;">Marktrecht</div><div style="padding:6px; float:right; text-align:left; width:137px; background-color:#fff; border: 1px solid #000; border-width: 1px 0 0 1px;">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;">Hafenstadt</div><div style="padding:0.4em;">Unbekannt</div></div>
+
<div style="font-weight:bold; width:88px; padding:6px; float:left; border-top:1px solid #000;">Hafenstadt</div><div style="padding:6px; float:right; text-align:left; width:137px; background-color:#fff; border: 1px solid #000; border-width: 1px 0 0 1px;">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 style="text-align:center; font-weight:bold; padding:0.4em; border-top:1px solid #000;">Zugehörigkeit</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;">Kontinent</div><div style="padding:0.4em;">Unbekannt</div></div>
+
<div style="font-weight:bold; width:88px; padding:6px; float:left; border-top:1px solid #000;">Kontinent</div><div style="padding:6px; float:right; text-align:left; width:137px; background-color:#fff; border: 1px solid #000; border-width: 1px 0 0 1px;">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;">Kultur</div><div style="padding:0.4em;">Unbekannt</div></div>
+
<div style="font-weight:bold; width:88px; padding:6px; float:left; border-top:1px solid #000;">Kultur</div><div style="padding:6px; float:right; text-align:left; width:137px; background-color:#fff; border: 1px solid #000; border-width: 1px 0 0 1px;">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;">Land</div><div style="padding:0.4em;">Unbekannt</div></div>
+
<div style="font-weight:bold; width:88px; padding:6px; float:left; border-top:1px solid #000;">Land</div><div style="padding:6px; float:right; text-align:left; width:137px; background-color:#fff; border: 1px solid #000; border-width: 1px 0 0 1px;">Unbekannt</div><br style="clear: both;" />
 
</div>
 
</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.
 
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
 
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
Zeile 23: Zeile 19:
 
<pre>
 
<pre>
 
.Infobox {
 
.Infobox {
−
position:relative;
+
  float: right;
−
float:right;
+
  width: 250px;
−
width:250px;
+
  background-color: #F4E6D2;
−
}
+
  border: 1px solid #000;
−
 
+
  border-width: 0 1px 1px 1px;
−
.InfoboxBaustein {
 
−
border-width:0px 1px 1px;
 
−
border-style:solid;
 
 
}
 
}
  
 
.InfoboxTitel {
 
.InfoboxTitel {
−
background-color:#F4E6D2;
+
  text-align: center;
−
text-align:center;
+
  font-size: 120%;
−
font-size:120%;
+
  font-weight: bold;
−
font-weight:bold;
+
  border-top: 1px solid #000;
−
border:1px solid black;
+
  padding: 0.4em;
−
padding:0.4em;
 
 
}
 
}
  
−
.InfoboxUntertitel {
+
.InfoboxTitel span {
−
font-size:90%;
+
font-size: 90%;
 
}
 
}
  
 
.InfoboxAbschnitt {
 
.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>
Zeile 79: Zeile 78:
 
<div class="Infobox">
 
<div class="Infobox">
 
<div class="InfoboxTitel">{{{name}}}</div>
 
<div class="InfoboxTitel">{{{name}}}</div>
−
{{#ifeq: {{{wappen}}} | nein | | <div class="InfoboxBaustein"><div class="InfoboxBild"> {{#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> }}
+
{{#ifeq: {{{wappen}}} | nein | | <div class="InfoboxBild"> {{#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]]<br /><span>[http://wiki.antamar-community.de/index.php?title=Spezial:Hochladen&wpDestFile=Wappen_{{PAGENAMEE}}.png Wappen hochladen]</span><includeonly>[[Kategorie:Fehlendes Wappen]]</includeonly> }} }} }} </div> }}
−
<div class="InfoboxBaustein"><div class="InfoboxAbschnitt">Übersicht</div></div>
+
<div class="InfoboxAbschnitt">Übersicht</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="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><br style="clear:both;" />
−
<div class="InfoboxBaustein"><div class="InfoboxZeileL">Einwohnerzahl</div><div class="InfoboxZeileR">{{#if: {{{einwohner|}}} | {{{einwohner}}} | Unbekannt }}</div></div>
+
<div class="InfoboxZeileL">Einwohnerzahl</div><div class="InfoboxZeileR">{{#if: {{{einwohner|}}} | {{{einwohner}}} | Unbekannt }}</div><br style="clear:both;" />
−
<div class="InfoboxBaustein"><div class="InfoboxZeileL">Marktrecht</div><div class="InfoboxZeileR">{{#if: {{{marktrecht|}}} | {{{marktrecht}}} | Unbekannt }}</div></div>
+
<div class="InfoboxZeileL">Marktrecht</div><div class="InfoboxZeileR">{{#if: {{{marktrecht|}}} | {{{marktrecht}}} | Unbekannt }}</div><br style="clear:both;" />
−
<div class="InfoboxBaustein"><div class="InfoboxZeileL">Hafenstadt</div><div class="InfoboxZeileR">{{#if: {{{hafen|}}} | {{{hafen}}} | Unbekannt }}</div></div>
+
<div class="InfoboxZeileL">Hafenstadt</div><div class="InfoboxZeileR">{{#if: {{{hafen|}}} | {{{hafen}}} | Unbekannt }}</div><br style="clear:both;" />
−
<div class="InfoboxBaustein"><div class="InfoboxAbschnitt">Zugehörigkeit</div></div>
+
<div class="InfoboxAbschnitt">Zugehörigkeit</div><br style="clear:both;" />
−
<div class="InfoboxBaustein"><div class="InfoboxZeileL">Kontinent</div><div class="InfoboxZeileR">{{#if: {{{kontinent|}}} | [[{{{kontinent}}}]] | Unbekannt }}</div></div>
+
<div class="InfoboxZeileL">Kontinent</div><div class="InfoboxZeileR">{{#if: {{{kontinent|}}} | [[{{{kontinent}}}]] | Unbekannt }}</div><br style="clear:both;" />
−
<div class="InfoboxBaustein"><div class="InfoboxZeileL">Kultur</div><div class="InfoboxZeileR">{{#if: {{{kultur|}}} | [[{{{kultur}}}]] | Unbekannt }}</div></div>
+
<div class="InfoboxZeileL">Kultur</div><div class="InfoboxZeileR">{{#if: {{{kultur|}}} | [[{{{kultur}}}]] | Unbekannt }}</div>
−
<div class="InfoboxBaustein"><div class="InfoboxZeileL">Land</div><div class="InfoboxZeileR">{{#if: {{{land|}}} | [[{{{land}}}]] | Unbekannt }}</div></div>
+
<div class="InfoboxZeileL">Land</div><div class="InfoboxZeileR">{{#if: {{{land|}}} | [[{{{land}}}]] | Unbekannt }}</div><br style="clear:both;" />
−
{{#if: {{{provinz|}}} | <div class="InfoboxBaustein"><div class="InfoboxZeileL">Provinz</div><div class="InfoboxZeileR">[[{{{provinz}}}]]</div></div> }}
+
{{#if: {{{provinz|}}} | <div class="InfoboxZeileL">Provinz</div><div class="InfoboxZeileR">[[{{{provinz}}}]]</div> }}
 
</div>
 
</div>

Version vom 1. März 2009, 13:11 Uhr

{{{name}}}
Übersicht
Fläche
Unbekannt über mehrere Zeilen

Einwohner
Unbekannt

Marktrecht
Unbekannt

Hafenstadt
Unbekannt

Zugehörigkeit
Kontinent
Unbekannt

Kultur
Unbekannt

Land
Unbekannt

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 (hier) kommen. Außerdem erlaubt es das leichte modifizieren sämtlicher Infoboxen.

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 

.Infobox {
  float: right;
  width: 250px;
  background-color: #F4E6D2;
  border: 1px solid #000;
  border-width: 0 1px 1px 1px;
}

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

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

.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;
}
{{{name}}}
Kein Wappen vorhanden

Wappen hochladen
Übersicht
Fläche
Unbekannt

Einwohnerzahl
Unbekannt

Marktrecht
Unbekannt

Hafenstadt
Unbekannt

Zugehörigkeit

Kontinent
Unbekannt

Kultur
Unbekannt
Land
Unbekannt

Abgerufen von „https://wiki.antamar.eu/index.php?title=Benutzer:Tequila/Sandkasten&oldid=35247“