YourWBB


yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » Design Coden » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag 2.725 Views | | Thema zu Favoriten hinzufügen

Neues Thema erstellen Antwort erstellen

Zum Ende der Seite springen Design Coden
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
MonsterOfRock
Gesperrt! 10/04/07


Dabei seit: 04.11.05
Beiträge: 690

 Design Coden Antworten Zitieren Editieren Melden       UP

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
27.05.06 12:15 MonsterOfRock ist offline Finden Als Freund hinzufügen
KleenMicha KleenMicha ist männlich
Webentwickler


images/avatars/avatar-5745.jpg

Dabei seit: 16.01.04
Beiträge: 2.592
Fähigkeiten: WBB3 Fortgeschritten; WBB2 Profi

Antworten Zitieren Editieren Melden       UP

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>


__________________
Gruß Micha
27.05.06 12:29 KleenMicha ist offline E-Mail WWW Finden Als Freund hinzufügen Füge KleenMicha in deine Kontaktliste ein MSN Passport-Profil von KleenMicha anzeigen
MonsterOfRock
Gesperrt! 10/04/07


Dabei seit: 04.11.05
Beiträge: 690

Themenstarter Thema begonnen von MonsterOfRock
Antworten Zitieren Editieren Melden       UP

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

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von MonsterOfRock: 27.05.06 14:26.

27.05.06 12:32 MonsterOfRock ist offline Finden Als Freund hinzufügen
lycoos lycoos ist männlich
Frauenstimme 2007


images/avatars/avatar-4473.gif

Dabei seit: 05.08.05
Beiträge: 1.076

Antworten Zitieren Editieren Melden       UP

Sorry kleine Zwischenfrage : Kannst du mir erklären wie du diese Geschwungenen Linien hinbekommen hast?

__________________
mfg

der Lycoos


Der Satz des Pythagoras umfasst 24 Worte,die Zehn Gebote 279, die amerikanische Unabhängigkeitserklärung 300 und die Verordnung der EG über die Einfuhr von Karamelbonbons 25.911 Worte.


27.05.06 14:41 lycoos ist offline E-Mail Finden Als Freund hinzufügen
MonsterOfRock
Gesperrt! 10/04/07


Dabei seit: 04.11.05
Beiträge: 690

Themenstarter Thema begonnen von MonsterOfRock
Antworten Zitieren Editieren Melden       UP

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

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von MonsterOfRock: 27.05.06 14:49.

27.05.06 14:49 MonsterOfRock ist offline Finden Als Freund hinzufügen
KleenMicha KleenMicha ist männlich
Webentwickler


images/avatars/avatar-5745.jpg

Dabei seit: 16.01.04
Beiträge: 2.592
Fähigkeiten: WBB3 Fortgeschritten; WBB2 Profi

Antworten Zitieren Editieren Melden       UP

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.

__________________
Gruß Micha
27.05.06 14:54 KleenMicha ist offline E-Mail WWW Finden Als Freund hinzufügen Füge KleenMicha in deine Kontaktliste ein MSN Passport-Profil von KleenMicha anzeigen
MonsterOfRock
Gesperrt! 10/04/07


Dabei seit: 04.11.05
Beiträge: 690

Themenstarter Thema begonnen von MonsterOfRock
Antworten Zitieren Editieren Melden       UP

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

Dateianhang:
unknown index.html (7,49 KB, 6 mal heruntergeladen)
27.05.06 14:59 MonsterOfRock ist offline Finden Als Freund hinzufügen
KleenMicha KleenMicha ist männlich
Webentwickler


images/avatars/avatar-5745.jpg

Dabei seit: 16.01.04
Beiträge: 2.592
Fähigkeiten: WBB3 Fortgeschritten; WBB2 Profi

Antworten Zitieren Editieren Melden       UP

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}


Dateianhang:
zip RoyMSuperstar.zip (1,40 KB, 3 mal heruntergeladen)


__________________
Gruß Micha
28.05.06 12:52 KleenMicha ist offline E-Mail WWW Finden Als Freund hinzufügen Füge KleenMicha in deine Kontaktliste ein MSN Passport-Profil von KleenMicha anzeigen
MonsterOfRock
Gesperrt! 10/04/07


Dabei seit: 04.11.05
Beiträge: 690

Themenstarter Thema begonnen von MonsterOfRock
Antworten Zitieren Editieren Melden       UP

Ich danke dir smile

werds gleich einbaun. Kannst schonmal das ergebnis begutachten smile

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


thx gruß roy
28.05.06 13:36 MonsterOfRock ist offline Finden Als Freund hinzufügen
Baumstruktur | Brettstruktur
Gehe zu:

Neues Thema erstellen Antwort erstellen

yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » Design Coden