Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag31.01.2007 um 11:48 (UTC)    
Titel: [Tutorial]Die eigene Navigation

Eigentlich sollte das in den Profi Bereich bei Tuts aber na ja... Crying or Very sad

Die einfache Navigationserstellung:

Ohne dem Einsatz einer Navigation wäre eine Seite nicht bedienbar...Sie besteht aus entsprechend angeordneten und kombinierten Hyperlinks.
Das Wort "Navigation" bedeutet Kurs o. Standortbestimmung denn ohne sie ist man auch im Web schnell verloren.

Die einfachste menüertsellung besteht nur aus dem verlinkten text:

Code:
<body>
<h3>Men&uuml;</h3>
<a href="Die Url">Der Text</a>
<a href="Die Url">Der Text</a>
<a href="Die Url">Der Text</a>
<a href="Die Url">Der Text</a>
<a href="Die Url">Der Text</a>
<a href="Die Url">Der Text</a>
</body>


Soll das Menü allerdiongs Nicht waagerecht sondern senkrecht dargestellt werden..nimmt man diesen code:

Code:
<body>
<h3><men&uuml;</h3>
<ul>
<li><a href="dieurl">DerText</a></li>
<li><a href="dieurl">DerText</a></li>
<li><a href="dieurl">DerText</a></li>
<li><a href="dieurl">DerText</a></li>
<li><a href="dieurl">DerText</a></li>
<li><a href="dieurl">DerText</a></li>
<li><a href="dieurl">DerText</a></li>
</ul>
</body>



Will man ein Menü mit Umrandung...Onmouseover effekt und Pfeil dann nehme man diesen code:

Code:
<body>
  <div class="menu">
    <span id="menuueberschrift">Men&uuml;</span>
    <ul id="menueliste">
    <li><a href="dieurl">
        <span class="bullet">&rarr;nbsp;</span>Home</a></li>
    <li><a href="dieurl">
        ....
    </ul>
   </div>
</body>




Wenn man allerdings auch mal ein schönes Menü will aber nicht die Zeit hat es selbst zuu programmieren kann mjan auch im Internet sich eins efrstellen lassen...

http://accessify.com/tools-and-wizards/developer-tools/list-o-matic/

Die Bedienung dieses Services ist einfach...

Man gibt erst die links an...die das Menü später haben soll und klickt auf: das kästchen wo hinter steht: yesplease-gimme titles damit die navigation auch titel erhält...

dann klickt man auf next

Dann wird ein Formular angezeigt in dem die entsprechenden einstellungen vorgenommen werden können.

Dann klickt man wieder auf next...jetzt öffnet sich ein Fenster in dem man das design das das menü haben soll auswählen kann...hast du dies gemacht klicke wieder auf next...und schon siehst du das fertige menü und den dazugehörigen code
______________
.........................................................................
www.damn-gfx.de
.........................................................................
www.allgemeine-zone.de
.........................................................................
Beitrag31.01.2007 um 13:02 (UTC)    
Titel: wo

wo muss ich den css code denn dann einfügen?
______________
[img:b02e3226ae]http://img223.imageshack.us/img223/3200/userbar323985xq4.gif[/img:b02e3226ae]
Beitrag31.01.2007 um 13:21 (UTC)    
Titel:

Hallo, ich weiß ja nicht, ob das ein Tutorial ist.
Weil die Menüs kann man nicht einstellen, die sind schon da und dann geht das nur bei eigenen Webseiten.

Zitat:
<body>
<div class="menu">
<span id="menuueberschrift">Men&uuml;</span>
<ul id="menueliste">
<li><a href="dieurl">
<span class="bullet">&rarr;nbsp;</span>Home</a></li>
<li><a href="dieurl">
....
</ul>
</div>
</body>


Wo erden da die Klassen und Identifikationen definiert? Das geht nur im Headbereich und den kann ich wahrlich nicht sehen...Wink
______________
Ende.
Beitrag31.01.2007 um 18:00 (UTC)    
Titel:

ach ähhm,...
natürlich nciht fürn baukasten Wink fürs slber machen
______________
.........................................................................
www.damn-gfx.de
.........................................................................
www.allgemeine-zone.de
.........................................................................
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de