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

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

انشاء منتدى مجاني شبيه بهذا المنتدى
أحلى الشبكات الإجتماعية

انشاء منتدى مجاني



 انشاء منتدى مجاني

أقسام الدعم

دعم الخدمات العامة:
مشاكل كلمة السر
مشاكل فتح المنتدى
مشاكل لوحة الإدارة
مشاكل تنسيق المظهر
المشاكل الأخرى

----------------------

دعم الخدمات التكميلية :
مشاكل النطاقات
مشاكل التومبلايت

----------------------

مراسلة الإدارة :

طلب كلمة السر
إرسال أكواد أو شروحات
أتصل بنا
كيفية طلب كلمة سر جديدة
> طريقة طلب كلمة سر

تنبيه: لا تضع أبداً ايميل الإنشاء في مساهماتك و لا تعطيه لأحد!
أفضل الأعضاء الموسومين
@الزعيم
 
@@
 
@stones
 
@Mohamed Nsr
 
@JAR7
 

عمل منتدى

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

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

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

مُساهمة من طرف 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
ثم ننشا صفحة جديدة
ولو عاوزين انها تبقا الرئيسية نضع علامة صح على جعل الصفحة رئيسية للمنتدى

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

ruah
 
 

انثى
عدد المساهمات : 1427
معدل النشاط : 3697

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

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

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

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

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

Kimo Mimo
 
 

ذكر
عدد المساهمات : 13775
معدل النشاط : 16454

http://help.ahlamontada.com

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

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


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