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

من طرف **غريب بزماني** السبت مايو 12, 2012 9:04 pm

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

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

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

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

http://www.odessarab.net/html-h10.htm

يوضع الكو د
في
لوحة الادارة
عناصر اضافية
ادارة صفحات 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>