Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj03.12.2010, 21:06 (UTC)    
Mesaj konusu: Bu Menü Kodunu Bİlen Varmı

hackerfriend ve simerweb deki açılır kapanır menü kodunu bilen paylaşırda çok iyi olur
Mesaj03.12.2010, 21:09 (UTC)    
Mesaj konusu:

Sana bunu öneririm

Önizleme


http://img98.imageshack.us/img98/3233/012q.png




Kod:

<!--- Basladı --->
<SCRIPT src="http://catlaksite55.sitemynet.com/jquery-1.2.2.pack.js" type=text/javascript></SCRIPT><SCRIPT src="http://catlaksite55.sitemynet.com/ddaccordion.js" type=text/javascript></SCRIPT>
      <link rel="stylesheet" type="text/css" href="http://catlaksite55.sitemynet.com/hizli/hizli.css" /><script type="text/javascript" src="http://www.inonu.edu.tr/styles/hizli/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>   
      

____________MENÜYÜ GÖSTERMEK İSTEGİNİZ YERE KOYUN__________



      <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" title="" target="_blank"><b>SAYFA ADI</b></a></li>
<li><a href="BURAYA LİNK" title="" target="_blank"><b>SAYFA ADI</b></a></li>

<li><a href="BURAYA LİNK" title="" target="_blank"><b>SAYFA ADI</b></a></li>

<li><a href="BURAYA LİNK" title="" target="_blank"><b>SAYFA ADI</b></a></li>

<li><a href="BURAYA LİNK" title="" target="_blank"><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" title="" target="_blank"><b>SAYFA ADI</b></a></li>

<li><a href="BURAYA LİNK" title="Fotoğraflar" target="_blank"><b>SAYFA ADI</b></a></li>

<li><a href="BURAYA LİNK" title="" target="_blank"><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" title="" target="_blank"><b>SAYFA ADI</b></a></li>

<li><a href="BURAYA LİNK" title="Fotoğraflar" target="_blank"><b>SAYFA ADI</b></a></li>

<li><a href="BURAYA LİNK" title="" target="_blank"><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" title="" target="_blank"><b>SAYFA ADI</b></a></li>

<li><a href="BURAYA LİNK" title="Fotoğraflar" target="_blank"><b>SAYFA ADI</b></a></li>

<li><a href="BURAYA LİNK" title="" target="_blank"><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>
      

____________CSS BÖLÜMÜNE______




.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
}



      



<!--- bitti --->
Mesaj03.12.2010, 21:19 (UTC)    
Mesaj konusu:

teşekkür ederim ama benim aradığım menü
alttaki resimde görünen menü

http://img.webme.com/pic/t/trabzonportal/asas.jpg
Mesaj03.12.2010, 21:32 (UTC)    
Mesaj konusu:

valla alırdım ama telif hakkı wardır sitenin sora basımız arır sen onu googlede ara
Mesaj04.12.2010, 07:49 (UTC)    
Mesaj konusu:

teşeşkkür ederim ben buldum sizinlede paylaşacam , bu kod ilk hackerfriendde vardı bişe derse o derdi başka sitelerde kulandığna göre herkese açık

bide burda o kodu yazacak kapasitede biri vamı onu bilmiyorum
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu