الرئيسيةاليوميةس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول

شاطر | 
 

 كود ستار احمر يغلق ويفتح كبوابة لمنتداكم

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
العصفور .
الآدارة
الآدارة
avatar


عدد مشاركتى : 109
الخبرة : 10000
الجنس : ذكر
مزاجى :
العمر : 24
العمل/الترفيه : طالب جامعى

مُساهمةموضوع: كود ستار احمر يغلق ويفتح كبوابة لمنتداكم    السبت يوليو 20, 2013 10:12 pm


كود ستار احمر يغلق ويفتح كبوابة لمنتداكم
السلام عليكم ورحمة الله


اروع بوابة ورئيسية تصلح ان تكون بوابة لمنتداكم









لا تنسو تغيير اسم منتديات احلى ابداع الى اسم منتداكم
وهي عبارة عن ستارة مثل المسرحيات
للمشاهدة الحية





يوضع الكو د
في
لوحة الادارة
عناصر اضافية
ادارة صفحات html
ثم ننشا صفحة جديدة
ولو عاوزين انها تبقا الرئيسية نضع علامة صح على جعل الصفحة رئيسية للمنتدى
الكود:





<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://[url=http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">]www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/url]
<html xmlns="http://[url=http://www.w3.org/1999/xhtml">]www.w3.org/1999/xhtml">[/url]
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
 
 
 
<title>منتديات احلى ابداع</title>
</head>
  <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script>
  <script src="http://microp44.byethost7.com/jquery.easing.1.3.js" type="text/javascript"></script>
 
  <script type="text/javascript">
      $(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;
        });
     
      });
  </script>
  <style type="text/css">
      *{
          margin:0;
          padding:0;
      }
      body {
          text-align: center;
          background: #4f3722 url('http://i40.servimg.com/u/f40/16/50/59/14/darkcu10.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;
      }
 
  </style>
</head>
 
<body>
  <div class="leftcurtain"><img src="http://i66.servimg.com/u/f66/14/46/49/60/frontc10.jpg"/></div>
  <div class="rightcurtain"><img src="http://i66.servimg.com/u/f66/14/46/49/60/frontc10.jpg"/></div>
  <a class="rope" href="#">
      <img src="http://i63.servimg.com/u/f63/14/53/03/39/rope1010.png" width="118" height="320"/>
  </a>
<div class="logo">
<p>اهلا بكم نورتونا </p>
<p>تفضل بزبارة المنتدى</p>
<p>
 <a target="_blank" href="/forum.htm"><span style="color:
#ffffff">دخول منتديات احلى ابداع</span></a> </p>
</div>
</body>
</html>


[color=#000000][/color]

تفضلو رابط كود حل جميع المشاكل لصفحة HTML


شاهدو الشرح فيديو هنا

http://www.youtube.com/watch?feature=player_embedded&v=tqXsFVPG2Cw
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://a7la.ibda3.biz
احلام
عضو مجتهد
عضو مجتهد
avatar


عدد مشاركتى : 68
الجنس : انثى
العمل/الترفيه : الرسم

مُساهمةموضوع: رد: كود ستار احمر يغلق ويفتح كبوابة لمنتداكم    الإثنين يوليو 22, 2013 12:40 am

يسلموووووووووووووووووووووووووووووووووووووووووو
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
 
كود ستار احمر يغلق ويفتح كبوابة لمنتداكم
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى احلى ابداع :: قسم تطوير المنتديات :: تطوير منتديات احلى منتدى :: اكواد HTML-
انتقل الى:  
أنظم لمعجبينا في الفيس بوك


مواقع صديقة