Schritt 1: Tabelle erstellen
- einloggen 
- auf "Eigene Seiten editieren"
- Seite wählen, wo Tabelle hinein soll
- nun oben links im Seiten-Editor auf "Quellcode" klicken
- fügt folgenden Tabellen-Code ein
- Tabelle hier : Breite 500 Pixel
- Tabelle Hintergrundfarbe #343434 (fast schwarz)
- Tabelle Rahmenfarbe #C9C9C9 (grau)
- Werte könnt Ihr im Code nach belieben ändern
- Kompletter Kode unter Scripte

Erklärung:

<table.. = Tabelle
<tr..... = Tabellenzeile
<th .... = Tabellenkopf (Titel)
<td .... = Tabellenspalte


Im Code siehst Du, das
- <table...
- <th....
- <td ....
jeweils Hintergrundfarbe und Rahmenfarbe bekommen haben.
Das <th hat ein "height:200px; (Höhe) bekommen.
Ab 200 Pixel wird das Feld scrollbar.

Inhalt einer Tabelle kommt immer zwischen <td......> und </td>
Um ein scrollbares Feld in einer Tabellenzelle zu erzeugen, kam im Code zwischen <td> und </td> das <div id="scrollen"> und </div>
Der Inhalt der gescrollt werden soll muss also dort hinein.

Damit der scrollbare Bereich gesehen werden kann :

- auf "Design einstellen"
- auf "Erweiterte Einstellungen"
- im Feld "Text über Design" füge ein :

<style type="text/css">
<!--
#scrollen{
overflow: auto;
height: 95%;
width: 95%;
padding:5px;
border:1px solid #C9C9C9;}
-->
</style>


"CSS", ohne style-tags

#scrollen{
overflow: auto;
height: 95%;
width: 95%;
padding:5px;
border:1px solid #C9C9C9;}

- einloggen
- auf "Eigene Seiten editieren"
- wähle die Seite aus/ oder erstelle eine neue Seite
- Du hast nun die Seite zum bearbeiten offen
- oben links im Editor auf "Quellcode" klicken
- nun den Code unter Scripte, Dropdown Text kopieren und einfügen

Ziemlich am Angang des Codes findet Ihr diese Zeilen:

float:left;
padding-left:15px;
width:50px;
height:17px;

das padding-left:15px; = Abstand zwischen Grafik und Text
das width = bekommt die Breite der Grafik
das height = die Höhe der Grafik

Klapp-Menü erweitern:

- scrolle ans Ende des Codes
- zwischen </li> und </script type="text/javascript">
- füge dort ein :

<li><font size="3">Titel Thema</font>
<br>
<br>
<ul>
Hier Dein Inhalt zum Thema
<br>
<hr>
</ul>
<p>
</li>

Wenn Du Deine Seite bearbeitest, oben links im Editor auf "Quellcode" klicken.
Dann Code unter Skripte kopieren und einfügen.

Erklärung zum Code:

- width:450px; = Breite der Tabelle (450 Pixel)
- text-align:left; = Text wird Linksbündig platziert
- background-color:#C9C9C9; = Hintergrundfarbe
- color:#000000" = Textfarbe in der Tabelle (#000000 = schwarz)
- border:1px solid #000000; = Rahmenstärke 1Pixel Farbe schwarz
- cellpadding="5" = Abstand zwischen Text und Rahmen = 5 Pixel
- cellspacing="3" = Abstand zwischen den Feldern (Zellen)

Eigenes Hintergrund-Bild in Tabelle:
- entferne das background-color:#C9C9C9; im Code
- füge ein : background-image:url(http://HIER BILD-URL);
- und füge ein: background-repeat:no-repeat;
- Hintergrundbild sollte die Grösse der Tabelle haben
- Erstelle das Bild erst, wenn Du alle Links in der Tabelle hast
- dann weisst Du wie groß das Bild werden muss

Wenn Du ein dunkles Hintergrundbild verwendest, musst Du die Textfarbe der Tabelle (color:#000000;) ändern auf weiss (color:#FFFFFF; )

Dort wo im Code steht "Hier Download-Link" fügst Du
Deine Download-URL ein (die http://................) .

Die Dateien , welche Du zum Download anbieten möchtest, sollten Deine eigenen sein. Frei sein von Urheberrechten anderer. Deine Eigenen Dateien mit Rechtsklick anklicken, wähle dann aus : "Senden an..." . Wähle nun aus : "Zip-Ordner". Diesen Zip-Ordner kannst Du zum Beispiel hochladen bei http://www.imagenetz.de/ . Nach dem Hochladen siehst Du die URL der Datei. Diese URL ist der Download-Link. Dieser kommt in den Code.