منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.


انشاء منتدى مجاني شبيه بهذا المنتدى

كود ستارة حمراء لاحلى منتدى

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

كود ستارة حمراء لاحلى منتدى

مُساهمة من طرف ruah في السبت 9 مارس 2013 - 22:37

السلام عليكم


هذا كود بسيط من الموقع
مدخل احترافى على شكل ستارة
صورة الكود بعد وضعة
http://imageshack.us/photo/my-images/268/frontc101.jpg/

http://imageshack.us/photo/my-images/441/rope1010.png/



الكود :

الكود:
[code]<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256" />
<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://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;
      }
 
  </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="http://help.ahlamontada.com"><span style="color: #ffffff">
تفضل بدخول احلى منتدى </span></a> </p>
</div>
</body>
</html>

<div style="text-align: center;">
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><div
 style="text-align: left;"><font size="1"><a style="color:
rgb(102, 102, 51);" href="http://www.ahlamontada.com"
target="_blank">ahlamontada.com</a></font><br></div><p></p>[/code]</div>


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

المصدر
منتدى شمس المستقبل
avatar
ruah
 
 

انثى
عدد المساهمات : 1448
معدل النشاط : 4089
السُمعة : 0

http://7kawi-banat.womanforum.net/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود ستارة حمراء لاحلى منتدى

مُساهمة من طرف Kimo Mimo في السبت 9 مارس 2013 - 22:44

مرحبا اختي
شكراً لك
لكن الاكواد ترسل الي المشرفين علي الخاص أو ترسل الي الشكايات العامة من هنا : الشكايات العامة
ليتم المعاينة ثم النقل الي القسم المناسب بعد التأكد من صحة الكود Wink
avatar
Kimo Mimo
 
 

ذكر
عدد المساهمات : 14505
معدل النشاط : 17544
السُمعة : 724

http://help.ahlamontada.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى