Nachrichtendarstellung

  • WCF 1

Achtung: Diese Seite ist nur noch Teil eines Archivs und wird in Zukunft entfernt.

Der Bereich "Nachrichtendarstellung" besteht aus 2 fieldsets, womit man das Aussehen der Beiträge noch weiter verfeinern kann. Sofern man keine Einstellung ändert, sieht ein Beitrag so aus:


Durch entsprechende Anpassungen kann er aber auch so aussehen:


Die Seitenleisten kann man im ersten fieldset anpassen. Das ist in einem Beitrag der rot markierte Bereich hier:


Man kann ihn links, rechts oder oben ausrichten, wobei rechts und links eigentlich gleich sind, mit Ausnahme der Seite. Die Ausrichtung oben kann man im Bild oben sehen. Außerdem lässt sich der Text, der standardmäßig unter und über dem Avatar zentriert ist, links- oder rechtsbündig darstellen.
Den Avatar selbst kann man auf Wunsch einrahmen und die Hintergrundfarbe der Seitenleiste sich abwechseln lassen. Eigentlich kommt diese vom Kasten 3, sofern man diese Abwechslung aber aktiviert, werden die Farben von Kasten 1 und 2 genutzt.
Als letztes lassen sich dann noch auf Wunsch zwischen den einzelnen Informationsbereichen die Trennlinien entfernen, wie sie im Screenshot oben zu sehen sind.

Der zweite fieldset macht dann das Nachrichtenfeld insgesamt anpassbar. So lässt sich eine gerahmte Ansicht verwenden, die man oben auf dem Beispielbild auch erkennen kann. Dabei ist die Hintergrundfarbe der Seitenleiste nicht nur bei dieser zu sehen, sondern auch rund um den Beitrags-Bereich und rahmt diesen ein. Außerdem kann man die Hintergrundfarben sich abwechseln lassen. Auch hier werden die Farben von Kasten 1 und 2 genutzt, allerdings genau umgekehrt wie in der Seitenleiste. Deaktiviert man diese Abwechslung, so wird nur die Farbe von Kasten 1 genutzt.
Als letztes kann man dann noch die Buttonleiste nach links oder rechts schieben, je nach Wunsch. Dabei wird dann dieser Bereich verschoben (rot markiert):
Über den Autor
Ich bin Webentwickler in Stuttgart und administriere Server seit vielen Jahren. In diesem Blog erstelle ich hauptsächlich Tutorials für andere Webentwickler, Webdesigner und Serveradministratoren.
-------------------------------------------------------------------------------------------------------------------------------------
I’m a web developer in Stuttgart, Germany, and server administrator since many years. This blog mainly contains a tutorial set for other web developer, web designer and server administrators.

29.654 mal gelesen

Kommentare 11

  • PatrickGER -

    Ich glaub ich weiß warum er ne PDF will :P Er möchte sich bestimmt mit einem klick alles rausdrucken lassen und in Ruhe durchlesen :P So muss man sich aber jeden Punkt einzeln rauslassen ^^

  • ThreeSixteen -

    Großartiges Tutorial :)

  • Black Rider -

    Warum denn eine PDF? Der Artikel ist ja hier immer verfügbar. ;)

  • spacenight -

    Gibt es davon eine PDF???
    Wäre Cool!
    Danke für den Eintrag hat geholfen!

  • Black Rider -

    Dann solltest du dich wohl mal etwas mit CSS auseinandersetzen ;)

  • sabi -

    Also ich verstehe nix.

  • TheZac -

    Thx, Black Rider. :)

  • TeRRy -

    Vielen Dank !!!

  • Lantash (Martouf) -

    Kenn einige Anfänger die mit dem WBBLite hantieren und denen dieser Artikel sicher weiterhilft. Für mich selbst stand auch wieder einiges neues drin. Danke fürs schreiben.

  • Black Rider -

    Das war die Hoffnung und auch der Grund, da das Tutorial dort entfernt wurde ;)

  • Trap -

    Sehr ausführlicher und verständlicher Artikel! Wird einigen jetzt, wo die WCom das Zeitliche gesegnet hat, sicher helfen.