Design Coden

MonsterOfRock
So ich mal wieder Augenzwinkern

Ich hab ein rießiges Problem, ich bin Designer und kein Coder ^^ oder ein ziemlich schlechter...

Zu meinem Problem. Ich habe hier ein Design für das wbb

Demo>> http://musicpoint.schreiwuerfel.de/

Also mit diesen Mouseovers, solls am ende aussehn.

So weit so gut, ich habs als Style im wbb eingebunden, und da kommt mein Poblem.

Demo>> http://monsterofrocks.mo.funpic.de/index.php

Ich weis das ich die navi und den header und den content in frames oder tabellen oder was auch immer setzen muss. Nur das kann ich nicht *g*

Hat mir da vl jmd ein Lösungsvorschlag oder eine Rohfassung eines solchen Codes mit beschreibung wo ich was einfügen muss ?

Wäre nett von euch und ich wäre ewig Dankbar smile

gruß Roy
KleenMicha
Ich fasse es mal grob für dich zusammen Augenzwinkern

Du erstellst eine Tabelle mit zwei Spalten und zwei Zeilen.
In der ersten Zeile verbindest du die beiden Spalten und fügst dort den oberen Teil deiner Seite ein.
In der Zweiten Zeile fügst du links dein Menu ein und rechts dein Forum Inhalt.

Das Grundschema wäre:
code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
<table>
  <tr>
    <td colspan="2">" Hier kommt der Inhalt des banners mit der Infobox hinein"</td>
  </tr>
  <tr>
    <td>"An dieser Stelle kommt dein linkes Menu hinein"</td>
    <td>"hier kommt der Inhalt des Forums hinein"</td>
  </tr>
</table>


In das Template header fügst du:
code:
1:
2:
3:
4:
5:
6:
7:
<table>
  <tr>
    <td colspan="2">" Hier kommt der Inhalt des banners mit der Infobox hinein"</td>
  </tr>
  <tr>
    <td>"An dieser Stelle kommt dein linkes Menu hinein"</td>
    <td>
ein.
und in das Template footer:
code:
1:
2:
3:
</td>
  </tr>
</table>
MonsterOfRock
Dankeschön für die schnelle antwort und die einfache lösung smile werds sofort ausprobieren .... nach meim mittagessen Augenzwinkern

thy gruß roy

EDIT : scheint irgendwie doch nicht zu klappen, vl ist der code zu komplex als das man das in frames oder tabellen aufteilen könnte unglücklich
lycoos
Sorry kleine Zwischenfrage : Kannst du mir erklären wie du diese Geschwungenen Linien hinbekommen hast?
MonsterOfRock
In Photoshop mit dem Zeichenstiftwerkzeug 3 punkte gesetzt und dann mit dem Punkt-Umwandeln- Werkzeug die Form hingebogen und die Ebene gerastert.

@topic: hat vl noch jmd eine idee ? nach kleenmichas lösung will das nicht so recht funzen, oder mach ich was falsch ?^^
narf ^^ wenn jmd mal den code sehen möchte soll er bescheid sagen smile

gruß roy
KleenMicha
Nunja dass hat mit meiner Idee nichts zutun, du hast lediglich den Aufbau der Seite total vermurkst Augenzwinkern .

Hänge mal bitte die templates: footer und header hier an.

Du schreibst außerdem teilweise html tags groß und im forum klein, da solltest du dich auf eine Art festlegen. Weiterhin gehören jacascripts, sofern du diese nicht nur aufrufst in den head Bereich der Seite.
MonsterOfRock
wie gesagt ich bin designer und kein coder großes Grinsen photoshop generiert automatisch einen code der für eine normale webseite reicht.

da ich das nun aber als style des forums haben will muss ich die header tpl und die footer tpl ja neu schreiben, demnach steht da noch nigs drinn, aber hier hätt ich den generierten code Augenzwinkern falls du damit was anfangen kannst.

aber ich glaub das wird zu aufwendig ^^

gruß roy
KleenMicha
Ein wenig hats gedauert avber hier die beiden templates: header und headinclude

Und beim css Code fügst du folgendes noch hinzu
code:
1:
body{margin:0; padding:0}
MonsterOfRock
Ich danke dir smile

werds gleich einbaun. Kannst schonmal das ergebnis begutachten smile

http://monsterofrocks.mo.funpic.de/memberslist.php


thx gruß roy