Security مؤسس الموقع و الادارة العليا
عدد المساهمات : 23 نقاط : 58 تاريخ التسجيل : 01/11/2012 العمل/الترفيه : Coding
| موضوع: لناف بار الجديد مع اظهار صورة العضو المتصل افضل من الvb الإثنين نوفمبر 05, 2012 4:06 pm | |
| السلام عليكم و رحمة الله و بركاته مرحبا اخوانى و اخواتى اعضاء و زوار منتدى الدعم و المساعده الكرام اليوم اقدم لكم حصريا كود [Template] الناف بار الجديد مع اظهار صورة العضو المتصل افضل من الvbمن صنعى (( الطائر الحر )) صوره لمعاينة القوالب تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية. https://i.servimg.com/u/f45/16/75/43/85/19-06-10.png و الان الكود و طريقة تركيبه اذهب الى 1- لوحة الاداره 2 - مظهر المنتدى 3 - التومبلايتات و القوالب / البوابه 4 - اضغط تعديل على قوالب ( mod_login ) تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية. 5 - احذف جميع القوالب و ضع هذه القوالب مكانها - الكود:
-
<!-- BEGIN switch_login --> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <td class="catLeft" height="25"> <span class="genmed module-title">{L_LOGIN}</span> </td> </tr> <tr> <td class="row1"> <form action="{S_LOGIN_ACTION}" method="post"> <table width="100%" border="0" cellspacing="1" cellpadding="3"> <tr> <td align="left" width="55%"><span class="gen">{L_USERNAME}:</span></td> <td style="position:relative;padding-right:5px;"><input type="text" name="username" value="{USERNAME}" size="20" maxlength="40" style="width:100%;" /></td> </tr> <tr> <td align="left"><span class="gen">{L_PASSWORD}:</span></td> <td style="position:relative;padding-right:5px;"><input type="password" name="password" size="20" maxlength="32" style="width:100%;"></td> </tr> <tr align="center"> <td colspan="2"><span class="gen">{L_AUTO_LOGIN}: <input type="checkbox" name="autologin" {AUTOLOGIN_CHECKED}></span></td> </tr> <tr align="center"> <td colspan="2"><input class="mainoption" type="submit" name="login" value="{L_LOGIN}"></td> </tr> <tr align="center"> <td colspan="2"> <span class="gensmall"><a class="gensmall" href="{U_SEND_PASSWORD}" rel="nofollow">:: {L_SEND_PASSWORD}</a></span> </td> </tr> </table> </form> </td> </tr> </table> <!-- END switch_login --> <!-- BEGIN switch_login_small --> <table class="tborder" cellpadding="3" cellspacing="3" border="0" width="100%" align="center"> <tr> <td class="alt1" width="100%"> <style> #mbt-sub-box{background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#1a2638));;border:1px solid #1A2638;border-radius:10px; margin-bottom:10px;padding:10px;text-align:center;background: -moz-linear-gradient(top, #333, #1a2638)} #mbt-sub-box h1{margin-top:5px; color:#FFF;font-family:georgia;font-size:25px;margin-bottom:5px;padding:0;text-shadow:0 2px 3px #000;line-height:2px} #mbt-sub-box input{background: -moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 transparent;border:medium none;border-radius:10px 10px 10px 10px;font-size:14px;padding:10px;text-shadow:1px 1px 0 #FFF;width:280px; color:#666; font-family:georgia; margin-bottom:5px;} #mbt-sub-box .submit{background: -webkit-gradient(linear, left top, left bottom, from(#DD501A), to(#FF9620));background: -moz-linear-gradient(center top , #DD501A, #FF9620) repeat scroll 0 0 transparent;color:#FFF;cursor:pointer;font-weight:bold;margin-left:20px;text-shadow:0 1px 2px #000;width:180px; font-family:georgia; margin-left:5px;} #mbt-sub-box .submit:hover{background: -moz-linear-gradient(center top , #FF9620, #DD501A) repeat scroll 0 0 transparent} #mbt-sub-box .submit:active{background: -moz-linear-gradient(center top , #FF9620, #DD501A) repeat scroll 0 0 transparent} </style><div id='mbt-sub-box'><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=a7la7ekaya;, 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'><center> <input name='email' onblur='if (this.value == "") {this.value = "أدخل بريدك الإلكتروني هنا ...";}' onfocus='if (this.value == "أدخل بريدك الإلكتروني هنا ...") {this.value = ""}' size='30' type='text' value='أدخل بريدك الإلكتروني هنا ...'/> <input name='uri' type='hidden' value='a7la7ekaya'/> <input name='loc' type='hidden' value='en_US'/> <input class='submit' type='submit' value='إشترك ليصلك اجدد المواضيع'/></center></form></div> </td> <td class="alt2" nowrap="nowrap" style="padding:0px"> <form action="/login.forum?redirect=h15-page" method="post" name="form_login"> <script type="text/javascript" src="clientscript/vbulletin_md5.js?v=387"></script> <table cellpadding="0" cellspacing="3" border="0"> <tr> <td class="smallfont" style="white-space: nowrap;"> <label for="navbar_username">اسم العضو</label></td> <td><input type="text" class="bginput" style="font-size: 11px" name="username" id="post" size="10" accesskey="u" tabindex="101" value="اسم العضو" onfocus="if (this.value == 'اسم العضو') this.value = '';" /></td> <td class="smallfont" nowrap="nowrap"> <label for="cb_cookieuser_navbar"><input type="checkbox" name="autologin" value="1" tabindex="103" id="post" accesskey="c" />حفظ البيانات؟</label> </td> </tr> <tr> <td class="smallfont"> <label for="navbar_password">كلمة المرور</label></td> <td><input type="password" class="bginput" style="font-size: 11px" name="password" id="post" size="10" tabindex="102" /></td> <td><input type="submit" class="button" name="login" value="تسجيل الدخول" tabindex="104" title="ادخل اسم العضو وكلمة المرور الخاصة بك في الحقول المجاورة لتسجيل الدخول, أو اضغط على رابط 'التسجيل' لإنشاء حساب خاص بك." accesskey="s" /></td> </tr> </table> <input type="hidden" name="s" value="6b3baf58aa63b56a46d223d2a10d3b92" /> <input type="hidden" name="securitytoken" value="guest" /> <input type="hidden" name="do" value="login" /> <input type="hidden" name="vb_login_md5password" /> <input type="hidden" name="vb_login_md5password_utf" /> </form> </td> </tr> </table> <div class="tborder" style="padding:3px; border-top-width:0px"> <table cellpadding="0" cellspacing="0" border="0" width="100%" align="center"> <tr align="center"> <td id="allptchoptions" class="vbmenu_control"><a href="/forum"> <span class="style1">الرئيسية</span></a> <script type="text/javascript"> vbmenu_register("allptchoptions", false); </script></td> <td class="vbmenu_control"><a href="/register" rel="nofollow">التسجيل</a></td> <td class="vbmenu_control"><a rel="help" href="/faq" accesskey="5">التعليمـــات</a></td> <td class="vbmenu_control"><a href="/search?search_id=unanswered">موآضـــيع لم يتم آلرد عليهآ</a></td> <td class="vbmenu_control"><a href="/search?search_id=newposts" accesskey="2">مشاركات اليوم</a></td> <td class="vbmenu_control"><a id="navbar_search" href="/search" accesskey="4" rel="nofollow">البحث</a> </td> </tr> </table> </div> <!-- END switch_login_small --> <!-- BEGIN switch_profile --> <table class="tborder" cellpadding="3" cellspacing="3" border="0" width="100%" align="center"> <tr> <td class="alt1" width="100%"> <style> #mbt-sub-box{background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#1a2638));;border:1px solid #1A2638;border-radius:10px; margin-bottom:10px;padding:10px;text-align:center;background: -moz-linear-gradient(top, #333, #1a2638)} #mbt-sub-box h1{margin-top:5px; color:#FFF;font-family:georgia;font-size:25px;margin-bottom:5px;padding:0;text-shadow:0 2px 3px #000;line-height:2px} #mbt-sub-box input{background: -moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 transparent;border:medium none;border-radius:10px 10px 10px 10px;font-size:14px;padding:10px;text-shadow:1px 1px 0 #FFF;width:280px; color:#666; font-family:georgia; margin-bottom:5px;} #mbt-sub-box .submit{background: -webkit-gradient(linear, left top, left bottom, from(#DD501A), to(#FF9620));background: -moz-linear-gradient(center top , #DD501A, #FF9620) repeat scroll 0 0 transparent;color:#FFF;cursor:pointer;font-weight:bold;margin-left:20px;text-shadow:0 1px 2px #000;width:180px; font-family:georgia; margin-left:5px;} #mbt-sub-box .submit:hover{background: -moz-linear-gradient(center top , #FF9620, #DD501A) repeat scroll 0 0 transparent} #mbt-sub-box .submit:active{background: -moz-linear-gradient(center top , #FF9620, #DD501A) repeat scroll 0 0 transparent} </style><div id='mbt-sub-box'><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=a7la7ekaya;, 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'><center> <input name='email' onblur='if (this.value == "") {this.value = "أدخل بريدك الإلكتروني هنا ...";}' onfocus='if (this.value == "أدخل بريدك الإلكتروني هنا ...") {this.value = ""}' size='30' type='text' value='أدخل بريدك الإلكتروني هنا ...'/> <input name='uri' type='hidden' value='a7la7ekaya'/> <input name='loc' type='hidden' value='en_US'/> <input class='submit' type='submit' value='إشترك ليصلك اجدد المواضيع'/></center></form></div> </td> <td class="alt2" nowrap="nowrap" style="padding:0px"> <div class="a7la img"> {USERNAME_AVATAR} </div> </td> <td class="alt2" nowrap="nowrap" style="padding:0px" align="center"> <div class="a7la postbody"> <strong>{USERNAME}</strong><br /> <div>{L_MESSAGES} : <strong>{NB_MESSAGES}</strong></div> <div><span id="notifications"> {L_PM} : <strong>{NB_PM_UNREAD} / {NB_PM_READ}</strong></span></div> <div> <a href="{U_PROFILE}">{L_MY_PROFILE}</a></div> </div> </td> </tr> </table> <input type="hidden" name="s" value="6b3baf58aa63b56a46d223d2a10d3b92" /> <input type="hidden" name="securitytoken" value="guest" /> <input type="hidden" name="do" value="login" /> <input type="hidden" name="vb_login_md5password" /> <input type="hidden" name="vb_login_md5password_utf" /> </form> </td> </tr> </table> <div class="tborder" style="padding:3px; border-top-width:0px"> <table cellpadding="0" cellspacing="0" border="0" width="100%" align="center"> <tr align="center"> <td id="allptchoptions" class="vbmenu_control"><a href="/forum"> <span class="style1">الرئيسية</span></a> <script type="text/javascript"> vbmenu_register("allptchoptions", false); </script></td> <td class="vbmenu_control"><a href="/profile?mode=editprofile" rel="nofollow">لوحة التحكم</a></td> <td class="vbmenu_control"><a rel="help" href="/memberlist" accesskey="5">الاعضاء</a></td> <td class="vbmenu_control"><a href="/search?search_id=newposts" accesskey="2">مشاركات اليوم</a></td> <td class="vbmenu_control"><a id="navbar_search" href="/search" accesskey="4" rel="nofollow">البحث</a> </td> <td class="vbmenu_control"><a href="/privmsg">التنبيهات</a></td> <td class="vbmenu_control"><a href="/login?logout">تسجيل الخروج</a></td> </tr> </table> </div> <br /> <!-- END switch_profile -->
6 - نشط التعديل تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية. و بعد ذلك اذهب الى لوحة الاداره / مظهر المنتدى / الصور و الالوان / الوان / ورقة تصميم الـ css ضع هذا الكود - الكود:
-
.a7la img { height: 75px; width: 80px; } و اضغط سجل ******* ثم نذهب الى لوحة الاداره / العناصر الاضافة / إدارة العناصر المستقلة على المنتدى اسحب عنصر الدخول وضعه فى العمود اليمين لادارة العناصر ثم اضغط سجل و تابع الصوره التاليه تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية. انتهاء الشرح الف مبروك و الف مبروك عليكم الكود الجديد منقوووووووووووووول | |
|