|
|
|
|
|
|
Nur echt mit abgerundeten Ecken
|
Trac + SVN
http://student.hs-albsig.de/svn/bb2/
Wer was einchecken möchte: Account bei Ghandi beantragen (pm)
Spontanthread, daher ohne einleitende Worte (bis auf diese hier).
Idee: Neuentwicklung des Forentemplates bei - so weit möglich - gleich Look & Feel.
Warum: Das aktuelle Template basiert auf Tabellen. Tabellen sind hässlich, komplex, unübersichtlich, usw.
Verwendete Techniken: Boxen (div & span), sowie CSS. Möglicherweise Listen.
Vorteile:
- verbesserte Wartbarkeit, durch saubereren Quellcode
- Trafficeinsparungen (dadurch das das Layout aus einer gecachten CSS Datei bestimmt wird) - ich schätze ~ 20%
- klare Trennung von Daten und Layout
- bessere benutzbarkeit von externen Entwicklern (Nebeneffekt)
---
Projektphasen:
- Grundlegen Implementierungsentscheidungen
- Grobentwurf der Struktur
- Zerlegen in Arbeitspakete
- Arbeitspakete bearbeiten
- Zusammenführen der Arbeitspakete
- Browserkompatibilitäten testen
- Bugfixing
---
Erste Idee für das Layout der Postings:
| |
| Code: |
# RFC 001
<ul>
<li class="post">
<div class "user_box">
<a href="profile.php?uid=123">Username</a>
<img src="bender.gif" />
</div>
<div class "post_box">
Hi there!
</div>
</li>
<li class="post">
<div class "user_box">
<a href="profile.php?uid=345">Username</a>
<img src="bender.gif" />
</div>
<div class "post_box">
<div class="quote">
Hi there!
</div>
Welcome back.
</div>
</li>
</ul>
|
|
|
|
[Dieser Beitrag wurde 2 mal editiert; zum letzten Mal von TriggerTG am 27.12.2008 12:35]
|
|
|
|
|
|
|
|
|
Gute Idee, aber Listen sind hier, meiner Meinung nach fehl am platz.
| |
| Code: |
<div id="wrapper">
<div class="post">
<div class "user_box">
<a href="profile.php?uid=123">Username</a>
<img src="bender.gif" />
</div>
<div class "post_box">
Hi there!
</div>
</div>
</div>
|
|
/Ach ja. Listen finde ich in dieser Situation unpassend weil es sich lediglich bedingt um eine Auflistung handelt, und vermutlich besser durch verschachtelte divs zu handhaben ist 
|
|
[Dieser Beitrag wurde 1 mal editiert; zum letzten Mal von Y2Keeper am 20.07.2007 15:40]
|
|
|
|
|
|
|
|
|
|
denke auch, dass die Liste hier keinen wirklichen Vorteil bringt - div's aufzählen macht imo kaum Sinn.
|
|
|
|
|
|
|
|
|
|
|
|
Ich würde bei der Nutzung von Tabellen bleiben. Genau für sowas sind sie schließlich da.
|
|
|
|
|
|
|
|
|
|
|
Allerdings wäre es schon, wenn die Tabellen dann aber entkoppelt werden würden, so wie in anderen Foren. Dadurch verzieht sich bei überlangem Inhalt nur der eine Post, nicht alle Posts.
Das liese sich mit Tabellen nicht bewältigen. Zumindest nicht in dem Sinne, das es eine große Tabelle gibt und jede Zeile einem Post entspricht.
|
|
|
|
|
|
|
|
|
|
|
ich würde übrigens auch defintiv bei tabellen bleiben, weil sie genau für soetwas wie einem forum gedacht sind.
aber: das markup von diesem forum ist trotz allem bescheiden :O
|
|
|
|
|
|
|
|
|
|
|
Ich finde, das eine sehr gute Idee. Schade ist ja gerade, dass obwohl blueman ja selbst Mod hier war, seit her die Administration uns nicht für solche Tätigkeiten, wie enos sie durchführt, gefragt hat. Was ja wohl bedeutet, dass man uns nicht so recht ernst nimmt. Da würde ich so ein Projekt doch sehr begrüßen, um zu zeigen, dass wir nicht nur den längsten und größten Thread besitzen, sondern damit auch umgehen können.
Ein kleines Update des Templates würde dem Forum sicherlich nicht schlecht stehen, so lange es im Rahmen bleibt. Das aktuelle Template orientiert sich ja auch sehr am damaligen UBB, was ich heute wie damals sehr gut finde, da es sich dadurch stark von populären Foren unterscheidet. Daher sollte auch nichts an der Struktur oder dem Farbschema geändert werden. Jedoch würden sich runde Ecken und ein paar Highlights sicherlich nicht schlecht machen.
Zu dem wäre es natürlich sinnvoll das Markup stark zu verkürzen, da sicherlich Traffic eine große Rolle spielt.
Daher würde ich doch mal vorschlagen, dass wir uns der Sache wirklich annehmen, da es sicherlich in einem gewissen Rahmen von Aufwand bleibt und zu dem auch sehr sinnvoll ist.
Zuerst bräuchten wir natürlich einen schönen Entwurf, den wir dann erstmal der Administration vorstellen und uns dann an die Ausführung begeben.
|
|
|
|
|
|
|
|
|
|
|
|
Wenn jemand ersteinmal nen Anfang macht, kriegen wir das auch bestimmt hin
|
|
|
|
|
|
|
|
|
|
|
Ich bin immernoch kategorisch gegen Tabellen und wiederspreche hiermit der These, dass Tabellen genau für sowas da wären.
Tabellen sind dafür da um tabellarische Daten darzustellen, etwas, dass für die Übersichtsseite noch gelten mag, für die Threadansicht aber nicht. Es ist eine aufzählung von einzelen Posts, die nur deswegen wie eine Tabelle aussehen, weil die User in einer Spalte mit dem Post stehen, dass muss nicht zwangsläufig so sein.
Außerdem habe ich schlicht etwas dagegen mit Hilfe von Tabellen ein Layout zu gestalten...dafür sind die nicht gedacht und genau darauf würde es hinauslaufen.
Und außerdem ist das wieder das Argument mit dem Design verreissen, das ließe sich auch einfach vermeiden. Wenn man jeden Post als einzelnes div betrachtet, ist das ganze hübsch sauber getrennt.
Divs gut, Tabellen schlecht.
|
|
|
|
|
|
|
|
|
|
|
Da meine Freundin grade duschen ist, habe ich mich einfach mal dran versucht 
Hier gehts zum Quellcode
Zumindest in Opera siehts toll aus. Der IE6 zerschiest schon ziemlich. FireFox kann ich nicht testen, da nicht installiert (und nein, den installier auch nicht mal einfach so eben ). IE7 keine Ahnung
Ist sicher noch verbesserungswürdig, da ich nimmer so in der ganzen CSS/HTML Design Geschichte drin bin. Aber ihr könnt es ja einfach mal als Ansatz nehmen oder so
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Hmm...der Firefox enttäuscht mich jetzt doch ein wenig. Opera ist halt einfach intuitiver
|
|
|
|
|
|
|
|
|
|
|
Ganz falsch liegt Achsel ja nicht, wenn er sagt, dass nur die aktuelle Repräsentation einer Tabelle entspricht, aber es sind halt auch nur 2 Spalten, da liese sich sicherlich eine Liste ganz gut einsetzen.
Bei dem Screenshot von Achsel sieht man ja schon wie das Floating zum Problem werden kann, da aber die Bender eine feste Größe besitzen, ist das eigentlich kein Problem (wobei ich da ein Div mit fester Größe und dem Bender als Zentrierten Hintergrund empfehle).
Vielleicht sollten wir diesbezüglich erstmal eine Machbarkeits-Studie durchführen, inwiefern das aktuelle Design schon umsetzbar ist.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| | Zitat von [DK]Peacemaker
Ganz falsch liegt Achsel ja nicht, wenn er sagt, dass nur die aktuelle Repräsentation einer Tabelle entspricht, aber es sind halt auch nur 2 Spalten, da liese sich sicherlich eine Liste ganz gut einsetzen.
Bei dem Screenshot von Achsel sieht man ja schon wie das Floating zum Problem werden kann, da aber die Bender eine feste Größe besitzen, ist das eigentlich kein Problem (wobei ich da ein Div mit fester Größe und dem Bender als Zentrierten Hintergrund empfehle).
Vielleicht sollten wir diesbezüglich erstmal eine Machbarkeits-Studie durchführen, inwiefern das aktuelle Design schon umsetzbar ist.
| |
eine feste größe bringt uach keine Lösung wenn der eingegebene Text länger ist als der Bender hoch :)
|
|
|
|
|
|
|
|
|
|
|
| | Zitat von Netbeater
| | Zitat von [DK]Peacemaker
Ganz falsch liegt Achsel ja nicht, wenn er sagt, dass nur die aktuelle Repräsentation einer Tabelle entspricht, aber es sind halt auch nur 2 Spalten, da liese sich sicherlich eine Liste ganz gut einsetzen.
Bei dem Screenshot von Achsel sieht man ja schon wie das Floating zum Problem werden kann, da aber die Bender eine feste Größe besitzen, ist das eigentlich kein Problem (wobei ich da ein Div mit fester Größe und dem Bender als Zentrierten Hintergrund empfehle).
Vielleicht sollten wir diesbezüglich erstmal eine Machbarkeits-Studie durchführen, inwiefern das aktuelle Design schon umsetzbar ist.
| |
eine feste größe bringt uach keine Lösung wenn der eingegebene Text länger ist als der Bender hoch
| |
Bei Achsels Screen ist ja das Problem, dass der Hintergrund nur bis zur Höhe des Textes geht. Ich wollte damit nur sicherstellen, dass der Hintergrund auch mindestens bis zum Bender geht. Bei längeren Texten wäre das ja kein Problem.
|
|
|
|
|
|
|
|
|
|
|
|
doch natürlich wäre es ein Problem - du kannst es gerne testen, erklärung zu umständlich:)
|
|
|
|
|
|
|
|
|
|
|
wo ist das Problem?
http://nopaste.planerd.net/1271
/edit: ok, das mit dem schwarzen border muss man anders machen, sieht im ie nicht gut aus - aber ansonsten?!
font-size: 8px; ist übrigens ganz übel.. lieber em verwenden.
|
|
[Dieser Beitrag wurde 2 mal editiert; zum letzten Mal von critical.error am 20.07.2007 23:04]
|
|
|
|
|
|
|
|
|
|
Finde die Vorschläge bisher sehr gut. Hut ab, gute Idee!
|
|
|
|
|
|
|
|
|
|
|
Mich würde übrigens auch interesserne (enos?), ob es überhaupt ein Templatesystem gibt, oder ob alles direkt in den code integriert ist.
Weil das würde ja eine Umstellung erheblich erschweren
e\ ich schreib mal ne PM
|
|
[Dieser Beitrag wurde 1 mal editiert; zum letzten Mal von TriggerTG am 20.07.2007 23:43]
|
|
|
|
|
|
|
|
|
| | Zitat von critical.error
wo ist das Problem?
http://nopaste.planerd.net/1271
/edit: ok, das mit dem schwarzen border muss man anders machen, sieht im ie nicht gut aus - aber ansonsten?!
font-size: 8px; ist übrigens ganz übel.. lieber em verwenden. :)
| |
sorry mein fehler. ich dachte die rechte box wäre auch gefloatet.
|
|
|
|
|
|
|
|
|
|
|
| | Zitat von TriggerTG
Mich würde übrigens auch interesserne (enos?), ob es überhaupt ein Templatesystem gibt, oder ob alles direkt in den code integriert ist.
| |
Sowas würde doch nichtmal eine jugendlicher PHP Programmierer verzapfen.
Hoffe ich 
|
|
|
|
|
|
|
|
|
|
|
ich habe mich auch mal dran versucht und das template selber noch mal neu gebaut: http://nopaste.planerd.net/1272
mir gefällt diese positionierung der <span>-elemente aber überhaupt nicht.. habe aber selber noch keine gute lösung gefunden. 
|
|
|
|
|
|
|
|
|
|
|
| | Zitat von Achsel-des-Bösen
| | Zitat von TriggerTG
Mich würde übrigens auch interesserne (enos?), ob es überhaupt ein Templatesystem gibt, oder ob alles direkt in den code integriert ist.
| |
Sowas würde doch nichtmal eine jugendlicher PHP Programmierer verzapfen.
Hoffe ich
| |
Naja, im Prizip wäre das ja der eigentliche Sinn von PHP 
|
|
|
|
|
|
|
|
|
|
hab damals blueman ein wenig bugfixen geholfen und soweit ich mich erinnere war schon groesstenteils alles in templates gepackt.
Ich find die idee aufjedenfall gut und waere auch mit dabei.
|
|
|
|
|
|
|
|
|
|
|
So ziemlich alles ist hier in Templates untergebracht, ja.
Eure Bemühungen finde ich jedenfalls echt gut, und wenn ihr da ein optisch kompatibles Layout auf die Beine stellt, ersetze ich auch gern die Templates.
Hut ab, an diese nervige Arbeit hab' ich mich bisher nie drangemacht.
|
|
|
|
|
|
|
|
|
|
|
\o/ echt geniale Idee.
bez. Tabellenlose Foren: ich hab mich auch mal dran versucht, allerdings war es so ein Standard php-Forendesign, also mit noch mehr Dingen im Layout drin, und das wurde doch ziemlich schnell ziemlich kompliziert. Ich glaube ich hab mich damals auf Definitionslisten gestützt (machte für mich irgendwie syntaktisch am meisten Sinn). DEN Königsweg gibts wohl nicht. Ich find aber grundsätzlihc die Idee mit Listen auch relativ ansprechend. Formatierbuttons sind ja bspw. rein von der Idee her ne Liste von Links zum formatieren von posts; also ab damit in eine Liste. Udn das kann man irgendwie auf alles anwenden. Ein Thread würde ich als Definitionsliste machen: Titel und dazugehöriger Inhalt (die posts), jeden Post würde ich genau wieder so machen: Titel und dazugehöriger Post. Den Rest fummelt man dann an entsprechender stelle rein resp. benutzt mehrere Listenzeilen. Sollte schon irgendwie machbar sein, und man benutzt dann vorallem nicht immer für alles divs (weil DAS wird dann auch relativ schnell unübersichtlich).
im Moment hab ich nicht wirklich Zeit und Motivation aber ev. kann ich mich ja auch mal dran machen oder irgendwo ein bisschen helfen...
|
|
|
|
|
|
|
|
|
|
|
noch eine Frage: wie sind die posts gespeichert? weil das ganze <br>-Zeugs missfällt mir ein bisschen
und inwieweit wäre es möglich gewisse der neuen Profilfelder mit zu integrieren, z.b. in ne flyout-Box beim Namen etc? Weil wenn man schon solches Zeugs hat, dann könnte man es schön integrieren und kombinieren, solange das Grunddesign so bleibt wie es ist und nicht um tausend Dinge erweitert wird (darum flyout box).
|
|
[Dieser Beitrag wurde 1 mal editiert; zum letzten Mal von dino the pizzaman am 21.07.2007 9:55]
|
|
|
|
|
|
|
|
|
| | Zitat von dino the pizzaman
und inwieweit wäre es möglich gewisse der neuen Profilfelder mit zu integrieren, z.b. in ne flyout-Box beim Namen etc? Weil wenn man schon solches Zeugs hat, dann könnte man es schön integrieren und kombinieren, solange das Grunddesign so bleibt wie es ist und nicht um tausend Dinge erweitert wird (darum flyout box).
| |
Oh gott bitte nicht! Das klingt Sehr nach Überladung des Designs :X
|
|
|
|
|
|
|
|
|
|
|
|
Soll sich das jetzt nur auf die Threads richten oder auch auf die Uebersichten? Gesagt wurde ja das fuer die Uebersichten tables besser geeignet waeren.
|
|
|
|
|
|
|
|
| Thema: BB 2.0 ( Nur echt mit abgerundeten Ecken ) |
![[dk]peacemaker](./avatare/[dk]peacemaker.gif)
