• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Navigation Frage

Status
Für weitere Antworten geschlossen.
C

cyber

Neues Mitglied
Hallo Community, Hoffe ihr könnt mir Helfen (Nach langer Sucher :))

Ich hab meine Seite nun seit ungefähr 1 Woche, ist auch selbst Gecodet..., nun hab ich eine Frage, und ob es auch überhaupt mit HTML Umsetzbar ist

Weiß jemand wie der Code heißt, wenn ich auf nen Button Drauf gehe soll sich drunter noch ne navi offnen, wie bei http://www.komacrew.com/

kann mir da jemand helfen?

Mit Freundlichen Grüßen
 
Mit CSS vollkommen einfach realisierbar.
JS wird ne gute Hilfe geben, aber du kannst nicht wissen, ob dein Benutzer JS aktiviert hat.


MfG, matibaski
 
wie mein vorreder schon gesagt hat ist es mit css möglich.
Diese funktion unterstützt leider der IE nicht. Halte dich von diesen navis fern. Sie könnten besucher gelocken!
 
kann jemand vieleicht den Coden dafür Posten? muss der Code in der index.php?

wieso sollte ich mich von den Navis Vernhalten?

Mit Freundlichen Grüßn
 
'N DropDown Menü wäre gut.

Hier aus dem Inet ein CSS Dropdownmenü:
http://www.cssplay.co.uk/menus/drop_down.html

Meine Variante:
Mit JavaScript:
HTML: 
<html>
<head>

<title>RollOver mit JS - by Matibaski</title>
<link rel="stylesheet" href="style.css" type="text/css" />

<script type="text/javascript">
function zeigen (Menu){
document.getElementById('Menu').style.display= "";
}
function verstecken (Menu){
document.getElementById('Menu').style.display='none';
}
</script>
</head>

<body>

<div onMouseOver="zeigen()" onmouseout="verstecken();" id="Mainmenu">
 Text 1
</div>
<div onMouseOver="zeigen()" onmouseout="verstecken();" id="Menu">
 Text 2
</div>

</body>
</html>

Hier der CSS Code dazu:
Code: 
div {
border:1px solid #FFFF00;
overflow:hidden;
position:absolute;
left:20px;
width:300px;
}

#Mainmenu {
width:48px;
height:24px;position:absolute;
top:10px;
left:20px;
}

#Menu {
width:76px;
height:25px;
display:none;
position:absolute;
top:34px;
left:19px;
}
 
Hehe Danke, kannst du mir vieleicht noch Sagen wo das rein muss?

Hier meine index.php

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
<!--
.Stil3 {
    font-size: 9px;
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
}
-->
</style>
<br>
<link rel="stylesheet" href="http://www.vibra.wbbpark.de/page/lightbox/css/lightbox.css" type="text/css" media="screen" />

<script type="text/javascript" src="http://www.vibra.wbbpark.de/page/lightbox/js/prototype.js"></script>
<script type="text/javascript" src="http://www.vibra.wbbpark.de/page/lightbox/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="http://www.vibra.wbbpark.de/page/lightbox/js/lightbox.js"></script>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Cyber Webdesign/Portfolio</title>
<style  type="text/css">
<!--
body {
    background-image: url(Bilder/background.gif);
    background-repeat: repeat;
}
.Stil1 {
    color: #666666;
    font-size: 9px;
    font-family: Arial, Helvetica, sans-serif;
}
-->
</style></head>

<body>
<center>
  <p>&nbsp;</p>
  <p>
<p> 
<p>  
<p align="center"><img src="Bilder/header.gif" width="936" height="165" />
<center>
  <table width="935" border="0" align="center">
  <tr>
    <td width="89" height="42"><a href="index.php?site=home"><img src="Bilder/top_news.gif" border="0"></a></td>
    <td width="79"><a href="index.php?site=about"><img src="Bilder/top_about.gif" border="0"></a></td>
    <td width="126"><a href="index.php?site=gaestbuch"><img src="Bilder/top_book.gif" width="126" height="40" border="0" /></a></td>
    <td width="88"><a href="index.php?site=works"><img src="Bilder/top_works.gif" width="88" height="40" border="0" /></a></td>
    <td width="107"><a href="index.php?site=tuts"><img src="Bilder/top_tuts.gif" width="107" height="40" border="0" /></a></td>
    <td width="126"><a href="index.php?site=db"><img src="Bilder/top_db.gif" width="126" height="40" border="0" /></a></td>
    <td width="116"><a href="index.php?site=links"><img src="Bilder/top_links.gif" width="116" height="40" border="0" /></a></td>
    <td width="170"><a href="index.php?site=service"><img src="Bilder/top_service.gif" width="106" height="40" border="0" /></a></td>
  </tr>
</table>
</center>
<center><table width="882" border="0">
  <tr>
    <td> <p>
      <?
$site = $_GET['site'];
if(!isset($site)) $site="home";
$invalide = array('/','/\/',':','.');
$site = str_replace($invalide,' ',$site);
if(!file_exists($site.".php")){ echo'<h2>Error 404</h2><br>Die von Ihnen angeforderte Datei namens <b>'.$site.'.php</b> ist nicht vorhanden.';
redirect("index.php?site=home",'',3);
}
include($site.".php");
?>
    </p>      </td>
         <td>&nbsp;</td>
  </tr>
</table></center>
<center><table width="916" border="0">
  <tr>
    <td><img src="Bilder/footer.gif" width="916" height="10" /></td>
  </tr>
</table></center>
<center>   
  <table width="799" border="0" align="center">
  <tr>
    <td width="698" height="34"><div align="right"><a href="index.php?site=contact"><img src="Bilder/top_contact.gif" width="106" height="32" border="0" /></a></div></td>
    <td width="91"><div align="right"><a href="index.php?site=imprint"><img src="Bilder/top_imprint.gif" width="90" height="32" border="0" /></a></div></td>
    </tr>
</table>
  <p>&nbsp;</p>
  <div align="center"><a href="http://www.directcounter.de/" target="_blank"><img src="http://www.directcounter.de/dc/?uid=857384428" border="0" alt="Kostenloser Counter"></a>
    
  </div>
</center>

<table width="642" border="0" align="center">
</table>
<p class="Stil1">&nbsp;</p>
</body>
</html>
 
Ja irgendwo in den Quelltext hin.
Div's sind mit der position:absolute; definiert, also irgendwo erscheinen se, je nachdem wie du sie agngegeben hast (top, left, right, bottom)

Und wie gesagt:
Das ist nur ein Prototyp!!

Du musst den Code so umwandeln, dass es für deine Setie stimmt.


MfG, matibaski
 
Wie schon gesagt, mit CSS oder mit einem WYSIWYG Editor. Die haben manchmal die Funktion drinne, dass du das in ein Template einbauen kannst!

Gruß
Taris
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben