Ahmed Alaa
مؤسس المنتدى
الدولة : 
عدد المساهمات : 936
النقاط : 2147487975
تاريخ الميلاد : 08/03/2000
تاريخ التسجيل : 15/11/2012
العمر : 24
الموقع : الدقهلية
 |  موضوع: كود ستار احمر يغلق ويفتح كبوابة لمنتداكم حصري على اوديسا فقط السبت 26 يناير 2013, 9:08 pm | |
|
السلام عليكم ورحمة الله
اروع بوابة ورئيسية تصلح ان تكون بوابة لمنتداكم
لا تنسو تغيير اسم منتديات اوديسا الى اسم منتداكم
وهي عبارة عن ستارة مثل المسرحيات
للمشاهدة الحية
اضغط هناااا
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> |
| |
|
