Açıklama : Header de açılır kapanır menu yapmaya yarar.
Sürüm : Tüm sürümlerle uyumludur.
Demo : Bu site anasayfada headerde ayın üyesi menusü.
Orjinal Link http://www.e-paylas.net/vbulletin-he...ing-t3876.html
Kurulum :
Ekten çıkan dosyaları forumunuzun ana dizinine atın.Ana dizin /forum sa bunun içine atın.
Temanızın
FORUMHOME templatesinde aratın;
<title><phrase 1="$vboptions[bbtitle]">$vbphrase[x_powered_by_vbulletin]</phrase></title>
Altına Ekleyin ; !--Sliding Menu -->
<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<style type="text/css">
body {
margin: 0;
color: #000000;
}
#sliderWrap {
margin: 0 auto;
width: 300px;
}
#slider {
position: absolute;
background-image:url(slider.png);
background-repeat:no-repeat;
background-position: bottom;
width: 300px;
height: 159px;
margin-top: -141px;
}
#slider img {
border: 0;
}
#sliderContent {
margin: 40px 0 0 60px;
position: absolute;
text-align:center;
background-color:#000000;
color:#006600;
font-weight:bold;
padding: 10px;
}
#header {
margin: 0 auto;
width: 600px;
background-color: #F0F0F0;
height: 200px;
padding: 10px;
}
#openCloseWrap {
position:absolute;
margin: 143px 0 0 110px;
font-size:12px;
font-weight:bold;
}
.style1 {color: #FF0000}
</style>
<!--Sliding Menu -->Daha sonra yine
FORUMHOME da bunu aratın;
<body>
Altına Ekleyin ;
<!--Sliding Menu-->
<script type="text/javascript">
$(document).ready(function() {
$(".topMenuAction").click( function() {
if ($("#openCloseIdentifier").is(":hidden")) {
$("#slider").animate({
marginTop: "-141px"
}, 500 );
$("#topMenuImage").html('<img src="open.png" alt="open" />');
$("#openCloseIdentifier").show();
} else {
$("#slider").animate({
marginTop: "0px"
}, 500 );
$("#topMenuImage").html('<img src="close.png" alt="close" />');
$("#openCloseIdentifier").hide();
}
});
});
</script>
<div id="sliderWrap">
<div id="openCloseIdentifier"></div>
<div id="slider">
<div id="sliderContent">
Ayın Üyesi <span class="style1">***********</span> </div>
<div id="openCloseWrap">
<a href="#" class="topMenuAction" id="topMenuImage">
<img src="open.png" alt="open" />
</a>
</div>
</div>
</div>
<!--Sliding Menu e-paylas.net--> download : http://ul.to/rr39rf