• Iceblue-Design/Codes
  • Homepage von A-Z
  • Javascripts
  • CSS
  • HTML
  • Information/Contact

    •    
      tutorials
      Script Coolmenue
     
    - Coolmenue -
    <style type="text/css" media="screen">
    <!--
    body
    {
    font-family: Verdana, sans-serif;
    font-size: 14px;
    overflow: auto;
    padding: 10px;
    margin: 0px;
    }

    ul, li
    {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    }

    li a
    {
    padding-right: 20px;padding-top: 5px;
    }

    div.menu
    {
    position: absolute;
    z-index: 3;
    top: 124px;
    left: 50%;
    margin-left:-405px;
    width:905px;
    }

    .menu li
    {
    width: 160px;
    float: left;
    }

    .menu a
    {
    border: 0px solid #000000;
    background-color: #000000;
    background-image: url(URL);
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    margin: 0px;
    display: block;
    height: 23px;
    color: #00CCFF;
    }

    .menu a:hover
    {
    background-color: #00CCFF;
    background-image: url(URL);
    }

    #smenu1, #smenu2, #smenu3, #smenu4, #smenu5
    {
    font-size: 14px;
    display: none;
    width: 160px;
    float: left;
    }

    #smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
    {
    font-weight: bold;
    padding-top: 5px;
    border-top: 0px;
    cursor: pointer;
    color: #FFFFFF;
    }
    //-->

    </style>

    <script type="text/javascript">
    <!--
    function montre(id)
    {
    with (document)
    {
    if (getElementById)
    getElementById(id).style.display = 'block';
    else if (all)
    all[id].style.display = 'block';
    else
    layers[id].display = 'block';
    }
    }

    function cache(id)
    {
    with (document)
    {
    if (getElementById)
    getElementById(id).style.display = 'none';
    else if (all)
    all[id].style.display = 'none';
    else
    layers[id].display = 'none';
    }
    }
    //-->
    </script>
    <div class="menu">
    <li><a href="LINK1"> TITEL1</a> </li>
    <li><a onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" href="javascript:void(0);"> TITEL2</a>
    <ul onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" id="smenu2">
    <li><a href="UNTERLINK2.3">Titel</a></li>
    <li><a href="UNTERLINK2.3">Titel</a></li>
    <li><a href="UNTERLINK2.4">Titel</a></li>
    <li><a href="UNTERLINK2.5">Titel</a></li>
    <li><a href="UNTERLINK2.6">Titel</a></li>
    <li><a href="UNTERLINK2.7">Titel</a></li>
    <li><a href="UNTERLINK2.8">Titel</a></li>
    <li><a href="UNTERLINK2.9">Titel</a></li>
    </ul>
    </li>
    <li><a onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" href="javascript:void(0);"> TITEL3</a>
    <ul onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" id="smenu3">
    <li><a href="UNTERLINK3.2">Titel</a></li>
    <li><a href="UNTERLINK3.3">Titel</a></li>
    <li><a href="UNTERLINK3.4">Titel</a></li>
    <li> </li>
    </ul>
    </li>
    <li><a href="LINK4"> TITEL4</a></li>
    <li><a onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" href="javascript:void(0);"> TITEL5</a>
    <ul onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" id="smenu5">
    <li><a href="LINK5.1">Titel</a></li>
    <li><a href="LINK5.2">Titel</a></li>
    </ul>
    </li>
    </div>


           -> Das rote ist die Positionierung
     -> Das blaue sind die Buttons
                   -> Das grüne, Titel und Links einfügen
     
    		  
     
    Aktualisieren # Diese Seite Drucken ein Bild Zurück Vor ein Bild ein Bild ein Bild nur IE

    Impressum | Rechtliche Hinweise | News

    © success4you , Tutorials-Area 2007

    		  
    		 
    http://www.bambusratte.com/taf.php?%20bgcolor=c5c5c5&txtcolor=000000&anrede=s&site=http:tutorials-%20area.de.tl&bgpic=http:img.webme.com/pic/t/tutorials-area/tutback2.gif&nametaf=Tell-A-Friend
    Diese Webseite wurde kostenlos mit Homepage-Baukasten.de erstellt. Willst du auch eine eigene Webseite?
    Gratis anmelden