موسوعة اكواد HTML الخاصة بمنتدى شمس المستقبل

"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">








 
 
 
 
      $(document).ready(function() {
 
        $curtainopen = false;
 
        $(".rope").click(function(){
            $(this).blur();
            if ($curtainopen == false){
              $(this).stop().animate({top: '0px' }, {queue:false, duration:350, easing:'easeOutBounce'});
              $(".leftcurtain").stop().animate({width:'60px'}, 2000 );
              $(".rightcurtain").stop().animate({width:'60px'},2000 );
              $curtainopen = true;
            }else{
              $(this).stop().animate({top: '-40px' }, {queue:false, duration:350, easing:'easeOutBounce'});
              $(".leftcurtain").stop().animate({width:'50%'}, 2000 );
              $(".rightcurtain").stop().animate({width:'51%'}, 2000 );
              $curtainopen = false;
            }
            return false;
        });
   
      });
 

 
      *{
          margin:0;
          padding:0;
      }
      body {
          text-align: center;
          background: #4f3722 url('http://img641.imageshack.us/img641/6141/qeo05009.png') repeat-x;
      }
      img{
        border: none;
      }
      p{
      margin-bottom:10px;
      color:#FFFFFF;
      }
      .leftcurtain{
        width: 50%;
        height: 495px;
        top: 0px;
        left: 0px;
        position: absolute;
        z-index: 2;
      }
      .rightcurtain{
        width: 51%;
        height: 495px;
        right: 0px;
        top: 0px;
        position: absolute;
        z-index: 3;
      }
      .rightcurtain img, .leftcurtain img{
        width: 100%;
        height: 100%;
      }
      .logo{
        margin: 0px auto;
        margin-top: 80px;
      }
      .rope{
        position: absolute;
        top: -40px;
        left: 70%;
        z-index: 4;
      }
 
 

 

  [img]http://i66.servimg.com/u/f66/14/46/49/60/frontc10.jpg[/img]
  [img]http://i66.servimg.com/u/f66/14/46/49/60/frontc10.jpg[/img]
  [url=http://www.shabablionz.com/#]
      [img(118,320)]http://i63.servimg.com/u/f63/14/53/03/39/rope1010.png[/img]
  [/url]


 مرحباً بكم فى منتديات شمس المستقبل

تفضل بزبارة المنتدى

 [url=http://ahlashams.ahlamontada.net][color=#FFFFFF]
تفضل بدخول منتديات شمس المستقبل [/color][/url]





[center]
























 style="text-align: left;">[size=7][url=http://www.ahlamontada.com]
target="_blank">ahlamontada.com[/url][/size]


[/center]