كود صفحة الترحيب مرحبا مرة اخرى...نتمنى ان تكون في تمام الصحة و العافية
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]السلام عليكم اعضاء منتدانا و زواره الكرام
اليوم سوف اقدم لكم شرح حصري من مجهودي الخاص لكيفية انشاء صفحة ترحيب عند دخول الاعضاء
صورة
كود صفحة الترحيب مرحبا مرة اخرى...نتمنى ان تكون في امام الصحة و العافية
تكبير الصورة معاينة الأبعاد الأصلية.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]طبعا
اعرف ان الكثير سبقوني الى مثل هذه التقنية ولكن صدقوني لم تفلح معي طرقهم
لان و بكل بساطة حسب شرحهم يجب انشاء زر الدخول و يكون دخول عن طريق الضغط
عليه و لكن نعرف ان الكثير من الاعضاء يدخلون مباشرة من حقل الدخول مثل
هذا
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]ومن هنا جاءت الفكرة
بسم الله نبدأ
1/ يجب انشاء صفحة html جديدة و ذالك بذهاب الى
لوحة الاداره / العناصر الاضافيه / ادارة صفحات الـ HTML / انشاء صفحة
جديده
نضع فيها الكود التالي
الرمز:تظليــل.هذاالكـــود
<html dir="rtl"><head><title>WELCOME</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="refresh" content="1; url=/index.htm">
<style type="text/css">
BODY {margin: 0 auto;text-align: center;direction: rtl;BACKGROUND-COLOR: #ece9d8};
.a1:link{color:#9F9F9F}.a1:visited{color:#9F9F9F}.a1:hover{color:#9F9F9F};</style></head>
<body><div align="center">
<br><br><br><br><br><br>
<table cellpadding="0" cellspacing="0" border="0">
<br><BR>
<tr><td width="639">
<img height="13" alt=""
src="https://i.servimg.com/u/f88/13/18/50/92/border11.gif" width="639"
border="0"></td></tr></table>
<table cellpadding="0" cellspacing="0" border="0"
style="BORDER-RIGHT: #aca899 1px solid; BORDER-LEFT: #aca899 1px
solid"><tr>
<td bgcolor="#ffffff" width="635"><div align="center">
<table cellpadding="5" cellspacing="9" border="0">
<tbody><tr><td><div align="center">
<font face=Arial size=4 color="#000000"><b>
أهلا بك مرة اخرى ... نتمنى ان تكون في تمام الصفحة والعافية
<br>
<font color="#C0C0C0">
يرجى الانتظار ليتم تحويلك الى المنتدى
</font><br><a href=/index.htm class=a1>اذا كنت لاتحب الانتظار إضغط هنا</a>
</b></font>
</div></td>
</td></tr></table></div></td></tr></tbody><table></table>
<table cellpadding="0" cellspacing="0" border="0">
<tr><td>
<img src="https://i.servimg.com/u/f88/13/18/50/92/border10.gif"
width="639" border="0" height="13" alt=""></td></tr>
</table><div align="center"><font size="1" face="Tahoma" color="#aca899">
</font></div></div></form></body></html>
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]ثم انسخ رابط هذه الصفحة و ذالك برجوع الى صفحات html
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]ثم نذهب الى العناصر المستقلة و ننشأ عنصر جديد بتباع مايلي
لوحة الاداره / العناصر الاضافيه / اداره العناصر الستقله على المنتدى / انشاء عنصر شخصي
جديد
و نضع فيه الكود التالي مع تغيير كلمة رابط صفحة الترحيب براط صفحتنا
الرمز:تظليــل.هذاالكـــود
<div style="text-align: center;">
<form action="/login.forum?redirect=رابط صفحة الترحيب" method="post" name="form_login">
<input
name="username" value="اسم العضو" onclick="if (this.value == 'اسم
العضو') this.value = '';" onblur="if (this.value == '') this.value =
'اسم العضو';" size="9" maxlength="40"
type="text"><br><br><input name="password" value="كلمه
سر" onclick="if (this.value == 'كلمه سر') this.value = '';" onblur="if
(this.value == '') this.value = 'كلمه سر';" size="9" maxlength="32"
type="password"><br><br><input class="mainoption"
name="login" value="دخول" size="9" type="submit">
<br>
<input name="autologin" checked="true" type="checkbox">
<font title="تذكر بياناتي في المرة القادمة" color="#4F4F4F" size="1">تذكرني</font>
<a
title="استعادة كلمه السر من هنا"
href="http://rabiatidi.logu2.com/profile?mode=sendpassword"><font
color="#4F4F4F" size="1">| نسيت كلمة السر؟ |</font></a>
<a
title="سجل كعضو جديد"
href="rabiatidi.logu2.com/register?agreed=true&step=2"><font
color="#db4804" size="2"><b> عضو
جديد</b></font></a>
<style type="text/css"></style>
</div><table align="center" border="0" cellpadding="0" cellspacing="1" width="90%">
<tr>
</tr></table></div>
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]مع تغيير كلمة رابط صفحة الترحيب برابط الصفحة التى انشأناها
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]و نسمي العنصر
الدخول
و نجعلها او العناصر
مع جعل الصلاحيات لزوار فقط
و مبروك عليك صفحة الترحيب
شرح بالصور
ننشأ
حقل جديد نسميه الدخول و اذا كان لدينا حقل الدخول الاصلي نحذفه و لا تخف
حتي اذا لم يشتغل معنا حقل الدخول الجديد فرابط الدخول لاى منتدى هو
رابط المنتدى/login
نرجع الى موضوعنا
انشا العنصر
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]نلصق الكود مع تغيير اللازم
تكبير الصورة معاينة الأبعاد الأصلية.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]سحب الحقل الى الاعلى مع جعل الصلاحيات لزوار فقط
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]كيفية جعل الصلاحيات لزوار
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]ثم
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]اضافة بسيطة فقط لاصحاب المنتديات الذين لا يستعملون العناصر المستقلة او لديهم حق التومبيلات
يمكن استعمال هذا الكود
الرمز:تظليــل.هذاالكـــود
<!--بدايه كود الدخول-->
<form action="/login.forum?redirect=http://rabiatide.logu2.com/h4-page "
method="post" name="form_login"><div class="F_H_1"><div
class="F_H_2"></div><div
class="F_H_3"></div><div
class="F_H_4"></div></div><div
class="F_G_2"><div class="F_G_3">
<table width="90%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<div style="left: 8px; overflow: visible; width: 250px;
position: absolute; top: 164px; height: 30px;" align="center">
<form action="رابط صفحة الترحيب/login" method="post" dir="rtl">
<input
name="username" value="اسم العضو" onclick="if (this.value == 'اسم
العضو') this.value = '';" onblur="if (this.value == '') this.value =
'اسم العضو';" size="9" maxlength="40" type="text">
<input
name="password" value="كلمه سر" onclick="if (this.value == 'كلمه سر')
this.value = '';" onblur="if (this.value == '') this.value = 'كلمه سر';"
size="9" maxlength="32" type="password">
<input class="mainoption" name="login" value="دخول" size="9" type="submit">
<br>
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]يوضع في العناصر المستقلة مع تغيير رابط صفحة
الترحيب و جعل الصلاحيات لزوار و سوف يظهر حقل الدخول في الاعلى تحت الهيدر
* واجهة المنتدى*
انتهى الدرس
ارجوا انني قد وفقت في الشرح
بقلم الاستاد
الشريف72