Homepage mit Drop Down meenü

05/27/2012 11:09 MEITIN2#1
Hey ich wollt mir ne Homepage mit nem drop down menü machn das soll von oben auch in den "inhalt" reingehen weshalb frames ja nicht gehen. Ich habs nun geschafft das 1 seite angezeigt wird aber wie schaffe ichs das ich wenn ich oben auf einen Link klicke sich das nächste dort öffnet. wie z.B hier [Only registered and activated users can see links. Click Here To Register...] das hab ich nur so schnell als beispiel gefunden. Dort ist oben die leiste und wenn man auf einen der links klickt kommt unten der nächste inhalt. Kann mir jemand auf die Sprünge helfen wie das geht ^^?
05/27/2012 14:33 CaptainSmile#2
Also suchst du jetzt ein Drop Down Menü oder wie?
Ich habe deinen Text jetzt drei mal gelesen und es nicht verstanden :D
05/27/2012 14:33 マルコ#3
Am einfachsten jQuery benutzen und nach "jQuery Dropdown Menu" googln.
05/27/2012 14:46 CaptainSmile#4
Ein Drop Down Menü habe ich hier für dich:
HTML Code:
        <div class="menu">
                <div class="link">
                    TITEL
                </div>
                    <div class="box">
                        <ul>
                            <li><a href="#">Link 1</a></li>
                            <li><a href="#">Link 2</a></li>
                            <li><a href="#">Link 3</a></li>
                            <li><a href="#">Link 4</a></li>
                            <li><a href="#">Link 5</a></li>
                        </ul>
                    </div>
        </div>

        <div class="menu">
                <div class="link">
                    TITEL
                </div>
                    <div class="box">
                        <ul>
                            <li><a href="#">Link 1</a></li>
                            <li><a href="#">Link 2</a></li>
                            <li><a href="#">Link 3</a></li>
                            <li><a href="#">Link 4</a></li>
                            <li><a href="#">Link 5</a></li>
                        </ul>
                    </div>
        </div>

        <div class="menu">
                <div class="link">
                    TITEL
                </div>
                    <div class="box">
                        <ul>
                            <li><a href="#">Link 1</a></li>
                            <li><a href="#">Link 2</a></li>
                            <li><a href="#">Link 3</a></li>
                            <li><a href="#">Link 4</a></li>
                            <li><a href="#">Link 5</a></li>
                        </ul>
                    </div>
        </div>
Code:
.menu {
    float: left;
    margin-left: 60px;
    width: 200px;
    height: 27px;
    height: ;
    background-color: #800000;
    text-align: center;
}
.menu:hover .box {
    display: block;
}
.menu:hover .link {
    color: #FFFFFF;
}
.menu .link {
    font-family: 'HetilicaBold', sans-serif;
    font-size: 15pt;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.menu .box {
    display: none;
    position: absolute;
    width: 200px;
    padding-bottom: 9px;
    background-color: #800000;
    z-index: 98;
    border-bottom: 5px solid ;
    text-align: left;
}
.menu ul li {
    float: none;
}
Du kannst damit so viele Menü Punkte machen wie du möchtest...
Das Design musst du natürlich anpassen.
05/27/2012 16:39 Phillor#5
jep ein Drop-Down Menü funktioniert auch ohne javascript.

[Only registered and activated users can see links. Click Here To Register...] nochmal ein Link wo alles genau beschrieben ist.
05/27/2012 16:55 マルコ#6
Quote:
Originally Posted by Phillor View Post
jep ein Drop-Down Menü funktioniert auch ohne javascript.

[Only registered and activated users can see links. Click Here To Register...] nochmal ein Link wo alles genau beschrieben ist.
^jep, aber mit find ichs schöner^^
05/27/2012 17:04 MEITIN2#7
Danke für eure vielen antworten =) :P hat mir au schon geholfen :D aber ich brauche sozusagen was wo ich den "inhalt" öffne :D also habe früher so mit frameset gemacht so 3 teile: überschrift,navigation,inhalt. Und wenn man navigation was ausgewählt hat hat sich das im inhalt geöffnet. Da ich aber wegen dem Drop down menü kein frameset nutzn kann brauch ich da was anderes ^^ weiß net genau wie das gehn soll. hatte die idee das einfach immer zu kopieren und halt die komplette seite immer neu zu laden (bei frameset wurde immer nur der inhalt neugeladen)
05/27/2012 17:12 マルコ#8
Quote:
Originally Posted by MEITIN2 View Post
Danke für eure vielen antworten =) :P hat mir au schon geholfen :D aber ich brauche sozusagen was wo ich den "inhalt" öffne :D also habe früher so mit frameset gemacht so 3 teile: überschrift,navigation,inhalt. Und wenn man navigation was ausgewählt hat hat sich das im inhalt geöffnet. Da ich aber wegen dem Drop down menü kein frameset nutzn kann brauch ich da was anderes ^^ weiß net genau wie das gehn soll. hatte die idee das einfach immer zu kopieren und halt die komplette seite immer neu zu laden (bei frameset wurde immer nur der inhalt neugeladen)
Framesets sind stark veraltet und man sollte sie meiden.
Weil
-> Wenn jemand mit Google sucht, bekommt er evtl. nur dein Menü, weil Google halt die Datei mit deinem Menü verlinkt hat
-> keine SEO
-> Einschränkung bei Animationen (hast du ja selbst gemerkt)
usw.


Außerdem kann man auch ohne Frameset nur den Inhalt neu laden. Schonmal was von AJAX gehört?
05/27/2012 18:32 CaptainSmile#9
Ist das nicht eigentlich komplett schnurz egal ob sich jetzt alles Neulädt oder nur ein teil :D
Frames würde ich einfach nur meiden da schließ ich mich an.

Mfg Smile
05/27/2012 18:44 マルコ#10
Quote:
Originally Posted by CaptainSmile View Post
Ist das nicht eigentlich komplett schnurz egal ob sich jetzt alles Neulädt oder nur ein teil :D
Frames würde ich einfach nur meiden da schließ ich mich an.

Mfg Smile
Wenn du nur den Inhalt neu lädst, hast du kürzere Ladezeiten. Außerdem finde ich persönlich, sieht es besser aus, wenn die HP bleibt, aber nur der Inhalt sich ändert.
05/27/2012 23:18 MEITIN2#11
Ja ich hatte sonst noch die idee einfach die komplette seite halt mit navigation etc zu machn und dann hatte ich nen "iframe" was auf eine neue seite weiter leitet z.B startseite.htm das man nur die Startseite bearbeitet für bessere übersicht. Dann wird halt die Seite komplett neugeladen. Aber ka ob un wie das klappt :D und obs sinnvoll is xD
05/27/2012 23:57 マルコ#12
Quote:
Originally Posted by MEITIN2 View Post
Ja ich hatte sonst noch die idee einfach die komplette seite halt mit navigation etc zu machn und dann hatte ich nen "iframe" was auf eine neue seite weiter leitet z.B startseite.htm das man nur die Startseite bearbeitet für bessere übersicht. Dann wird halt die Seite komplett neugeladen. Aber ka ob un wie das klappt :D und obs sinnvoll is xD
Du solltest mal meinen Post lesen. Frames sind nicht geeignet für den Seitenaufbau! Das ist absolut Search Engine feindlich. Wie gesagt, es kann passieren, das Google Leute zu deinem Menü weiterleitet. Und die sehen dann nur das Menü und nix anderes.

Lass alle Frames weg und lern, ne anständige Seite zu machen. Du kannst mit Divs und CSS ganz viele tolle Sachen machen. Und für den Anfang ist es egal, ob die komplette Seite neu geladen wird. Das ist bei fast jeder Seite so.
05/28/2012 01:34 MEITIN2#13
Also wenn ich nun nen Link anklicke un und der Leitet mich auf meine gewünschte Seite wie mach ich das soll ich die komplette seite immer wieder mit dem Menü austatten? Und dann halt immer den Inhalt ändern?

Edit:
Also ich habe nun meine Startseite mit den Links nun brauch ich nur eine gute möglichkeit die Links etc zu verbinden. Also das wenn man auf einen Link klickt der gewünschte inhalt kommt aber das menü mit den links und das design gesamt bleibt.
Mein Design der Homepage ist nun in einer eigenen .css datei.
Kann ich das auch mit der Navigation machen? Das ich nur immer in den Seiten auf die Navigations datei zugreifen muss
05/28/2012 15:08 マルコ#14
Du wirst das Menü etc. ín jeder HTML Seite neu einfügen müssen. Oder du lernst php. Diese Möglichkeiten hast du so grob im Moment^^
05/28/2012 15:21 MEITIN2#15
uii :D das is ja ne tolle möglichkeit :D habe ma versucht mit php ne 2. datei mit dem menü zu machn aber das ging net ... >.>