Die folgenden Quelltextfragmente sollen HTML-Unkundigen die
Arbeit mit dem WebCMS, insbesondere an den Portlets und in der
HTML Ansicht des Editors erleichtern. Sie brauchen nur den
Inhalt der jeweiligen Textbox (in den Textrahmen klicken
> strg+a > strg+c), in den Quelltext Ihrer Seite
einsetzen (strg+v) und ggf. um Ihre Angaben
ergänzen.
Die Ergänzungen können Sie gleich in der Textbox vornehmen
und danach den fertigen Quelltext in Ihre Seite kopieren.
Bitte beachten Sie, dass Sie beim Ergänzen der Angaben die
HTML Befehle nicht überschreiben. Alles was <in
spitzen Klammern> sitzt darf nicht verändert werden.
E-mail-adresse mit Mail-Icon
Komplettes Kontaktportlet
|
|
Max Mustermann
Tel.: +49 351 463-00000
Fax: +49 351 463-00000
Mein Name
im Büro:
Montag-Freitag
9:00-13:00
Sitz:
TUD Nöthnitzer Str.43
Zi. 218
Post:
TU Dresden
01062 Dresden
Pakete:
TU Dresden
Helmholtzstraße 10
01069 Dresden |
Bild mit Link
|
Die erste einzutragende URL ist der Link, auf den das
Bild führen soll, die zweite ist das Bild selbst. Die
Bildbreite darf im Logoportlet 180 px nicht
überschreiten.
Bitte vergessen Sie nicht, einen aussagekräftigen
alt-Text zu schreiben!
|
 |
Flash Filme einbinden
|
Mit diesem Quelltext können Sie einen Flash-Film direkt
in Ihre Seite einbinden.
Der Film wird über den TUD-eigenen Player, der im ersten
Link angegeben ist, abgespielt. Darunter können Sie die
Größe des Fensters einstellen und in der letzten Zeile die
URL zu Ihrem Film, den Sie vorher auf Ihren Webserver
hochgeladen haben.
|
|
Textbox mit Rahmen
|
Im WebCMS gibt es die Möglichkeit, Textabschnitte mit
einer blauen Fläche zu hinterlegen. Dafür muß der jeweilige
Absatz, wie im Quelltext zu sehen, einer bestimmten
Textklasse zugeordnet werden.
|
Beispieltext in blauer Box
|
Bildwechsler
|
Mit den neuen jQuery-Funktionalitäten im WebCMS sind
verschiedene Animationen und Aktionen möglich geworden. Zum
Beispiel können wechselnde Bilder einfach eingebaut werden.
Dazu müssen die zu wechselnden Elemente unsichtbar gemacht
und in einen umschließenden Block mit der id "cycle"
angeordnet werden. Der Aufruf des cycle-Scripts aktiviert
den Wechsel. Weitere Optionen für die Konfiguration des
jQuery-Plugins finden Sie unter http://jquery.malsup.com/cycle.
|
|
Sortierbare Tabelle
|
Mit den neuen jQuery-Funktionalitäten im WebCMS sind
verschiedene Animationen und Aktionen möglich geworden. Zum
Beispiel können sortierbare Tabellen einfach aktiviert
werden. Dazu muss die Tabelle mit einer eindeutigen id (im
Beispiel "sortable") und der Klasse "tablesorter" versehen
werden. Der Aufruf des tablesorter-Scripts aktiviert die
Funktionalität und ermöglicht die Konfiguration
(nicht-sortierbare Spalten sowie Initialsortierung).
Weitere Optionen für die Konfiguration des jQuery-Plugins
finden Sie unter http://tablesorter.com/docs.
|
Testtabelle
| Spalte 1 |
Spalte 2 |
Spalte 3 |
| A |
B |
B |
| B |
A |
A |
| C |
C |
A |
| B |
B |
A |
| A |
A |
A |
| A |
D |
A |
|