HTML-Code: Programmierhilfe für eigene Internetseiten

Terminkalender in der eigenen Seite

Wer den Terminkalender von Hoppetosse bzw. Projektwerkstatt.de auf die eigene Homepage einbinden will, kann das mit einem "object"-Befehl machen, d.h. einem Frame (Fenster mit Scrollbalken), das innerhalb der eigenen Seite erscheint. Das "iFrame" kann auch in einer Tabelle liegen. Der Explorer und neuere Netscape-Versionen zeigen das "iFrame" an, für alle anderen führt ein Link dazu, daß der Kalender extra angezeigt wirde.

Hier der HTML-Code zum Übernehmen, bundesweite Termine:

<center><object data="http://www.projektwerkstatt.de/termin.html" type="text/html" width="96%" height="300" scrolling="auto">
<h1>Terminkalender: Kreativer Wderstand & Organisierung von unten</h1>
<font color="#FFFF00">(wenn nicht zu sehen, <a href="http://www.projektwerkstatt.de/termin.html#">hier klicken ...</a>)</font></object>
<br><br>

Projektwerkstattstermine:

<center><object data="http://www.projektwerkstatt.de/termin_prowe.html" type="text/html" width="96%" height="300" scrolling="auto">
<h1>Terminkalender: Kreativer Wderstand & Organisierung von unten</h1>
<font color="#FFFF00">(wenn nicht zu sehen, <a href="http://www.projektwerkstatt.de/termin_prowe.html#">hier klicken ...</a>)</font></object>
<br><br>

Wer was verändern will, kann das wie folgt tun:
  • width="96%" height="300": Breite des "object", also des Rahmens (hier 96% der Seite oder der Tabellenzelle) und Höhe (hier 300 Pixel) können verändert werden.
  • data="http://www.projektwerkstatt.de/termine": Bringt alle Terminkalender der www.projektwerkstatt.de.

Aussehen der Projekwerkstatt.de-Seiten nachbauen

Hier folgen die "body"-Angaben, die Tabelle und die Endlinks für alle, die ihre eigenen Seiten auch so gestalten wollen. Es ist möglich, diese Seiten dann auch in die "Virtuelle Projektwerkstatt" einzubinden, also von dort zu verlinken.
 

CSS

Die Dateien mit den Stilen liegen unter:

  • http://www.projektwerkstatt.de/standard.css - Aussehen z.B. dieser Seite
  • http://www.projektwerkstatt.de/text.css - Aussehen z.B. der Anti-Wahlseiten (www.wahlquark.de.vu)

Tabelle im Hauptteil (weißer Hintergrund)

<center><table BORDER=0 CELLSPACING=8 CELLPADDING=1 COLS=1 WIDTH="98%" >
<tr>
<td BGCOLOR="#FFFFFF">
...
</td>
</tr>
<tr>
<td BGCOLOR="#FFFFFF">
...
</td>
</tr>
</table></center>

Schluß-Links

Ohne .css-Datei

<blockquote><font face="Arial Black,Arial,Helvetica,sans-serif color="#FFFF00" size="3">Zu <a href="http://www.projektwerkstatt.de/hoppetosse/index.html" target="_blank">Hoppetosse</a>
+++ <a href="http://www.projektwerkstatt.de/index.html" target="_blank">projektwerkstatt.de</a> +++ <a href="http://www.projektwerkstatt.de/hoppetosse/dan/index.html" target="_blank">Direct Action</a>.
<br><font color="#FF99FF">Zum</font> <a href="#anfang">Anfang</a>.</font></blockquote>

Mit .css-Datei

<p class="fussnote">Zu <a href="hoppetosse/index.html" target="_top">Hoppetosse</a> +++ <a href="index.html" target="_top">projektwerkstatt.de</a> +++ <a href="hoppetosse/dan/index.html" target="_top">Direct Action</a>. Zum <a href="#anfang">Anfang</a>.</p>

Indexseite

Wer seine eigene Seite in die Kopf- und Fußzeile der Projektwerkstatt.de einbauen will, muß eine Index-Seite u.ä. schreiben, mit der die drei Frames definiert werden. Das mittlere Frame muß die Datei enthalten, die dann im großen Fenster zu sehen ist (hier XXXX.html genannt).
<frameset framespacing="0" frameborder="" border="0" rows="40,*,111">
<frame name="oben" target="_top" src="http://www.projektwerkstatt.de/oben.html">
<frame name="Main"  src="XXXX.html">
<frame name="leiste" target="Main" src="http://www.projektwerkstatt.de/leiste_kino.html">
</frameset>

Zu Hoppetosse +++ projektwerkstatt.de +++ Direct Action. Zum Anfang.