Eigenes Design mit modernem Layout

[Simon]

also hier die Screenshots:
http://www.pic-upload.de/view-15350966/ ... l.png.html index.html
http://www.pic-upload.de/view-15350896/style.png.html style.css
Und mit der Navi überlege ich noch
beim Uploadbild von der htmldatei hab ich mich vertippt

[Simon]

Also ich hab noch mal alles nachgeschaut und was gefunden
Hier sind jetzt die Bilder
index: http://www.pic-upload.de/view-15412957/index.png.html
style: http://www.pic-upload.de/view-15412978/style.png.html
Und hier das Ergebnis: http://www.pic-upload.de/view-15413242/ ... s.png.html
Und können wir selber ne Navi machen?

[Jasko]

Kein problem koennen wir machen, hast du eine Vorstellung wie diese aussehen soll?

[Simon]

Ja es sollte aufklappbar sein (aber nicht überall)
Also ein bisschen so wie hier:http://chinurarete-subs.org/chinurarete ... d/home.php
Wenn man über das ober fährt solltedie ganze Reihe runterklappen und wenn man über diese fährt sollte sich der hintergrund verÄndrrn
Aber manche sollen nur Links sein und nicht runterklappbar sein
Ps: Könnten wir auch eine Suchfunktion und einen Chat in das Design einbauen?

[Jasko]

Suchfunktion und chat sind wie der Name schon sagt funktionen, die werden nach dem Design bau eingebunden oder reingestellt, aber man kan beim Bauen des Designs extra Platz fuer diese lassen, also kein Problem.,

OK, dan bauen wir die Navi, ich setze mich mal dran.

MFG

[Jasko]

OK, hier habe ich mal was gemacht, waere so eine Navi gut? DEMO

Wenn "Ja" dann machen wir mal den Code zusammen Schritt fuer Schritt denn es gibt zimlich viel zu Coden.

MFG

[Simon]

Ist schon nicht schlecht aber mit 1:2:1 und so brauche ich nicht (also das zweite untermenu)
Und der hntergrund von 1:2:1 gefällt mir besser als der von 1:1
Kannst du das tauschen?
Ansonsten ist es gut
Danke

[Jasko]

Das ist nur ein Beispiel, man kann das machen so wie man will, die zweite Stuffe der Untermenues musst du nicht nutzen, aber vieleicht braucht du es ja doch mal spaeter, darum werden wir die Moeglichkeit mal bestehen lassen, aber wie gesagt einsetzen musst du das nicht, wenn du es nicht brauchst.

Hier nochmal die DEMO mit veraendertem Hintergrund: DEMO

OK hier erst mal die ersten Bilder was du fuer die Navi Coden musst.



Ok in der index.html Datei ist neu hinzugekommen der <nav> Tag dieser steht in HTML5 fuer den Navigationsbereich der Hauptnavigation, man kann noch zusetziche Navigationen machen wenn man diese den braucht. In der CSS sieht man wie wir den nav Tag definieren, wie dieser bei uns aussehen soll, dazu haben wir noch in der CSS Datei unter dem Nav-Tag den <a>Tag definiert, das ist der Tag der fuer die Links zustaendig ist, hier haben wir noch <ul> und <li> Tags, darum wird dir beim aufrufen der Seite nbach diesem Codeabschnitt nicht alles in ordnung vorkommen, da und alles wird durcheinander sein, das kommt dacher das wir du noch keine CSS einstellungen fuer diese Elemente hast und die Standard definition des Browsers benutzt wird, spaeter werden wir auch diese Elemente fuer die Navigation anpassen, dann wird es gut aussehen.

Einige Tags werden noch zusaetzliche klassen erhalten darauf wirst du achten muessen wenn wir spaeter dann weitermachen. Ach ja im Teil der index.html Datei sind bei zwei Links Tags nicht geschlossen, mal sehen ob du diese Findest.

MFG

[Simon]

Hi ich hab jetzt ein problem
Hier ist mein index: http://www.abload.de/image.php?img=indexyvr4s.png
style: http://www.abload.de/image.php?img=styleocq0u.png
und das ende: http://www.abload.de/image.php?img=ende6qj05.png
Das ist nicht anz richtig
Kannst du mir helfen?

[Jasko]

Kalr kann ich helfen, aber es wuerde dir auch helfen meine Beitraege zu lesen, ich habe doch gesagt das es bei dir noch nicht richtig aussehen wird, denn es sind nicht alle CSS Angaben gemacht worden, hier die weiteren CSS angaben.



OK, das sind weitere Angaben die man braucht damit es gut aussieht, aber es gibt noch weitere angaben, die man machen muss also nicht erschrecken.

Und hier sind noch zwei weitere Bilder die man fuer die Navi braucht:


Ok mitlerweile solltest du volgende Bilder im bilder Ordner haben:
ddnav_rechts.gif
ddnav_runter.gif
header.png
navbg.png
suchebg.png

damit alles auch richtig angezeigt wird muss der Ordner dort erstellt sein wo auch die index.html und style.css Datei gespeichert sind, desweiteren muss der Ordner "bilder" heissen mit kleinem b. Auch die Bilder muessen diese Namen haben, Bilder mit anderen Namen und Extensionen kann man auch nutzen aber dafuer muss der CSS Code entsprechend angepasst werden.