Hauptmenü öffnen

AntamarWiki β

Änderungen

Benutzer:Tequila/Sandkasten

28 Bytes hinzugefügt, 13:11, 1. Mär. 2009
keine Bearbeitungszusammenfassung
<div style="position:relative; 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-top:1px solid black#000; padding:0.4em;">{{{name}}}</div><div style="bordertext-widthalign:center; padding:6px 0px 1px 1px; border-styletop:1px solid#000;"><div style="textbackground-aligncolor:center; padding:6px 0px#FFF;">[[Bild:Leerwappen.png|150px]]<div 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]</div></divspan></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; border-top:1px solid #000;">Übersicht</div></div><div style="borderfont-weight:bold; width:0px 1px 1px88px; padding:6px; float:left; border-styletop:1px solid#000;">Fläche</div><div style="background-colorpadding:6px; float:#F4E6D2right; fonttext-weightalign:boldleft; width:100px137px; paddingbackground-color:0.4em#fff; border-right:1px solid black#000; float:left;">Fläche</div><div style="paddingborder-width:1px 0 0.4em1px;">Unbekannt über mehrere Zeilen</div></div><div br style="border-width:0px 1px 1px; border-styleclear:solidboth;"/><div style="background-color:#F4E6D2; font-weight:bold; width:100px88px; padding:0.4em6px; float:left; border-righttop:1px solid black; float:left#000;">EinwohnerzahlEinwohner</div><div style="padding:6px; float:right; text-align:left; width:137px; background-color:#fff; border: 1px solid #000; border-width: 1px 0.4em0 1px;">Unbekannt</div></div><div br style="border-widthclear:0px 1px 1px; border-style:solidboth;"/><div style="background-color:#F4E6D2; font-weight:bold; width:100px88px; padding:0.4em6px; float:left; border-righttop:1px solid black; float:left#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.4em1px;">Unbekannt</div></div><div br style="border-width:0px 1px 1px; border-styleclear:solidboth;"/><div style="background-color:#F4E6D2; font-weight:bold; width:100px88px; padding:0.4em6px; float:left; border-righttop:1px solid black; float:left#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.4em0 1px;">Unbekannt</div></div><div br style="border-widthclear:0px 1px 1px; border-style:solidboth;"/><div style="background-color:#F4E6D2; text-align:center; font-weight:bold; padding:0.4em; border-top:1px solid #000;">Zugehörigkeit</div></div><div style="borderfont-weight:bold; width:0px 1px 1px88px; padding:6px; float:left; border-styletop:1px solid#000;">Kontinent</div><div style="background-colorpadding:6px; float:#F4E6D2right; fonttext-weightalign:boldleft; width:100px137px; paddingbackground-color:0.4em#fff; border-right:1px solid black#000; floatborder-width:left1px 0 0 1px;">KontinentUnbekannt</div><div br style="paddingclear:0.4emboth;">Unbekannt</div></div><div style="borderfont-weight:bold; width:0px 1px 1px88px; padding:6px; float:left; border-styletop:1px solid#000;">Kultur</div><div style="background-colorpadding:6px; float:#F4E6D2right; fonttext-weightalign:boldleft; width:100px137px; paddingbackground-color:0.4em#fff; border-right:1px solid black#000; floatborder-width:left1px 0 0 1px;">KulturUnbekannt</div><div br style="paddingclear:0.4emboth;">Unbekannt</div></div><div style="borderfont-weight:bold; width:0px 1px 1px88px; padding:6px; float:left; border-styletop:1px solid#000;">Land</div><div style="background-colorpadding:6px; float:#F4E6D2right; fonttext-weightalign:boldleft; width:100px137px; paddingbackground-color:0.4em#fff; border-right:1px solid black#000; floatborder-width:left1px 0 0 1px;">LandUnbekannt</div><div br style="paddingclear:0.4emboth;">Unbekannt</div></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.
 
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
<pre>
.Infobox {
position:relative; float:right; width:250px;} .InfoboxBaustein { background-color: #F4E6D2; border-width:0px 1px 1pxsolid #000; border-stylewidth:solid0 1px 1px 1px;
}
.InfoboxTitel {
background-color:#F4E6D2; text-align:center; font-size:120%; font-weight:bold; border-top:1px solid black#000; padding:0.4em;
}
.InfoboxUntertitel InfoboxTitel span { font-size:90%;
}
.InfoboxAbschnitt {
background-color:#F4E6D2; text-align:center; font-weight:bold; padding:0.4em; border-top: 1px solid #000;
}
.InfoboxZeileL {
background-color:#F4E6D2; font-weight:bold; width:100px88px; padding:0.4em6px; float: left; border-righttop:1px solid black;float:left#000;
}
.InfoboxZeileR {
padding:6px; float: right; text-align: left; width: 137px; background-color: #fff; border: 1px solid #000; border-width: 1px 0 0.4em1px;
}
.InfoboxBild {
text-align:center; padding:6px 0px; background-color: #fff; border-top: 1px solid #000;
}
.InfoboxBildHochladen InfoboxBild span { font-size:80%; font-weight:bold;
}
</pre>
<div class="Infobox">
<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"br /><span>[http://wiki.antamar-community.de/index.php?title=Spezial:Hochladen&wpDestFile=Wappen_{{PAGENAMEE}}.png Wappen hochladen]</divspan><includeonly>[[Kategorie:Fehlendes Wappen]]</includeonly> }} }} }} </div></div> }}<div class="InfoboxBaustein"><div class="InfoboxAbschnitt">Ü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 classbr style="InfoboxBausteinclear:both;"/><div class="InfoboxZeileL">Einwohnerzahl</div><div class="InfoboxZeileR">{{#if: {{{einwohner|}}} | {{{einwohner}}} | Unbekannt }}</div></div><div classbr style="InfoboxBausteinclear:both;"/><div class="InfoboxZeileL">Marktrecht</div><div class="InfoboxZeileR">{{#if: {{{marktrecht|}}} | {{{marktrecht}}} | Unbekannt }}</div></div><div classbr style="InfoboxBausteinclear:both;"/><div class="InfoboxZeileL">Hafenstadt</div><div class="InfoboxZeileR">{{#if: {{{hafen|}}} | {{{hafen}}} | Unbekannt }}</div></div><div classbr style="InfoboxBausteinclear:both;"/><div class="InfoboxAbschnitt">Zugehörigkeit</div></div><div classbr style="InfoboxBausteinclear:both;"/><div class="InfoboxZeileL">Kontinent</div><div class="InfoboxZeileR">{{#if: {{{kontinent|}}} | [[{{{kontinent}}}]] | Unbekannt }}</div></div><div classbr style="InfoboxBausteinclear:both;"/><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><br style="clear:both;" /div>{{#if: {{{provinz|}}} | <div class="InfoboxBaustein"><div class="InfoboxZeileL">Provinz</div><div class="InfoboxZeileR">[[{{{provinz}}}]]</div></div> }}
</div>
927
Bearbeitungen