Mit 3.027.053 Artikeln steht die deutschsprachige Wikipedia kurz vor dem Überschreiten der Eine-Million-Artikel-Marke. Um diesen Meilenstein ein wenig zu feiern und auf unsere gemeinsame Arbeit Rückschau zu halten, soll an dieser Stelle bis dahin ein elektronischer Quilt entstehen. Angelehnt an die Million Dollar Homepage von Alex Tew sind alle Benutzer eingeladen, das 800×1250-Pixel-Raster mit kleinen Icons zu füllen, die ihre Geschichte mit der Wikipedia erzählen. Das können Links auf besonders gelungene Artikel sein, ein kleiner Gruß, schöne Bilder … was auch immer.
Um möglichst vielen Benutzern die Möglichkeit zu geben, sich hier zu verewigen, soll ein einzelner Benutzer max. 1600 Pixel (also z.B. ein Quadrat von 40×40px oder ein Rechteck 80×20px bzw. 20×80px) belegen. Die Gestaltung ist vollkommen freigestellt.
Und unter Projekte für die nächste Million kann jeder hinterlassen, was er sich bis zum Erreichen der nächsten Million Mitte/Ende 2015 für ganz persönliche Ziele gesetzt hat.
Unsere Geschichte
.gif?lang=de){kind=small}
So wird’s gemacht
Jedes Kästchen ist ein eigenes div-Element, das mit Hilfe von CSS in dem Raster platziert werden kann.
<div id="Benutzername" style="position:absolute; width:36px; height:36px; padding: 1px; border: 1px solid #FF0000; top:50px; left:300px; overflow:hidden;"></div>
- width und height definieren die Breite und Höhe in Pixeln.
- left und top geben die Position von links und oben (bezogen auf die Linke obere Ecke des Elements und des Rasters) an.
- border (Rahmen) oder padding (Innenabstand) zählen zur beanspruchten Fläche dazu und müssen davon subtrahiert werden, damit die Gleichung stimmt. Soll euere Box einen 1px breiten Rahmen haben und einen 1px starken Innenabstand haben, muss die Box auf jeder Seite um 2 Pixel Schrumpfen (1px Rahmen, 1x Innenabstand)- also 36×36 + 2px Rahmen + 2px Abstand ergeben dann die gewünschten 40×40 Pixel.
- Auf den Rahmen oder Innenabstand kann natürlich auch verzichtet werden (einfach die Deklaration entfernen oder auf 0 setzen).
<div id="Benutzername" style="position:absolute; width:40px; height:40px; padding: 0px; border: 0px solid #FF0000; top:50px; left:300px; overflow:hidden;"></div>
- unter id soll der Benutzername eingetragen werden (Syntax für ID-Attribute beachten!).
- Ein neues Kästchen soll ein bestehendes nicht überschreiben oder verdecken.
Mit zusätzlichen CSS-Deklarationen können Hintergrundfarbe, Schriftgröße/-farbe, Innenabstände oder Rahmen definiert werden.
Texte oder Bilder müssen zwischen dem öffnenden <div> und dem schließenden </div> platziert werden.
Lizenzen
Eine Auflistung der verwendeten Bilder mit Links auf die Dateibeschreibungsseiten, die die Lizenzinformationen enthalten, ist unter /Dateien verfügbar. Die Liste wird regelmäßig durch einen Bot aktualisiert.
Siehe auch
- Einmillionste Datei nun auf Wikimedia Commons; Logo-Mosaik (30. November 2006)