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

اذهب الى الأسفل

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

مُساهمة من طرف MR.Ehab في الإثنين أكتوبر 07, 2013 7:26 pm

السلام عليكم ورحمة الله


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

[أضغط على الصورة لتشهدها بحجمها الطبيعي]


[أضغط على الصورة لتشهدها بحجمها الطبيعي]




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

اضغط هنا لمشاهدة على الطبيعى



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







الكود مخفى ضع ردك لكى يظهر لك

تفضلو رابط كود حل جميع المشاكل لصفحة HTML
avatar
MR.Ehab



ذكر عدد المساهمات : 103
تاريخ التسجيل : 11/05/2013
الموقع : http://mohtarfeen.ahlamontada.com
المزاج : تعبان

معاينة صفحة البيانات الشخصي للعضو http://mohtarfeen.ahlamontada.com

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

الرجوع الى أعلى الصفحة


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