شرح عمل نافذة دخول سريعة للزوار وتغيرها تلقائيا لنافذة خاصة للعضو بعد تسجيل الدخول

اذهب الى الأسفل

شرح عمل نافذة دخول سريعة للزوار وتغيرها تلقائيا لنافذة خاصة للعضو بعد تسجيل الدخول

مُساهمة من طرف Goweto Bilobed في الثلاثاء 10 أغسطس 2010 - 15:30

اولا لابد من معرفة شئ
عملنا كلة راح يكون على العناصر المستقلة ووضعها اعلى المنتدى
من لدية شريط اخر المواضيع فالطريقة سهلة جدا لة لانة فقط يقوم بعمل العنصر هذا اعلى شريط اخر المواضيع وسيظهر في ثواني لة
اما من لا يستخدم شريط اخر المواضيع فعلية ان يعمل الخطوات التالية

اولا نبدء بوضع العنصر اعلى المنتدى

لو كنت واضع شريط اخر المواضيع فالطريقة سهلة فقط اسحب العنصر الجديد اعلى شريط اخر المواضيع

لو كنت مش عامل شريط المواضيع الافقي فقوم بالخطوات التالية

سنقوم بتفعيل
العناصر المستقله
من
لوحة التحكم
عناصر اضافيه
ادارة العناصر المستقله على الرئيسيه


http://i78.servimg.com/u/f78/16/08/65/69/goweto10.jpg
1 اختار نعم
2 ضع الرقم 4
3 اضغط سجل
ملاحظه الرقم سيعود الي 180 لامشكله
اكمل التالي

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


http://i78.servimg.com/u/f78/16/08/65/69/goweto11.jpg

الان لنعود الي

http://i78.servimg.com/u/f78/16/08/65/69/goweto10.jpg

قوم بتغير الخانه 2
الي الرقم 999
واضغط سجل

الان كيفية عمل العنصر الخاص بالزوار
نقوم بالضغط على انشاء عنصر شخصي جديد
ونضع اسم للعنصر
ونضع لا على استعمل جدول عاماً :
ونتاكد ان الهتمل لونة اخضر ونضع الكود الذي تريده وساقوم بتوفير كودين بشكلين مختلفين
ثم نضغط ونضع علامة صح امام الزوار
لتكون صلاحياته للزوار فقط حتي يختفي عند تسجيل العضو للدخول

الان الاكواد الخاصة بنافذة دخول السريع للزوار
الكود الاول كما بالصوره

http://i78.servimg.com/u/f78/16/08/65/69/goweto12.jpg

الكود:
<TD class=style3 align=middle>
<DIV align=center>
<TABLE class=tborder border=1 cellSpacing=0 borderColor=#743734 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD class=style1 width="100%">
<DIV class=navbar align=center>أهلا وسهلا بك زائرنا الكريم <BR> إذا كانت هذه زيارتك الأولى للمنتديات يشرفنا أن تقوم <A title="تسجيل عضوية جديدة " href="ضع رابط التسجيل هنا" target=_self>بالتسجيل بالضغط هنا</A> ، أما إذا كنت أحد أعضاءنا الكرام فتفضل بتسجيل <A title="تسجيل الدخول " href="ضع رابط تسجيل الدخول " target=_self>الدخول بالضغط هنا</A> .  لو رغبت بقراءة المواضيع و لإطلاع فقط  فتفضل بزيارة القسم الذي ترغب أدناه.</DIV></TD>
<TD style="PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px" class=style1 noWrap>
<FORM method=post action= ضع هنا رابط المنتدى/login.forum >
<TABLE style="WIDTH: 160px; HEIGHT: 30px" border=1 cellSpacing=1 borderColor=#743734 cellPadding=2 width=160>
<TBODY>
<TR>
<TD class=style1 width="45%" align=right>:الأســـــم</TD>
<TD class=style1><INPUT maxLength=45 size=10 name=username></TD></TR>
<TR>
<TD class=style1 align=right>:كلمة السـر</TD>
<TD class=style2><INPUT maxLength=45 size=10 type=password name=password></TD></TR>
<TR align=middle>
<TD class=style1 colSpan=2><INPUT type=hidden name=redirect><INPUT style="WIDTH: 60px; HEIGHT: 25px" class=mainoption value=دخــــــول size=18 type=submit name=login> تذكرنــي؟<INPUT CHECKED type=checkbox name=autologin></TD></TR></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></FORM> 
 


الكود الثاني لنافذة الدخول السريع للزوار
الكود كما في الصوره

http://i78.servimg.com/u/f78/16/08/65/69/goweto13.jpg

الكود:
<TD class=style3 align=middle>
<DIV align=center>
<TABLE class=tborder border=1 cellSpacing=0 borderColor=#743734 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD class=style1 width="100%">
<DIV class=navbar align=center>أهلا وسهلا بك زائرنا الكريم <BR> إذا كانت هذه زيارتك الأولى للمنتديات يشرفنا أن تقوم <A title="تسجيل عضوية جديدة " href="ضع رابط التسجيل هنا" target=_self>بالتسجيل بالضغط هنا</A> ، أما إذا كنت أحد أعضاءنا الكرام فتفضل بتسجيل <A title="تسجيل الدخول " href="ضع رابط تسجيل الدخول " target=_self>الدخول بالضغط هنا</A> .  لو رغبت بقراءة المواضيع و لإطلاع فقط  فتفضل بزيارة القسم الذي ترغب أدناه.</DIV></TD>
<TD style="PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px" class=style1 noWrap>
<FORM method=post action= ضع هنا رابط المنتدى/login.forum >
<TABLE style="WIDTH: 160px; HEIGHT: 30px" border=1 cellSpacing=1 borderColor=#743734 cellPadding=2 width=160>
<TBODY>
<TR>
<TD class=style1 width="45%" align=right>:الأســـــم</TD>
<TD class=style1><INPUT maxLength=45 size=10 name=username></TD></TR>
<TR>
<TD class=style1 align=right>:كلمة السـر</TD>
<TD class=style2><INPUT maxLength=45 size=10 type=password name=password></TD></TR>
<TR align=middle>
<TD class=style1 colSpan=2><INPUT type=hidden name=redirect><INPUT style="WIDTH: 60px; HEIGHT: 25px" class=mainoption value=دخــــــول size=18 type=submit name=login> تذكرنــي؟<INPUT CHECKED type=checkbox name=autologin></TD></TR></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>
<table border="1" width="100%" class=catHead bordercolor="#743734" cellspacing="0" cellpadding="0">
 <tr>
<td class="catHead" align="center">
<a href="ضع الرابط هنا ">اسم الرابط كما تريده </a></td>
<td class="catHead" align="center">
<a href="ضع الرابط هنا ">اسم الرابط كما تريده </a></td>
<td class="catHead" align="center">
<a href="ضع الرابط هنا ">اسم الرابط كما تريده </a></td>
<td class="catHead" align="center">
<a href="ضع الرابط هنا ">اسم الرابط كما تريده </a></td>
<td class="catHead" align="center">
<a href="ضع الرابط هنا ">اسم الرابط كما تريده </a></td>
 </tr>
</table>


الان النافذة الخاصة ببيانات العضو

http://i78.servimg.com/u/f78/16/08/65/69/goweto14.jpg

نقوم بعمل عنصر جديد
ونضعة اعلى العنصر الذي قمنا بانشاءة سابقا الخاص بالزوار
ونجعل صلاحياتة للاعضاء
ونقوم بوضع مانريده داخل العنصر من ترحيب او روابط كما نريد
بالامكان استخدام الرموز الموجوده في
لوحة التحكم
اداره عامه
تشكييل
وصف الموقع
ستجد اشارة *
موجوده اضغط عليها
ستظهر لك الرموز التي تستخدمها ومعانيها


http://i78.servimg.com/u/f78/16/08/65/69/goweto15.jpg

وكما قلنا نجعل صلاحياتها للاعضاء لتظهر فورا حال تسجيل العضو للدخول


عدل سابقا من قبل Goweto Bilobed في الإثنين 7 فبراير 2011 - 9:49 عدل 2 مرات
avatar
Goweto Bilobed
 
 

ذكر
عدد المساهمات : 6533
معدل النشاط : 10735
السُمعة : 28

http://www.goweto.com/category-c5/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى