Kodları lütfen aşağıdaki butonları kullanarak renklendirin. Örnek: <php> echo "Selam Dünya"; </php>
Yardım
karakter kaldı

CSS dropline menü arıyorum

Otel sitesi yapıcam sorun şu üste açılan menü arıyorum.
Menü sayfanın altında olucak üste açılacak.Yardımcı olursanız sevinirim..
+0
-0
Cevaba KatılıyorumKatılmıyorum
Cevap Yaz Yorum Yaz Arşivime Ekle Takip Et

Cevaplar

  • gazozkapagi adlı üyenin fotoğrafı
    9 yıl önce yazılmış
    9 yıl önce güncellenmiş
    6 cevap - 17 soru
    <head></head> arası js kodları;
    <script src="js/mootools.js" type="text/javascript"></script>
    	<script src="js/tabslide.js" type="text/javascript"></script>
    


    CSS:
    	#accordion {
    			border: 1px solid #1F669B;
    			width: 1024px;
    			height: 768px;
    			font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    			font-size: 11px;
    			position:relative !important;
    			display:block;
    			overflow:hidden;
    			background-image:url(images/hede.jpg);
    			background-repeat:no-repeat;
    			background-position:top left;
    	}
    	
    	h3 {
    			font-size: 12px;
    			padding: 6px 6px 4px 35px;
    			margin: 0;
    			color:#fff;
    			border-bottom:1px solid #333333;
    			cursor:pointer;
    			display:block;
    			background-image:url(images/tab-left.gif);
    			background-position:top left;
    			background-repeat:no-repeat;
    	}
    	
    	#visible {
    			background-image:url(images/tab-left-active.gif);
    			border-bottom:1px solid #DA1074;
    	}
    	
    	.panel_body {
    			height:150px;
    			background-color:#333333;
    			display:block;
    			position:relative;
    			color:#FFFFFF;
    	}
    	
    	.panel_body div {
    			padding:3px 5px;
    	}
    	
    	.panel_container{
    		bottom:0px;
    		margin:0px;
    		padding:0px;
    		background-image:url(images/tab-right.gif);
    		background-position:top right;
    		background-repeat:repeat-x;
    		background-color:#333333;
    	}
    	.wrapper{
    		bottom:0px;
    		position:absolute;
    	}
    

    <body></body> arası kodlar:
    <div id="accordion">
    
    
    
    <div class="panel_container" id="panel1">
        <h3 id="visible">Menu 1</h3>
        <div id="panel1-body" class="panel_body">
            <div>
           Menü 1 İçerik
            </div>
        </div>
    </div>
    
    <div class="panel_container" id="panel2">
    
        <h3>Menu 2</h3>
        <div id="panel2-body" class="panel_body">
            <div>
            Meü 2 İçerik
            </div>
        </div>
    		
    </div>
    
    <div class="panel_container" id="panel3">
        <h3>Menu 3</h3>
        <div id="panel3-body" class="panel_body">
            <div>
           Menü 3 İçerik
            </div>
        </div>
    </div>
    
    <div class="panel_container" id="panel4">
        <h3>Menu 4</h3>
        <div id="panel4-body" class="panel_body">
            <div>
           Menü 4 İçerik
            </div>
        </div>
    </div>
    
    <div class="panel_container" id="panel5">
        <h3>Menu 5</h3>
        <div id="panel5-body" class="panel_body">
            <div>
            Menü 5 İçerik
            </div>
        </div>
    </div>
    
    </div><script>init();</script>
    

    JavaScript ve görseller;
    https://skydrive.live.com/redir?resid=59FB7347C804B301!221