CSS dropline menü arıyorum

Cevaplar

10 yıl önce yazılmış

10 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

alanyali07

CSS dropline menü arıyorum

Cevaplar