Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj26.06.2010, 09:20 (UTC)    
Mesaj konusu: tıklayınca açılan açılır menü???

ardadaşlar bu bildiğimiz açılır menuler hep üzerine gelince aşağaya yana doğru vs. açılıyor bunu tıklayarak açılmasını sağlayabiliriyiz yani üzerine gelince açılmasında aşağıya doğru ben tıklayınca açılsın javascriptle sanırsam yapılır,biraz araştırdım ama bulamadım yardımcı olursanız sevinirim
Mesaj26.06.2010, 09:36 (UTC)    
Mesaj konusu:

Menü nerde görünsün istiyorsan bu kodu oraya yapıştır

Kod:
<div id="middlebar">
  <ul class="menu">
      <li><a href="#" onclick="javascript:showlayer('sm_1')">Profil</a></li>
    <ul class="submenu" id="sm_1">
        <li><a href="asd">Kimlik</a></li>
          <li><a href="asd">Posta Kutusu </a></li>
          <li><a href="asd">Çıkış</a></li>
    </ul>
  </ul>
</div><script type="text/javascript">function showlayer(layer){
    var myLayer=document.getElementById(layer);
    if(myLayer.style.display=="none" || myLayer.style.display==""){
        myLayer.style.display="block";
    } else {
        myLayer.style.display="none";
        }
}</script>



Css Kodu bölümünede bunu yapıştır



Kod:
ul, li{margin:0; border:0; padding:0; list-style:none;}
#middlebar{
    font-size:11px;
    color:#3b5d14;
    background:#90b557;
    font-weight:bold;
    padding:4px;
    height:30px;
}
    #middlebar .menu li {
        background:url(http://www.cssornekleri.com/img/menu/digg_menu/lm.png) left top no-repeat;
        height:30px;
        float:left;
        margin-right:10px;
    }
    #middlebar .menu li a{
        color:#3b5d14;
        text-decoration:none;
        padding:0 10px;
        height:30px;
        line-height:30px;
        display:block;
        float:left;
        padding:0 26px 0 10px;
        background:url(http://www.cssornekleri.com/img/menu/digg_menu/rm.png) right top no-repeat;
    }
    #middlebar .menu li a:hover{
        color:#666666;
    }
#middlebar ul .submenu {
    border:solid 1px #c9dea1;
    border-top:none;
    background:#FFFFFF;
    position: relative;
    top: 4px;
    width:150px;
    padding:6px 0;
    clear:both;
    z-index:2;
    display:none;
}
    #middlebar ul .submenu li{
        background:none;
        display:block;
        float:none;
        margin:0 6px;
        border:0;
        height:auto;
        line-height:normal;
        border-top:solid 1px #DEDEDE;
    }
    #middlebar .submenu li a{
        background:none;
        display:block;
        float:none;
        padding:6px 6px;
        margin:0;
        border:0;
        height:auto;
        color:#105cbe;
        line-height:normal;
    }
    #middlebar .submenu li a:hover{
        background:#e3edef;
    }
Mesaj26.06.2010, 09:37 (UTC)    
Mesaj konusu:

Kod:
<!--Kodbanks.tr.gg kaynak site --><!-- Tıkla menü gelsin kodu basla --><style type="text/css">
<!--
#wrapper{
position:relative;
height:15px
}

#wrapper2{
position:absolute
}

#coffeemenu03{
filter:revealTrans(Duration=1.5,Transition=12)
visibility:hide
}


--></style><ilayer id="coffeemenu01" height="15px"></ilayer><layer id="coffeemenu02" visibility="show"></layer><span id="wrapper"><span id="wrapper2" onClick="dropit2();event.cancelBubble=true;return false"><font face="Verdana"><b><a href="notthisbrowser.html">Menü aç    (Tıkla)</a></b></font> </span></span><script language="JavaScript1.2">


var enableeffect=true

var selection=new Array()
selection[0]='<font face="ARIAL BLACK"><a href="Link ADRESİ">Link adı</a><br>'
selection[1]='<a href="Link ADRESİ">Link adı</a><br>'
selection[2]='<a href="Link ADRESİ">Link adı</a><br>'
selection[3]='<a href="Link ADRESİ">Link adı</a><br>'
selection[4]='<a href="Link ADRESİ">Link adı</a><br></font>'

if (document.layers)
document.coffeemenu01.document.coffeemenu02.visibility='show'

function dropit2(){
if (document.all){
coffeemenu03.style.left=document.body.scrollLeft+event.clientX-event.offsetX
coffeemenu03.style.top=document.body.scrollTop+event.clientY-event.offsetY+18
if (coffeemenu03.style.visibility=="hidden"){
if (enableeffect)
coffeemenu03.filters.revealTrans.apply()
coffeemenu03.style.visibility="visible"
if (enableeffect)
coffeemenu03.filters.revealTrans.play()
}
else{
hidemenu()
}
}
}

function dropit(e){
if (document.coffeemenu03.visibility=="hide")
document.coffeemenu03.visibility="show"
else
document.coffeemenu03.visibility="hide"
document.coffeemenu03.left=e.pageX-e.layerX
document.coffeemenu03.top=e.pageY-e.layerY+19
return false
}

function hidemenu(){
if (enableeffect)
coffeemenu03.filters.revealTrans.stop()
coffeemenu03.style.visibility="hidden"
}

function hidemenu2(){
document.coffeemenu03.visibility="hide"
}

if (document.layers){
document.coffeemenu01.document.coffeemenu02.captureEvents(Event.CLICK)
document.coffeemenu01.document.coffeemenu02.onclick=dropit
}
else if (document.all)
document.body.onclick=hidemenu

</script>
<div id="coffeemenu03" style="border-right: blue 1px solid; padding-right: 0px; border-top: blue 1px solid; padding-left: 0px; left: 0px; visibility: hidden; padding-bottom: 0px; border-left: blue 1px solid; width: 150px; padding-top: 0px; border-bottom: blue 1px solid; position: absolute; top: 0px; height: 5px; background-color: #ffffcc; layer-background-color: #ffffcc"><script language="JavaScript1.2">
if (document.all)
coffeemenu03.style.padding='4px'
for (i=0;i<selection.length;i++)
document.write(selection[i])
</script></div>
<script language="JavaScript1.2">
if (document.layers){
document.coffeemenu03.captureEvents(Event.CLICK)
document.coffeemenu03.onclick=hidemenu2
}
</script><!--Kodbanks.tr.gg kaynak site --><!-- Tıkla menü gelsin kodu bitir -->

______________
Mesaj26.06.2010, 09:54 (UTC)    
Mesaj konusu:

EYVALLAH KARDEŞİM SAĞOLASIN
Önceki mesajları göster:   


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