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


المنتدى متوقف و غير نشط منذ 2011 .. يمكنكم متابعة محمودكو على www.mhmoudko.net
 
 اكبر موسوعة اكواد HTML الخاصة بمنتدى شمس المستقبل Empty10أحدث الصوردخولتعليماتالتسجيلالملفاتالرئيسيةبوابة المنتدى

شاطر | 
 

  اكبر موسوعة اكواد HTML الخاصة بمنتدى شمس المستقبل

استعرض الموضوع التالي استعرض الموضوع السابق اذهب الى الأسفل 
كاتب الموضوعرسالة
محمد درغام
عـــضـــو مشارك
عـــضـــو مشارك
محمد درغام

إفتراضي
المشاركات المشاركات : 21
هوايتي هوايتي : غير معروف
مهنتي مهنتي : غير معروف
مزاجي :  اكبر موسوعة اكواد HTML الخاصة بمنتدى شمس المستقبل Pi-ca-10
نقاط 5123 السٌّمعَة 50

 اكبر موسوعة اكواد HTML الخاصة بمنتدى شمس المستقبل _
مُساهمةموضوع: اكبر موسوعة اكواد HTML الخاصة بمنتدى شمس المستقبل    اكبر موسوعة اكواد HTML الخاصة بمنتدى شمس المستقبل Clock1024/9/2011, 23:03

نظراً لكثرة الاكواد لم استطع نقلها بالكامل ولكنى اكتفيت باحضار الرابط وبعض الاكواد كأمثلة
للدخول الى الصفحة رجاء اضغط هنا
او [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

وهذة بعض الاكواد هدية خاصة لمنتديات محمودكو

كود مدخل احترافى "الستارة"
وصف الكود : الكود عبارة عن واجهة تشبة الستارة عند دخول الزائر الى منتداك

صورة الكود
 اكبر موسوعة اكواد HTML الخاصة بمنتدى شمس المستقبل 131676384031
 اكبر موسوعة اكواد HTML الخاصة بمنتدى شمس المستقبل 1316763840902
 اكبر موسوعة اكواد HTML الخاصة بمنتدى شمس المستقبل 1316763840483


الكود

الكود:
<!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://ahlashams.ahlamontada.net"><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></div>
مكان وضع الكود : الكود يوضع فى صفحة HTML مستقلة ثم نجعل صفحة HTML بوابة المنتدى اى "اول صفحة يصل اليها الزائر

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

اكبر موسوعة اكواد HTML الخاصة بمنتدى شمس المستقبل

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

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات محمودكو :: تطوير المواقع ::   :: الإشهار و الدعاية :: مواضيع منتداك-
المشرفينالقوانينالخصوصيةساندناراسلنا
G | Y! | b | Sitemap | XML1 | XML2
Ahlamontada.com

rss