<!--- KAYNAK: http://www.catlak-site55.tr.gg --->
-----------------------------------------------------------------Tasarım Üstüne-------------------------------------------------------------
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://catlaksite.iwoly.com/ddaccordion.js">
<script type="text/javascript" src="http://catlaksite.iwoly.com/hizli.js"></script>
<SCRIPT type=text/javascript>
ddaccordion.init({
headerclass: "submenuheader", //Shared CSS class name of headers group
contentclass: "submenu", //Shared CSS class name of contents group
revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click" or "mouseover
collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content
onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
animatedefault: false, //Should contents open by default be animated into view?
persiststate: true, //persist state of opened contents within browser session?
toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
togglehtml: ["suffix", "<img src='http://img.webme.com/pic/c/catlak-site55/plus.gif' class='statusicon' />", "<img src='http://img.webme.com/pic/c/catlak-site55/minus.gif' class='statusicon' />"], //Additional HTML added to the header when it's collapsed and expanded, respectively ["position", "html1", "html2"] (see docs)
animatespeed: "normal", //speed of animation: "fast", "normal", or "slow"
oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
//do nothing
},
onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
//do nothing
}
})
</SCRIPT>
-------------------------------------------------------------Tasarım Üstü Bitiş---------------------------------------------------------------------------
----------------------------------------------------Menüyü Göstermek İstediginiz Yer----------------------------------------------------------
<div class="glossymenu"><a class="menuitem submenuheader" href="http://catlak-site55.tr.gg/#">ANA MENÜ</a>
<div class="submenu">
<ul>
<li><a href="BURAYA LİNK" ><b>SAYFA ADI</b></a></li>
<li><a href="BURAYA LİNK" ><b>SAYFA ADI</b></a></li>
<li><a href="BURAYA LİNK" ><b>SAYFA ADI</b></a></li>
<li><a href="BURAYA LİNK" ><b>SAYFA ADI</b></a></li>
<li><a href="BURAYA LİNK" ><b>SAYFA ADI</b></a></li>
</ul>
</div>
<a class="menuitem submenuheader" href="#">BURAYA MENÜ ADI</a>
<div class="submenu"><ul>
<li><a href="BURAYA LİNK" ><b>SAYFA ADI</b></a></li>
<li><a href="BURAYA LİNK" ><b>SAYFA ADI</b></a></li>
<li><a href="BURAYA LİNK" ><b>SAYFA ADI</b></a></li>
</ul>
</div> <a class="menuitem submenuheader" href="#">BURAYA MENÜ ADI</a>
<div class="submenu"><ul>
<li><a href="BURAYA LİNK" ><b>SAYFA ADI</b></a></li>
<li><a href="BURAYA LİNK" title="Fotoğraflar" ><b>SAYFA ADI</b></a></li>
<li><a href="BURAYA LİNK" ><b>SAYFA ADI</b></a></li>
</ul>
</div> <a class="menuitem submenuheader" href="#">BURAYA MENÜ ADI</a>
<div class="submenu"><ul>
<li><a href="BURAYA LİNK" ><b>SAYFA ADI</b></a></li>
<li><a href="BURAYA LİNK" ><b>SAYFA ADI</b></a></li>
<li><a href="BURAYA LİNK" ><b>SAYFA ADI</b></a></li>
</ul>
</div>
<a class="menuitem"href="BURAYA LİNK">SAYFA ADI</a>
<a
<a class="menuitem"href="BURAYA LİNK">SAYFA ADI</a>
<a class="menuitem"href="BURAYA LİNK">SAYFA ADI</a>
</div>
--------------------------------------------------Menüyü Göstermek İstediginiz Yer Bitiş--------------------------------------------------
-----------------------------------------------------------------Css Kodu--------------------------------------------------------------------------------
.glossymenu {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; WIDTH: 180px; PADDING-TOP: 0px;
}
.glossymenu A.menuitem {
PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 10px; FONT-SIZE: 12px; BACKGROUND: url(http://img.webme.com/pic/c/catlak-site55/glossyback.jpg) black repeat-x left bottom; PADDING-BOTTOM: 5px; WIDTH: auto; COLOR: #000000; PADDING-TOP: 5px; POSITION: relative; TEXT-DECORATION: none
}
.glossymenu A.menuitem:visited {
COLOR: #000000
}
.glossymenu .menuitem:active {
COLOR: #000000
}
.glossymenu A.menuitem .statusicon {
RIGHT: 5px; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: absolute; TOP: 5px; BORDER-BOTTOM-STYLE: none
}
.glossymenu A.menuitem:hover {
BACKGROUND-IMAGE: url(http://img.webme.com/pic/c/catlak-site55/glossyback2.jpg)
}
.glossymenu DIV.submenu {
BACKGROUND: white
}
.glossymenu DIV.submenu UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.glossymenu DIV.submenu UL LI {
BORDER-BOTTOM: #cccccc 1px solid
}
.glossymenu DIV.submenu UL LI A {
PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 10px; FONT-SIZE: 11px; PADDING-BOTTOM: 7px; COLOR: black; PADDING-TOP: 7px; TEXT-DECORATION: none
}
.glossymenu DIV.submenu UL LI A:hover {
BACKGROUND: #eeeeee; colorz: white
}
----------------------------------------------------------------Css Kodu Bitiş-----------------------------------------------------------
Eger Css Tasarım Kullanmıyorsanız Css Kodunu <style type="text/css"> Buraya Css Kodu </style> Tagı Arasına Koyup Tasarıma Ekleyin.....
