Arbeitsplattform zum überarbeiten und entwickeln verschiedener CSS-Layouts für de.indymedia.org.
Die CSS-Layouts werden auf der unter
ImcDePageMarkup entwickelten Seitenstruktur aufsetzen.
Frage: Wie geht's weiter ? Wird dran gearbeitet ? Welche Vorschläge werden umgesetzt und wie ist die Entscheidungsfindung ? (fragt sich skep)
Jetzt neu und zum kostenlosen Download, die "make-your-own-indy-Layout-Bastel-Zip-Datei"! (Enthält eine ausführliche Anleitung als README.txt
(antwortet init)
-> Hinweis: seit dem Datumsumbruch im Newswire muss noch folgende Zeile in das CSS:
.nw-day { margin: 0px -10px 0px -10px; padding: 0px 10px 0px 10px; background-color: #bbb; color: #DDD; font-weight: bold;}
bitte auch
CSS Files mit Kommentaren? beachten
ImcDeLayoutMigration
Allgemein
In der Vergangenheit gabs immer mal wieder Layoutdiskussionen. War meist sehr ermüdend und gab Diskussionen wegen Farben usw.
Deswegen sind wir mal auf die Idee gekommen, das diesmal so zu machen:
Zuerst klären wir (im irc, im wiki, beim bwt) die Seitenstruktur und den groben Rahmen.
Gab eigentlich bisher auch nur kleinere Änderungswünsche (Upcoming Events sind zu weit unten, Kopf sieht doof aus (der eine Satz rechts oben is viel zu klein, is zu unübersichtlich) und ein paar Ideen (z.B.Regionale Unter-Indys über CSS in einem aufklappbaren Untermenü)
Wenn der Rahmen soweit steht, wird alles ins Wiki geschrieben und verschiedene Leute können sich am Theme (Look&Feel) der Seite ransetzen.
Diejenigen Themes, die Zustimmung bekommen, könnten allesamt als jeweilige CSS-Styles den usern zu Auswahl stehen. Damit stehen keine Entwürfe konkurrierend gegenüber. ... mal diese Seite ansehen:
http://www.csszengarden.com/
Aktuelle Frage: Klären wir das auf dem bwt oder im irc? Sollte dann eine offizielle Einladung geben...
bin für bwt (¬emiliano, lexi)
bitte setzt eure punkte in die entsprechenden kategorien damit das ganze übersichtlich bleibt
Aufgaben nach dem IRC Treffen 27.03.05
- yetzt will die templates nach xhtml 1.1 umbauen.
- seb schreibt den satz im header um, der wird kürzer.
- im newswire sollte ein umbruch für datumswechsel eingebaut werden. artikel-überschriften können so länger werden
- zusammenklappbare menüs links, wie paris.indy (nur per css, ja nicht javascript)
- translation box in der linken spalte raus! translation link in den header (barbarossa wollte da mal ein static erstellen)
- suche muss nicht eine box und in der linken spalte sein, kann in den header
- eine statische suchseite sollte eingerichtet werden, wo das feature mit den checkboxen neben den rubriken eingebaut werden kann. die checkboxen auf der haupseite kommen dann weg.
- die style-box auch aus der linken spalte und ab in den header! (evtl. als 3, 4 kleine gifs wie sfactive)
- alle boxes links gleichfarbig, nicht so ein regenbogen kuddelmuddel wie jetzt
- sfactive und brasil.indy haben immer das gleiche grundgerüst, wir wollen das auch. dh. linke spalte und header auf jeder seite (auch openposting und artikel) anzeigen.
- vorschläge für die linke spalte bei artikeln sind "quote of the day", mitmachen links und kurzbeschreibung wie bei brasil, später regional-rubriken. weitere vorschläge: lizenz, weiterfuehrende artikel, welchen kategorien der artikel zugeordnet ist, translationtool...
Technisches / Änderungen
wolli:
- nicht nur medien, sondern auch urls zu medien hochladbar machen, damit nicht im text extra-links eingefügt werden müssen und das die beiträge dann auch unter video, audio, ... richtig auftauchen
- Möglichkeit, die eigenen beiträge zu änderen, falls fehler drin sind?
santa:
- Vereinfachen des uploades, video, audio, texte und pdf gleichwertig behandeln und in einem rutsch
hochladen können, keine x-fach verschiedenen formlulare...
- designauswahl via vorlage mit drei der fotos, ähnlich wie hp-generatoren, rest als
thumbnail-galerie (zapata hack)
- indy-verweise darunter
- und urls am ende des textes als liste "weitere Quellen:" , darunter übersetzungs-button
- butten für schmales Fenster links mit textformatierung und h1, h2, h3, b, i, f, (size sperren) usw.
wie beim normalen forum freigeben..
- wie wärs mal mit nem gemeinnützigen kleinen shop für shirts, aufkleber, vhs, foto-cd und so
zugunsten der indys ? machen ja einige imcs... und vielleicht nen hauseigenen shop für indys
(verhandelbar mit druckerei zwecks verbrauchsmaterialeinkauf, material für festivalstände kaufen,
plakate günstig drucken, druckvorlagen downloaden/uploaden, european newsreal bestellen
und u.ä, usw.) oder zumindestens ne liste von unternehmen von denen indy günstig kaufen kann...
- vernünftiger terminkalender wo man erfährt was wo los ist und wer (region/pseudo reicht ja) da
filmt/fotografiert/dokumentiert (häckchen-box) und sich die leute besser absprechen können...
lexi:
- xhtml strict (sorgt für einfache datenverarbeitung zB für OOo)
- css / alternates css's
skep:
- die Möglichkeit beim ersten posten die Bilder gleich an bestimmte Stellen ins Posting zu integrieren. Und zwar nach folgendem Schema/Beispiel:
- Ich wähle 3 Bilder aus (per Uploadformular, so wie es jetzt schon ist)
- Ich kann per spezieller Variable das Bild 1 an einer Stelle im Text einfügen/reservieren
- Der Postinggenerator parst dann den Text nach diesen Variablen und fügt bei Vorhandensein das bild an der entsprechenden Stelle ein, falls nicht gefunden nach dem üblichen Schema
- Vorschaufunktion bei neuen Beiträgen
amino:
- Zapata's Hack für http://sputnik.mir.dnsalias.net benutzen (kann man auch testen): von allen hochgeladenen Bildern wird das erste automatisch als Thumbnail in den Kopf des Beitrags eingefügt (mit Fliesstext). Die restlichen werden unter dem Beitrag als Thumbnails verlinkt, ähnlich wie bei portland.indymedia.org.
Damit würden nur noch Thumbnails in den Beitrag selbst geladen, was die Ladezeiten für die Benutzer verbessert und die Bandbreite vermindert. Gleichzeitig kann man höherauflösende Bilder für die Uploads zulassen, die nur noch beim anklicken der Thumbnails geladen werden.
Die Thumbnails müssten eine bessere Qualität und ungefähr die doppelten Dimensionen haben wie bisher um auf ihnen genug zu erkennen (z.b. 200px Breite/Höhe Maximum).
Die hochgeladenen Bilder, die nicht mehr automatisch in den Beitrag geladen werden müssen, sollten weniger stark in der Qualität vermindert werden (für Weiterverwendung in Printmedien usw.)
- 1px-Kontrastrand um die Bilder, wie im Link oben.
- find ich beides sehr gut und bin schwer dafür das zu übernehmen. -- LeXi - 02 Jul 2004
- sorry für die späte Ergänzung
Layout
santa:
- dunkelblauer background, oberes bild verläuft zum background, fenster silber, logo und dahinter
banner zum einbinden auf hp´s...
- linkes Menü könnte ruhig stehen bleiben, (einklappbar wär doch ok) wenns sowieso schon geladen ist
- links sortieren, insbesondere die deutschen...
- ansonsten spartanisch und verständlich und nicht so kunterbunte fenster, eine fensterfarbe
reicht, man könnte ja nen weiss-blauen rahmen von 1 px drum legen, sieht bestimmt gut aus...
seb:
- Translation-Link in den Kopf
- "Was ist Indy"-Satz im Kopf lesbar machen
- Abstand zwischen Mittelspalte und Rändern kleiner (bei anderen Indys passt wesentlich mehr in die Mittelspalte, ohne daß die Features so lang wirken)
- Vielleicht Upcoming Events etwas prominenter platzieren
- dabei vielleicht den Linkkasten darunter ganz auflösen und die Links in den Kopf (Linkliste) und über den Newswire (Termine, Diskussionen)?
- Kasten mit Rubriken überarbeiten
- eine idee für den kalenderknopf: kann auch ein bilchen wie bei http://indybay.org/ sein
- Einige Links (translate) auch zu den links unter den banner packen, so wird die linke spalte übersichtlicher.
- Newswire-Spalte: Wie bei http://thessaloniki.indymedia.org/ das Datum als Einschübe/Zwischenüberschriften. Dann würde nur noch Postingzeit dort stehen. Der frei werdende Platz könnte für Anzahl der Komms + Autor + längerer Titel vewendet werden.
skep:
- Text im Header raus
- Suchkästchen raus und Suche ähnlich portland-imc oder auf einer Unterseite
- Mittelspalte hängt unten so lose rum
- die 4 Punkte unten auf der Startseite woanders verlinken
- Kalender auf der Startseite ähnlich sozialforum-berlin.de -> erspart vielleicht die ewigen Terminpostings
- Anzahl der Kommentare im nw auf der Startseite
- rss-feed-Links als Link o.ä. sichtbar machen...
Design
skep:
- markanter "Publish"-Button ähnlich portland-imc
- generell ein neuer Header
weitere Ideen für zusätzliche Gimmicks:
--
LeXi - 28 May 2004
--
LeXi - 07 Jun 2004 - sortiert
--
SkeP - 07 Jun 2004 - sortierung korregiert
--
InIt - 06 Feb 2005 - Layout-Zipfile hinzugefügt
to top
