Benutzer:Smiley/Bastelecke3

Meine Ideen

• Einheitliches Design der Vorlagen, welches dann über 2-3 Klassen im Style geregelt wird, um den Inline-code zu minimieren.
• Tabellen -> Div. Tabellen dienen zum Darstellen von strukturierten Daten und sind nicht als Formatierungselement gedacht. (Das war mal in den 90ern so...)
• Icons in den Vorlagen vielleicht dem Spiel entnehmen, z.B. den "Work in Progress"-Golem als Icon für die Vorlage für fehlende Informationen.

Beispiel

CSS

.hinweisvorlage-aussen{
 border-radius: 8px;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 -khtml-border-radius: 8px;
 border-style: solid;
 border-width: 1px;
 padding: .25em;
 margin-bottom: .75em;

 /* optional etwas Luft an den Seiten
 margin-left: 10%;
 margin-right: 10%;
 min-width: 500px;
 */
}

.hinweisvorlage-kopf{
 border-radius: 6px;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 -khtml-border-radius: 6px;
 font-weight: bold;
 padding: 0 .5em;
}

.hinweisvorlage-innen{
 margin: .25em 0 0 0;
 display: table-row;
}

.hinweisvorlage-icon{
 display: table-cell;
 width: 64px;
 text-align: center;
 min-height: 1.25em; 
 margin: .25em .5em;
}

.hinweisvorlage-text{
 display: table-cell;
 width: 100%;
 vertical-align: top;
}

HTML

Mit Icon

<div class="hinweisvorlage-aussen" style="border-color: {{Farbe|nav|rand}};">
 <div class="hinweisvorlage-kopf" style="background-color: {{Farbe|nav|normal}};">
  <!-- Überschrift -->
 </div>
 <div class="hinweisvorlage-innen">
  <div class="hinweisvorlage-icon">
   <!-- Icon -->
  </div>
  <div class="hinweisvorlage-text">
   <!-- Vorlagentext hier -->
  </div>
 </div>
</div>

Ohne Icon

<div class="hinweisvorlage-aussen" style="border-color: {{Farbe|nav|rand}};">
 <div class="hinweisvorlage-kopf" style="background-color: {{Farbe|nav|normal}};">
  <!-- Überschrift -->
 </div>
 <div class="hinweisvorlage-innen">
  <div class="hinweisvorlage-text">
   <!-- Vorlagentext hier -->
  </div>
 </div>
</div>

Darstellungsbeispiel

Mit Icon

Test

Test

Ohne Icon

Test

Test

Betroffene Vorlagen

• Vorlage:Archiv
• Vorlage:Archiviert
• Vorlage:Bug
• Vorlage:Datei_verbessern
• Vorlage:Falsche_Informationen
• Vorlage:Fehlende_Informationen
• Vorlage:Hinweis
• Vorlage:Löschantrag
• Vorlage:Richtlinien_einhalten
• Vorlage:Stylesheet-Bild
• Vorlage:Veraltete_Informationen (ist ggf. auch vonnöten)
• Vorlage:Willkommensnachricht
• Vorlage:Überarbeiten
• Vorlage:Übersetzungsfehler
• Kategorie:Vorlage Lizenz vielleicht auch

Vorlage:Fehlende Informationen

Diese Vorlage sollte meiner Meinung nach interessierte Benutzer zum bearbeiten einladen, dabei aber gleichzeitig möglichst wenig aufdringlich wirken.

Hier ein Vorschlag, angelehnt an die Vorlage:Dieser Artikel: