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

تاريخ الميلاد : 10/06/1989

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

اروع بوابة ورئيسية تصلح ان تكون بوابة لمنتداكم
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

يوضع الكو د
في
لوحة الادارة
عناصر اضافية
ادارة صفحات 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>odessarab</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('https://i.servimg.com/u/f63/14/53/03/39/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="https://i.servimg.com/u/f66/14/46/49/60/frontc10.jpg"/></div>
<div class="rightcurtain"><img src="https://i.servimg.com/u/f66/14/46/49/60/frontc10.jpg"/></div>
<a class="rope" href="#">
<img src="https://i.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>

الموضوع الأصلي : كود ستار احمر يغلق ويفتح كبوابة لمنتداكم المصدر : منتديات اكاديميه الاشهار academy-of-pub

توقيع العضو : Mr.Ziko

منتديات اكاديميه الاشهار
Academy-Of-pub