[center]السلام عليكم ورحمة الله وبركاته
الكثير يسألني كيف اغلق المنتدى بصفحة اقوم انا بتصميهما و عندما يدخل العضو او الزائر يتم تحويلة الي هذا الصفحة
لذلك قررت عمل هذا الدرس و تصميم الصفحة هدية مع الدرس لأعضاء موقع DEVS
اولاً: قم بنسخ الكود التالي و هو كود تصميم الصفحة و قم بأنشاء صفحة HTML جديدة و ضع فيها هذا الكود ثم سجل
:evil:
ثانياً:
انسخ رقم الصفحة التي قمت بأنشاءها كما هو موضح في الصورة التالية
لا تنس استبدال ؟؟ برقم الصفحة التي تريد التحويل اليها.
كما هو موضح في الصورة التالية
:lol:
يعد موقع مجمع غزة الاعلاني أحد أكبر المواقع الإلكترونية المتخصصة بالإعلانات
الكثير يسألني كيف اغلق المنتدى بصفحة اقوم انا بتصميهما و عندما يدخل العضو او الزائر يتم تحويلة الي هذا الصفحة
لذلك قررت عمل هذا الدرس و تصميم الصفحة هدية مع الدرس لأعضاء موقع DEVS
اولاً: قم بنسخ الكود التالي و هو كود تصميم الصفحة و قم بأنشاء صفحة HTML جديدة و ضع فيها هذا الكود ثم سجل
الكود:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></meta>
<title>المنتدى مغلق للصيانة</title>
<style typ="text/css">
* {
box-sizing: border-box;
padding: 0;
margin: 0;
}
img{max-width: 100%}
body {
height: 100vh;
background: #FFF;
}
.omar {
}
.center {text-align:center}
.block {padding: 30px}
p {
font-family: 'Droid Arabic Kufi';
color: #333;
padding: 30px;
font-size: 14px;
}
span {
color: #333;
}
.social-button {
background: no-repeat 50% 50% #BBB;
background-color: rgba(0,0,0, 0.3);
border-radius: 3px;
display: inline-block;
height: 25px;
position: absolute;
width: 25px;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
}
.social-button.fb-but {
background-image: url(http://i38.servimg.com/u/f38/18/21/41/30/fb11.png);
}
.social-button.fb-but:hover {
background-color: #3B5998;
}
@font-face {
font-family: "newsans";
font-style: normal;
font-weight: normal;
src: url("font/NeoSans-regular.ttf") format("truetype");
}
@font-face {
font-family: 'Droid Arabic Kufi';
font-style: normal;
src: url(http://fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.eot);
src: url(http://fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'), url(http://fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.woff2) format('woff2'), url(http://fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.woff) format('woff'), url(http://fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.ttf) format('truetype');
}
.copyrights {
position: absolute;
top: 15px;
font-family: Arial, sans-serif;
left: 30px;
font-weight: bold;
font-size: 12px;
background: #EEE;
padding: 5px;
border: 1px solid #ccc;
border-radius: 5px;
}
</style>
</head>
<body dir="rtl">
<div class="omar center block">
<img src="http://www.arabtimez.com/images/header-icons/28.png" />
<p>
ان مدير هذا المنتدى يقوم حاليا بعملية تنسيق. لا تستطيعون الدخول الى هذا المنتدى مؤقتا. <br />
للمزيد من المعلومات الرجاء الاتصال بمدير هذا المنتدى.
<a class="social-button fb-but" href="https://www.facebook.com/" target="_blank" title="صفحتنا على الفيس بوك"></a>
<br/>
او تسجيل الدخول اذا كنت مديراً
</p>
<div class="borderwrap module">
<form action="/login" method="post" name="form_login">
<div class="box-content ipbform user_login_form center" style="padding:5px 0;">
<label><span>اسم العضو:</span>
<input class="" type="text" size="10" name="username"/>
</label> <label>
<span>كلمة السر:</span>
<input class="" type="password" size="10" name="password"/>
</label> <label>
<span>ادخلني بشكل آلي عند زيارتي مرة اخرى</span>
<input class="radio" type="checkbox" name="autologin" checked="checked"/>
</label> <input class="mainoption" type="submit" name="login" value="دخول"/>
</div>
</form>
</div>
</div>
<div class="copyrights">تصميم الصفحة بواسطة موقع <a href="http://devs.ahlamontada.com">DEVS</a></div>
</body>
</html>
:evil:
ثانياً:
انسخ رقم الصفحة التي قمت بأنشاءها كما هو موضح في الصورة التالية
الكود:
<script> window.location = '/h??-our-forum-under-maintenance';</script>
لا تنس استبدال ؟؟ برقم الصفحة التي تريد التحويل اليها.
كما هو موضح في الصورة التالية
:lol:
يعد موقع مجمع غزة الاعلاني أحد أكبر المواقع الإلكترونية المتخصصة بالإعلانات
