طراحي سايت سئو قالب بيان
کد های مخصوص بلاگ بیان


کل کد ها همینه  :

<script type="text/javascript">
//<![CDATA[
var contentHeight = 34;
var TimeToSlide = 300.0;
var openprobox = '';
function runprobox(index){
    var divID = "probox" + index + "content";
    if(openprobox == divID){
        divID = '';
    }
    setTimeout("animate(" + new Date().getTime() + "," + TimeToSlide + ",'" + openprobox + "','" + divID + "')", 3);
    openprobox = divID;
}
function animate(lastTick, timeLeft, closingId, openingId){
    var curTick = new Date().getTime();
    var elapsedTicks = curTick - lastTick;
    var opening = (openingId == '') ? null : document.getElementById(openingId);
    var closing = (closingId == '') ? null : document.getElementById(closingId);
    
    if(timeLeft <= elapsedTicks){
        if(opening != null){
            opening.style.height = contentHeight + 'px';
        }
        if(closing != null){
            closing.style.display = 'none';
            closing.style.height = '0px';
        }
    return;
    }
    timeLeft -= elapsedTicks;
  var newClosedHeight = Math.round((timeLeft/TimeToSlide) * contentHeight);
  if(opening != null){
      if(opening.style.display != 'block'){
          opening.style.display = 'block';
      }
      opening.style.height = (contentHeight - newClosedHeight) + 'px';
  }
  if(closing != null){
      closing.style.height = newClosedHeight + 'px';
  }
  setTimeout("animate(" + curTick + "," + timeLeft +",'" + closingId + "','" + openingId + "')", 33);
}
//]]>
</script>
<style type="text/css">
.proboxtitle, .proboxcontent, .proboxmain{
    position:relative;
}
.proboxtitle{
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
    width:200px;    
    height:25px;
    overflow:hidden;
    text-align:right;
    display:block;
    cursor:pointer;
    background-color:#666;
    color:#FFF;
    direction:rtl;
    padding:4px;
    text-align:center;
    border-bottom:1px dashed #CCC;    
}
.proboxcontent{
    width:200px;    
    height:auto;
    overflow:hidden;
    display:none;
    background-color:#F8F8F8;
    padding:4px;
    direction:rtl;
}
.proboxmain{
    border:1px solid #F0F0F0;
    width:208px;    
}
</style>
<center>
<div id="proboxmain" class="proboxmain">
<!-- منوی شماره 1 -->
  <div class="proboxtitle" onclick="runprobox(1);">
عنوان
  </div>
  <div id="probox1content" class="proboxcontent">
محتوا
  </div>
<!-- منوی شماره 2 -->  
  <div class="proboxtitle" onclick="runprobox(2);">
عنوان
  </div>
  <div id="probox2content" class="proboxcontent">
محتوا
  </div>
<!-- منوی شماره 3 -->  
  <div class="proboxtitle" onclick="runprobox(3);">
عنوان
  </div>
  <div id="probox3content" class="proboxcontent">
محتوا
  </div>
<!-- منوی شماره 4 -->  
  <div class="proboxtitle" onclick="runprobox(4);">
عنوان
  </div>
  <div id="probox4content" class="proboxcontent">
محتوا
  </div>
<!-- منوی شماره 5 --> 
 <div class="proboxtitle" onclick="runprobox(5);">
عنوان
 </div>
 <div id="probox5content" class="proboxcontent">
محتوا
 </div>
</center>

اضافه کردن یه منوی دیگه:
 <div class="proboxtitle" onclick="runprobox(عدد منو);">
عنوان منو
 </div>
 <div id="proboxعدد منوcontent" class="proboxcontent">
متن داخل منو
 </div>
</div>

کد بالا رو قبل کد زیر بچسبونید:

</center>

باز کردن یک منو به صورت پیشفرض:

runprobox(شماره منو);

کد بالا رو قبل کد زیر بنویسید:

//]]>
</script>

افزایش ارتفاع محتوای باکس:
عبارت 34 را به هر مقداری که خواستید تغییر دهید

تغییر سرعت باز و بسته شدن باکس:
عبارت 300 را به هر مقداری که خواستید تغییر دهید.

حذف خط دور باکس عنوان:
این عبارات را حذف کنید:
border:1px solid #F0F0F0; و border-bottom:1px dashed #CCC;

موفق باشید :)
علیرضا آهنی ۲۲ فروردين ۹۷ ، ۱۶:۱۳ ۰ ۳ ۵۹ js css html css javascript

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">

در این وبلاگ کد های رایگانی را پیدا خواهید کرد که با زبان های Css - Html - Js نوشته شده اند.لطفا درصورتی که عضو بیان هستید روی عبارت "فافا را در بلاگ بیان دنبال کنید" کلیک کنید.در ضمن نظر یادتون نره!


دنبال کنندگان بياني
تبليغات
نويسندگان