----------------------------------------------------
MENÜ GÖRÜNÜMÜ
MENÜ KODU
<center><style type="text/css"> .menutitle{ cursor:pointer; margin-bottom: 5px; background-color:#ECECFF; color:#000000; width:140px; padding:2px; text-align:center; font-weight:bold; /*/*/border:1px solid #000000;/* */ } .submenu{ margin-bottom: 0.5em; } </style> <script type="text/javascript"> /*********************************************** * Switch Menu script- by Martial B of http://getElementById.com/ * Modified by Dynamic Drive for format & NS4/IE4 compatibility * Visit http://www.dynamicdrive.com/ for full source code ***********************************************/ var persistmenu="yes" //"yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc) var persisttype="sitewide" //enter "sitewide" for menu to persist across site, "local" for this page only if (document.getElementById){ //DynamicDrive.com change document.write('<style type="text/css">n') document.write('.submenu{display: none;}n') document.write('</style>n') } function SwitchMenu(obj){ if(document.getElementById){ var el = document.getElementById(obj); var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change if(el.style.display != "block"){ //DynamicDrive.com change for (var i=0; i<ar.length; i++){ if (ar[i].className=="submenu") //DynamicDrive.com change ar[i].style.display = "none"; } el.style.display = "block"; }else{ el.style.display = "none"; } } } function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) if (offset != -1) { offset += search.length end = document.cookie.indexOf(";", offset); if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; } function onloadfunction(){ if (persistmenu=="yes"){ var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname var cookievalue=get_cookie(cookiename) if (cookievalue!="") document.getElementById(cookievalue).style.display="block" } } function savemenustate(){ var inc=1, blockid="" while (document.getElementById("sub"+inc)){ if (document.getElementById("sub"+inc).style.display=="block"){ blockid="sub"+inc break } inc++ } var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid document.cookie=cookiename+"="+cookievalue } if (window.addEventListener) window.addEventListener("load", onloadfunction, false) else if (window.attachEvent) window.attachEvent("onload", onloadfunction) else if (document.getElementById) window.onload=onloadfunction if (persistmenu=="yes" && document.getElementById) window.onunload=savemenustate </script> <!-- Keep all menus within masterdiv--> <div id="masterdiv"> <div class="menutitle" onclick="SwitchMenu('sub1')">Site Menü</div> <span class="submenu" id="sub1"> - <a href="link1.htm">LİNK1</a><br> - <a href="link2.htm">LİNK2</a><br> - <a href="link3.htm">LİNK3</a><br> - <a href="link4.htm">LİNK4</a> </span> <div class="menutitle" onclick="SwitchMenu('sub2')">Kategori</div> <span class="submenu" id="sub2"> - <a href="link1.htm">LİNK1</a><br> - <a href="link2.htm">LİNK2</a><br> - <a href="link3.htm">LİNK3</a><br> - <a href="link4.htm">LİNK4</a> </span> <div class="menutitle" onclick="SwitchMenu('sub3')">Kategori</div> <span class="submenu" id="sub3"> - <a href="link1.htm">LİNK1</a><br> - <a href="link2.htm">LİNK2</a><br> - <a href="link3.htm">LİNK3</a><br> - <a href="link4.htm">LİNK4</a> </span> <div class="menutitle" onclick="SwitchMenu('sub4')">Önemli Link</div> <span class="submenu" id="sub4"> - <a href="link1.htm">LİNK1</a><br> - <a href="link2.htm">LİNK2</a><br> - <a href="link3.htm">LİNK3</a><br> - <a href="link4.htm">LİNK4</a> </span> <img src="http://i.imgur.com/xtOOg.gif" alt=Hakkımızda onclick="SwitchMenu('sub5')"><br> <span class="submenu" id="sub5"> - <a href="http://www.eglence-uzmani.tr.gg">eglence-uzmani.tr.gg</a><br> - <a href="http://www.koddbul.piczo.com">Html Kod</a><br> - <a href="http://www.fbmlkod.com">Fbml Kodları</a><br> </span> </div></center>
<style type="text/css"> /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .arrowlistmenu{ width: 180px; /*width of menu*/ } .arrowlistmenu .headerbar{ font: bold 14px Arial; color: white; background: black url(http://i.imgur.com/OQJIT.png) repeat-x center left; margin-bottom: 10px; /*bottom spacing between header and rest of content*/ text-transform: uppercase; padding: 4px 0 4px 10px; /*header text is indented 10px*/ } .arrowlistmenu ul{ list-style-type: none; margin: 0; padding: 0; margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/ } .arrowlistmenu ul li{ padding-bottom: 2px; /*bottom spacing between menu items*/ } .arrowlistmenu ul li a{ color: #A70303; background: url(http://i.imgur.com/TrsrP.png) no-repeat center left; /*custom bullet list image*/ display: block; padding: 2px 0; padding-left: 19px; /*link text is indented 19px*/ text-decoration: none; font-weight: bold; border-bottom: 1px solid #dadada; font-size: 90%; } .arrowlistmenu ul li a:visited{ color: #A70303; } .arrowlistmenu ul li a:hover{ /*hover state CSS*/ color: #A70303; background-color: #F3F3F3; } </style> <div class="arrowlistmenu"> <h3 class="headerbar">CSS Library</h3> <ul> <li><a href="http://www.kodbul.org">Html Kodları</a></li> <li><a href="http://www.fbmlkodu.tr.gg">Fbml Kodları</a></li> <li><a href="http://www.kodbul.piczo.com">Sitene İçerik</a></li> <li><a href="http://www.fikrabaz.tr.gg">Fıkralar</a></li> </ul> <h3 class="headerbar">CSS Drive</h3> <ul> <li><a href="http://www.kodbul.org">Link 1</a></li> <li><a href="http://www.fbmlkodu.tr.gg">Link 2</a></li> <li><a href="http://www.kodbul.piczo.com">Link 3</a></li> <li><a href="http://www.fikrabaz.tr.gg">Link 4</a></li> </ul> </div>
<style type="text/css"> /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .urbangreymenu{ width: 190px; /*width of menu*/ } .urbangreymenu .headerbar{ font: bold 13px Verdana; color: white; background: #606060 url(http://i.imgur.com/zyqcJ.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/ margin-bottom: 0; /*bottom spacing between header and rest of content*/ text-transform: uppercase; padding: 7px 0 7px 31px; /*31px is left indentation of header text*/ } .urbangreymenu ul{ list-style-type: none; margin: 0; padding: 0; margin-bottom: 0; /*bottom spacing between each UL and rest of content*/ } .urbangreymenu ul li{ padding-bottom: 2px; /*bottom spacing between menu items*/ } .urbangreymenu ul li a{ font: normal 12px Arial; color: black; background: #E9E9E9; display: block; padding: 5px 0; line-height: 17px; padding-left: 8px; /*link text is indented 8px*/ text-decoration: none; } .urbangreymenu ul li a:visited{ color: black; } .urbangreymenu ul li a:hover{ /*hover state CSS*/ color: white; background: black; } </style> <div class="urbangreymenu"> <h3 class="headerbar">MENÜ 1</h3> <ul> <li><a href="http://www.kodbul.org">Html Kodları</a></li> <li><a href="http://www.fbmlkodu.tr.gg">Fbml Kodları</a></li> <li><a href="http://www.kodbul.piczo.com">Sitene İçerik</a></li> <li><a href="http://www.fikrabaz.tr.gg">Fıkralar</a></li> </ul> <h3 class="headerbar">MENÜ 2</h3> <ul> <li><a href="http://www.kodbul.org">Html Kodları</a></li> <li><a href="http://www.fbmlkodu.tr.gg">Fbml Kodları</a></li> <li><a href="http://www.kodbul.piczo.com">Sitene İçerik</a></li> <li><a href="http://www.fikrabaz.tr.gg">Fıkralar</a></li> </ul> </div>