Beispiel einer fertigen Ansicht
Screenshot im Edit-Modus
Beschreibung
Das Flexmodul 'Überschriftsblock' bietet die Möglichkeit einen Text mit einer Überschrift und einem Bild zu versehen.
Man kann zwischen 2 verschiedenen Überschriftstypen wählen.Mit dem Pull-Down Menü kann man wählen,ob man die Überschrift im Corporate Design oder einfach nur als fette Überschrift haben möchte. Das Corporate Design lässt die Überschrift auf der hellen Hintergrundfarbe des Designs mit einem führendem Kästchen in der mittleren Designfarbe und in blauer Schriftfarbe erscheinen.
Es gibt die Möglichkeit zu wählen, ob man ein Bild anfügen möchte oder nicht. In dem zweiten Pull-Down Menü kann man wählen zwischen 'ohne Bild' (dann erscheint kein Bild), 'Bild links' (dann erscheint das Bild links neben dem Text), 'Bild mittig (alleine)' (dann erscheint das Bild zentriert über dem Text), oder 'Bild rechts' (dann erscheint das Bild rechts neben dem Text).
Wählt man 'Bild mittig (alleine)' aus kann man zudem noch eine Bildunterschrift einfügen. Der eingegebene Text erscheint dann zentriert unter dem Bild.
In dem blauunterlegtem Kästchen kann man eine Überschrift für den Text eingeben, welche dann im ausgewählten Design (also 'Corporate Design' oder 'Fett') erscheint. Lässt man das Feld frei, erscheint keine Überschrift.
Anschließend kann man ein Bild einfügen.Dies kann durch einen Klick auf 'MediaDB' oder 'Hochladen' geschehen.
Klickt man auf 'MediaDB' öffnet sich die Mediendatenbank, in die man das Bild laden kann.Dafür muss man nur eine der linken Rubriken öffnen und dann auf den 'Hochladen' Button klicken, anschließend klickt man auf 'Durchsuchen' und wählt ein Bild auf dem PC aus.Wenn das Bild hochgeladen ist, klickt man es in der Mediendatenbank an und es erscheint automatisch in dem Modul.
Wenn man anstatt auf 'MediaDB' auf 'Hochladen' klickt, lädt man ein Bild direkt von dem PC hoch.
Das kleine 'x' zwischen 'MediaDB' und 'Hochladen' löscht das angezeigte Bild wieder.
Im letzten Kästchen kann man nun einen beliebig langen Text (auch mit HTML-Codes) eingeben oder das Feld einfach frei lassen,damit kein Text erscheint.
Quelltext
AUTHOR: Das RZ
DESCRIPTION: Überschriftsblock
VALIDCODES:2,3,5,6
INVALIDCODES:1
<p>
<table width=100%><tr><td>
#IF ("<!--XX-editmode-->")
Überschriftstyp: <SELECT NAME="IMPERIA:uetyp">
<OPTION VALUE="cd">Corporate Design</OPTION>
<OPTION VALUE="fett">Fett</OPTION>
</SELECT>
Bild: <SELECT NAME="IMPERIA:mitbild">
<OPTION VALUE="ohne">ohne Bild</OPTION>
<OPTION VALUE="left">Bild links</OPTION>
<OPTION VALUE="mitte">Bild mittig (alleine)</OPTION>
<OPTION VALUE="right">Bild rechts</OPTION>
</SELECT>
Bildunterschrift (bei Bild mittig): <INPUT NAME="IMPERIA:bildunterschrift" SIZE=50>
#ENDIF
<table width="100%" cellpadding=0 cellspacing=0 border=0>
<tr>
<td width="95%" valign="top">
#IF ("<!--XX-FLEX-uetyp-->" EQ "cd")
<table cellpadding=2 cellspacing=0 border=0 width=100% bgcolor=<!--XX-hell-->>
<tr>
<td width=5 bgcolor=<!--XX-dunkel-->>
<img src=http://www.ruhr-uni-bochum.de/rub-grafiken/pixel.gif
width=5 height=8 border=0></td>
<td width=3><img src=http://www.ruhr-uni-bochum.de/webdesign/grafik/pixel.gif
width=3 height=8 border=0></td>
<td width="99%"><p><b><INPUT NAME="IMPERIA:HTML:ueb" SIZE=50></b></p></td>
</tr>
</table>
#ELSE
<b><INPUT NAME="IMPERIA:HTML:ueb" SIZE=50></b>
#ENDIF
</td>
</tr>
</table>
<p>
#IF ("<!--XX-FLEX-mitbild-->" NE "ohne")
#IF ("<!--XX-FLEX-mitbild-->" EQ "mitte")
<center>
#ENDIF
<img src="IMPERIA"
#IF ("<!--XX-FLEX-mitbild-->" EQ "mitte")
><br><!--XX-FLEX-bildunterschrift--><br><br></center>
#ELSE
align="<!--XX-FLEX-mitbild-->" vspace="10" hspace="10">
#ENDIF
#ENDIF
<TEXTAREA NAME="IMPERIA:HTMLBR:txt" ROWS=5 COLS=114"></TEXTAREA>
<p>
</td></tr></table>
