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

شاطر
 

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

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

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

كود ستار احمر يغلق ويفتح كبوابة لمنتداكم  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
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://a7la.forumcanada.org
احلام
عضو مجتهد
عضو مجتهد
احلام

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

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

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

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


مواقع صديقة