الثلاثاء نوفمبر 22, 2011 12:33 am
رسالة بيانات كاتب الموضوع
من مجموعة 2012 تومبيلايت نافذة الدخول بشكل مختلف.دخول للزوار وترحيب بالاعضاء المعلومات الكاتب:
اللقب:
الرتبه:
الصورة الرمزية
الإتصالات الحالة: وسائل الإتصال:
موضوع: من مجموعة 2012 تومبيلايت نافذة الدخول بشكل مختلف.دخول للزوار وترحيب بالاعضاء السلام عليكم ورحمة الله وبركاته اردت اليوم ان اقدم اليكم كود دخول بشكل جميل .ومختلف يظهر للزوار بشكل الدخول وللاعضاء بشكل الترحيب ا صور للكود ا مثال ..للزوار مثال للاعضاء اليكم التعديلات ادخل الى لوحه الادارة مظهر المنتدى التومبيلايت والقوالب واعمل تعديل لقالب الهيدر overall_header اولا اذا كنت مركب هيدر باتعديل على التومبيلايت يمكن اضافته اسفل الهيدر بهذه الطريقة ضيف هذا اسفل كود الهيدر Spoiler: <!--بداية كود الدخول للزوار--> <!-- BEGIN switch_user_logged_out --> <center> <table class="21598" cellspacing="0" cellpadding="0" border="0" width="960px"> <tbody> <tr></tr> <tr> <td class="login" align="center"> <div class="wilcom_user"> <form name="form_login" method="post" action="/login"> <table cellspacing="3" cellpadding="0" border="0" style="padding-left: 20px;"> <tbody> <tr> <td> <span class="genmed"> <img src="https://i.servimg.com/u/f65/13/95/29/87/56x76311.gif"> </span> </td> <td> <input id="Post" type="text" onblur="if (this.value == '') this.value = 'اسم العضو';" onclick="if (this.value == 'اسم العضو') this.value = '';" value="اسم العضو" size="10" name="username"> </td> <td> <input type="checkbox" checked="true" name="autologin"> <span lang="ar-sa" span="">حفظ البيانات؟</span> </td> </tr> <tr> <td> <span class="genmed"> <img src="https://i.servimg.com/u/f65/13/95/29/87/a3d76410.gif"> </span> </td> <td> <input id="Post" type="password" onblur="if (this.value == '') this.value = 'كلمة السر';" onclick="if (this.value == 'كلمة السر') this.value = '';" value="كلمة السر" size="10" name="password"> </td> <td> <input class="mainoption" type="submit" tabindex="104" value="تسجيل الدخول" name="login"> </td> </tr> </tbody> </table> </form> </div> <img role="presentation" class="twisty "><div class="link_userr"> <img role="presentation" class="twisty "><a href="/search.forum?search_id=unanswered" rel="nofollow"> <img src="https://i.servimg.com/u/f43/16/43/22/50/0111.png"> مواضيع لم <span style="font-size: 10px; color: rgb(255, 0, 0);">يُرد عليها</span> </a> <a href="http://3eoon.onlinegoo.com/" rel="nofollow"> <img src="https://i.servimg.com/u/f43/16/43/22/50/vcard_10.png"> تغذية rss </a> </div> <div class="link_userr"> <a href="http://3eoon.onlinegoo.com/memberlist?mode=overall_posters" rel="nofollow"> <img src="https://i.servimg.com/u/f43/16/43/22/50/group_11.png"> أفضل 20عضو </a> <a href="http://3eoon.onlinegoo.com/memberlist?mode=today_posters"> <img src="https://i.servimg.com/u/f43/16/43/22/50/group_10.png"> أفضل اعضاء اليوم </a> </div> <div class="link_userr"> <a href="http://3eoon.onlinegoo.com/search.forum?search_id=newposts" rel="nofollow"> <img src="https://i.servimg.com/u/f43/16/43/22/50/page_r10.png"> جديد المواضيع </a> <img role="presentation" class="twisty "><a href="/search.forum?search_id=egosearch" rel="nofollow"> <img src="https://i.servimg.com/u/f43/16/43/22/50/page_w10.png"> مشـــــاركاتي </a> </div> <div class="link_userr"> <a href="/faq"> <img src="https://i.servimg.com/u/f43/16/43/22/50/email_10.png"> قوانين المنتدى </a> <img role="presentation" class="twisty "><a href="/register" rel="nofollow"> <img src="https://i.servimg.com/u/f43/16/43/22/50/user_a10.png"> التسجيل </a> </div> </td> </tr> </tbody> </table> <div> <!-- END switch_user_logged_out --> <!--نهاية كود الدخول للزوار--> <!--بداية كود الدخول للاعضاء--> <!-- BEGIN switch_user_logged_in --> <center> <table class="21598" cellspacing="0" cellpadding="0" border="0" width="960px"> <tbody> <tr></tr> <tr> <td class="login" align="center"> <div class="wilcom_user"> <form name="form_login" method="post" action="/login"> <table cellspacing="3" cellpadding="0" border="0" style="padding-left: 20px;"> <tbody> <tr> <td> <span class="gensmall"> {LOGGED_AS} <br />{CURRENT_TIME}<br />{LAST_VISIT_DATE}</span> </td> </tr> </tbody> </table> </form> </div> <img role="presentation" class="twisty "><div class="link_userr"> <img role="presentation" class="twisty "><a href="http://3eoon.onlinegoo.com/search.forum?search_id=unanswered" rel="nofollow"> <img src="https://i.servimg.com/u/f43/16/43/22/50/0111.png"> مواضيع لم <span style="font-size: 10px; color: rgb(255, 0, 0);">يُرد عليها</span> </a> <a href="http://3eoon.onlinegoo.com/" rel="nofollow"> <img src="https://i.servimg.com/u/f43/16/43/22/50/vcard_10.png"> تغذية rss </a> </div> <div class="link_userr"> <a href="/memberlist?mode=overall_posters" rel="nofollow"> <img src="https://i.servimg.com/u/f43/16/43/22/50/group_11.png"> أفضل 20عضو </a> <a href="/memberlist?mode=today_posters"> <img src="https://i.servimg.com/u/f43/16/43/22/50/group_10.png"> أفضل اعضاء اليوم </a> </div> <div class="link_userr"> <a href="http://3eoon.onlinegoo.com/search.forum?search_id=newposts" rel="nofollow"> <img src="https://i.servimg.com/u/f43/16/43/22/50/page_r10.png"> جديد المواضيع </a> <img role="presentation" class="twisty "><a href="/search.forum?search_id=egosearch" rel="nofollow"> <img src="https://i.servimg.com/u/f43/16/43/22/50/page_w10.png"> مشـــــاركاتي </a> </div> <div class="link_userr"> <a href="/faq"> <img src="https://i.servimg.com/u/f43/16/43/22/50/email_10.png"> قوانين المنتدى </a> <img role="presentation" class="twisty "><a href="/profile?mode=editprofile&page_profil=friendsfoes" rel="nofollow"> <img src="https://i.servimg.com/u/f43/16/43/22/50/user_a10.png"> قائمة أصـدقائي </a> </div> </td> </tr> </tbody> </table> <div> <!-- END switch_user_logged_in --> <!--نهاية كود الدخول للاعضاء-->
ثم سجل وانشر التعديل بالنسبة لمن يريد اضافة هذا التعديل ..اسفل الازرار وهذا لمن لديه الواجهه الاساسية الاصليه فقط يدخل الى قالب الهيدر ويبحث عن الكود: <div style="clear: both;"></div>
ويضيف اسفها الكود الموجود بالاعلى ثم ينشر التعديل ملحوظة صغيرة ::تم تركيب الكود بطريقة مختلفه ..اذا دخلت وراجعت الكود هتلاقيه مكرر مرتين ولكن هناك الكود الاول يبدا ب الكود: <!-- BEGIN switch_user_logged_out -->
وينتهى ب الكود: <!-- END switch_user_logged_out -->
وهذا الكود كاملا خاص بالزوار فقط مثل الدخول وغيره يمكنك انت تغير كافة الروابط والكلام الموجود فهو يظهر للزوار وتجعله مختلف عن الذى يظهر للاعضاء وهذا الجزء الذى يبدا ب الكود: <!-- BEGIN switch_user_logged_in -->
وينتهى ب الكود: <!-- END switch_user_logged_in -->
فهو يظهر للاعضاء فقط ويذهب الى لوحه الادارة مظهر المنتدى ورقة تصميم css ويضيف هذا فى بداية الحقلSpoiler: .login { background: url("https://i.servimg.com/u/f43/16/43/22/50/social10.png") no-repeat scroll center top transparent; height: 113px; width: 960px; }.wilcom_user { background: url("../../images/alrakami_space2011/misc/blue/normal/005_13.gif") no-repeat scroll right 5px transparent; float: right; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal; line-height: 17px; padding: 2px 15px 0 0; } .wilcom_user span img { border: 0 none; } .link_userr { border-right: 1px solid #DDDDDD; float: left; margin: 2px 8px 0 0; padding: 0 8px 0 0; width: 120px; } .link_userr { border-right: 1px solid #DDDDDD; float: left; margin: 2px 8px 0 0; padding: 0 8px 0 0; width: 120px; } .link_userr a img { border: 0 none; margin: 0 0 0 8px; } .link_userr a { display: block; float: right; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal; padding: 2px 0; } .user_l { background: url("../../images/alrakami_space2011/misc/blue/normal/005_13.gif") no-repeat scroll 97% 7px #FFFFE8; border: 1px solid #CCCCCC; color: #666666; float: right; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal; padding: 5px 20px 5px 5px; text-align: right; } .user_pass { float: right; margin: 0; } .user_n_b { margin: 0 0 0 3px; width: 178px; } .user_p_b { margin: 0; width: 178px; } .user_click { float: right; margin: 0; padding: 0; } #put_in { height: 26px; margin: 0 5px 0 0; padding: 0 0 4px; width: 80px; }
ثم يضغط قدم الشرح طويل واى استفسار انا موجود
الموضوع الأصلي : من مجموعة 2012 تومبيلايت نافذة الدخول بشكل مختلف.دخول للزوار وترحيب بالاعضاء // المصدر : منتديات المحترفون الجدد // الكاتب: Admin