- Menü Kodları

Menü Kodları

WeB DoSTuM

Menü 1

<!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>
                <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
                <title></title>
                <style type="text/css">
<!--
body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin: 0;
        font-size: 80%;
        font-weight: bold;
        background: #FFF;
        }

h2 {
        font: bold 14px Verdana, Arial, Helvetica, sans-serif;
        color: #000;
        margin: 0px;
        padding: 0px 0px 0px 15px;
}

ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }

img {
border: none;
}

/*- Menu 4--------------------------- */

#menu4 {
        width: 200px;
        margin: 10px;
        border-style: solid solid none solid;
        border-color: #000;
        border-size: 1px;
        border-width: 1px;
        }

#menu4 li a {
        height: 32px;
          voice-family: ""}"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
        }

#menu4 li a:link, #menu4 li a:visited {
        color: #CCC;
        display: block;
        background: url(https://img.webme.com/pic/a/antispamteam/tabright3.gif);
        padding: 8px 0 0 10px;
        }

#menu4 li a:hover, #menu4 li #current { {
        color: #FFF;
        background: url(https://img.webme.com/pic/a/antispamteam/tabright3.gif) 0 -32px;
        padding: 8px 0 0 10px;
        }
-->
</style>
        </head>

<body>
                <h2>Master City-CSS</h2>
                <div id="menu4">
                        <ul>
                                
<li><a href=" Gideceği Sayfa "> Link </a></li>
<li><a href=" Gideceği Sayfa "> Link </a></li>
<li><a href=" Gideceği Sayfa "> Link </a></li>
<li><a href=" Gideceği Sayfa "> Link </a></li>
<li><a href=" Gideceği Sayfa "> Link </a></li>
<li><a href=" Gideceği Sayfa "> Link </a></li>
<li><a href=" Gideceği Sayfa "> Link </a></li>
<li><a href=" Gideceği Sayfa "> Link </a></li>

</ul>
</div>
</body>
</html>

Menü 2

<HTML>

<HEAD>
    <TITLE>Insert Your Title</TITLE>
    <META name="Generator" content="Soft Lite ScriptWorx 4.0">
    <style>
    <!--

    #slidemenubar, #slidemenubar2{
    position:absolute;
    left:-155px;
    width:160px;
    top:170px;
    border:1.5px solid navy;
    background-color:lightblue;
    layer-background-color:lightblue;
    font:bold 12px Verdana;
    line-height:20px;
    }
    -->
    </style>
</HEAD>

/*
Sliding Menu Bar Script-
© Filanca.com (www.filanca.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit filanca.com
*/

if (document.all)
document.write('<div id="slidemenubar2" style="left:-150" onMouseover="pull()" onMouseout="draw()">')
</script>
<layer id="slidemenubar" onMouseover="pull()" onMouseout="draw()">
<script language="JavaScript1.2">
var sitems=new Array()
var sitemlinks=new Array()

//extend or shorten this list
sitems[0]="Home"
sitems[1]="Take our survey!"
sitems[2]="Menus And Navigation"
sitems[3]="Document Effects"
sitems[4]="Scrollers"
sitems[5]="Image Effects"
sitems[6]="Links And Buttons"
sitems[7]="Dynamic Clocks & Dates"
sitems[8]="Text Animations"
sitems[9]="Browser Window"
sitems[10]="User System Information"
sitems[11]="Cascading Style Sheets"
sitems[12]="Other"

//These are the links pertaining to the above text.
sitemlinks[0]="../test.htm"
sitemlinks[1]=".."
sitemlinks[2]="../filancaindex1/index.html"
sitemlinks[3]="../ filancaindex1/index.html"
sitemlinks[4]="../ filancaindex1/index.html"
sitemlinks[5]="../ filancaindex1/index.html"
sitemlinks[6]="../ filancaindex1/index.html"
sitemlinks[7]="../ filancaindex1/index.html"
sitemlinks[8]="../ filancaindex1/index.html"
sitemlinks[9]="../ filancaindex1/index.html"
sitemlinks[10]="../ filancaindex1/index.html"
sitemlinks[11]="../ filancaindex1/index.html"
sitemlinks[12]="../ filancaindex1/index.html"

for (i=0;i<=sitems.length-1;i++)
document.write('<a href='+sitemlinks[i]+'>'+sitems[i]+'</a><br>')
</script>
</layer>
<script language="JavaScript1.2">
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers)
setTimeout("window.onresize=regenerate",400)
}
window.onload=regenerate2
if (document.all){
document.write('</div>')
themenu=document.all.slidemenubar2.style
rightboundary=0
leftboundary=-150
}
else{
themenu=document.layers.slidemenubar
rightboundary=150
leftboundary=10
}
function pull(){
if (window.drawit)
clearInterval(drawit)
pullit=setInterval("pullengine()",50)
}
function draw(){
clearInterval(pullit)
drawit=setInterval("drawengine()",50)
}
function pullengine(){
if (document.all&&themenu.pixelLeft<rightboundary)
themenu.pixelLeft+=5
else if(document.layers&&themenu.left<rightboundary)
themenu.left+=5
else if (window.pullit)
clearInterval(pullit)
}
function drawengine(){
if (document.all&&themenu.pixelLeft>leftboundary)
themenu.pixelLeft-=5
else if(document.layers&&themenu.left>leftboundary)
themenu.left-=5
else if (window.drawit)
clearInterval(drawit)
}
</script>

</BODY>
</HTML>