WBBLite 2.0.x Header individuell anpassen

NeLL
Hallo zusammen,

ich möchte mein Forum der dazugehörigen Internetseite anpassen und dabei auf die Liebe zum Detail achten. Bin aber leider alles andere als ein "Profi" und will einfach nichts kaputt machen. Hab' mir jetzt zwar das header-Template angeguckt usw., aber ich bin wie gesagt sehr unsicher.

Also, hier mal Screenshots der oberen Teile.

Internetseite:

[IMG]http://i97.photobucket.com/albums/l222/rockaneLLa/Trash/top-site.jpg[/
IMG]

HTML-Auszug Internetseite:

code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
<tr>
<td bgcolor="#CCFFCC"><img src="/site/top.gif" border=0></td>
</tr>
(Das ist der schmale braune Streifen ganz oben)

<tr>
<td class="menu" bgcolor="#C5C0BC" width="90%" align="center" height="24">
<a href="/">News</a> |
<a href="/">Florian David Fitz</a> |
<a href="/">Media</a> |
<a href="/">fdf-fans.de</a> |
<a href="/">Extras</a> |
<a href="/">Fan-Forum</a> |
<a href="/">Kontakt</a>
</td>
</tr>


CSS-Auszug Internetseite:

code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
.menu {
color: #FFFFFF;
}
(Für die Trennstriche | zwischen der jeweiligen Unterpunkte)

.menu a, .menu a:active, .menu a:visited {
align: center;
background: #transparent;
color: #44382E;
font-weight:bold;
text-decoration: none;
margin: 0px;
border-width: 0px;
padding: 0px 5px;
height: 23px;
vertical-align: top;
text-transform: none;
}

.menu a:hover {
background: #44382E;
color: #C5C0BC;
font-weight:normal;
text-transform: uppercase;
}


Was ich für das dazugehörige Forum möchte:

Es soll genau so aussehen wie oben auf dem Screenshot der Internetseite abgebildet.
Im Moment sieht es noch so aus:

[IMG]http://i97.photobucket.com/albums/l222/rockaneLLa/Trash/top-forum.jpg[
/IMG]

Die Suche habe ich in "Zusätzliche CSS-Deklarationen" dadurch verschoben:
code:
1:
2:
3:
4:
#search {
margin-top: 372px;
margin-right:-10px;
}

Gerne würde ich auch die Datum- und Zeitanzeige verschieben. Weiß zwar noch nicht direkt wohin, aber zum rumprobieren wäre ich sehr dankbar wenn ich wüsste, ob und wie ich das überhaupt in den zusätzlichen CSS-Deklarationen anpassen kann.

Und das Hauptproblem ist die besagte "Leiste" für das Hauptmenü. Ich möchte dort auch gerne Zusatztpunkte aufzählen wie z. B. Startseite des Forum und Mitgliederliste - und die Internetseite verlinken.

Ich weiß, es ist ein wenig viel auf einen Haufen - mir ist das auch richtig unangenehm, aber ich brauch's einfach. Versagt
Ich hoffe, jemand kann mir dabei helfen - ansonsten freue ich mich natürlich auch über jeden noch so kleinen hilfreichen Tipp.

VIELEN VIELEN DANK! Ehren