منتدى احلى ابداع
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.



 
الرئيسيةالتسجيلدخول

 

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

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

كود ستار احمر يغلق ويفتح كبوابة لمنتداكم  305878022
عدد مشاركتى : 109
الخبرة : 10000
الجنس : ذكر
مزاجى : كود ستار احمر يغلق ويفتح كبوابة لمنتداكم  1343315444435
العمر : 27
العمل/الترفيه : طالب جامعى

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


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


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

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


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




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





يوضع الكو د
في
لوحة الادارة
عناصر اضافية
ادارة صفحات 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


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

https://www.youtube.com/watch?feature=player_embedded&v=tqXsFVPG2Cw
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://a7la.forumcanada.org
احلام
عضو مجتهد
عضو مجتهد
احلام

كود ستار احمر يغلق ويفتح كبوابة لمنتداكم  305878022
عدد مشاركتى : 68
الجنس : انثى
العمل/الترفيه : الرسم

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

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

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


مواقع صديقة