تومبيلات الناف بار navbar

23/03/13, 07:22 pm

السَلام عليكمَ ورحمة الله وبَركآته

عودهَ جديدهَ مع كودَ رآئع جدآآ وجدتهَ عند تصفحيَ لبعض المواقعَ واحببتَ ان أشأرككمَ فيهَ

وهوَ كودَ تومبيلاتَ نافً بآر

مثالَ مبآشر ع الكَودَ

| هنآ |

الآن طريقهَ تركيبَ الكودَ

آولاَ

لوحه الآدآرهَ

تومبيلات الناف بار navbar GcYV3

نبحث عن هذا الكوَد

الكود:: <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}"> <tr> <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td> </tr> </table> <div style="clear: both;"></div>  <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline"> <tr> <td {CLASS_TABLE_TYPE} align="left" class="row1"> <div id="fa_ticker_container"> <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">  <li>{switch_ticker.ticker_row.ELEMENT}</li>  </ul> </div> </td> </tr> </table> </div>   <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline"> <tr> <td {CLASS_TABLE_TYPE} align="left" class="row1"> <div id="fa_ticker_container"> <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;"> <div class="fa_ticker_content">  <div>{switch_ticker.ticker_row.ELEMENT}</div>  </div> </div> </div> </td> </tr> </table> </div>

ونستبدله بهاذا الكوَد

الكود::  <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center"> <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center"> <form action="/login.forum?redirect=h1-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="100%" border="0" cellspacing="1" cellpadding="0" align="center"> <tr> <td class="row1" > <p align="right"> <div class="nav"><a class="nav" href="{U_INDEX}"> <img src="http://i48.servimg.com/u/f48/12/78/95/70/hima110.gif" class="inlineimg" alt="" border="0" height="15" width="15" /> {L_INDEX} </a>{NAV_CAT_DESC}</div> <img src="http://i48.servimg.com/u/f48/12/78/95/70/hima10.gif" height="15" width="30" /> {PAGE_TITLE} </strong> </p></td> <td width="270" class="row3"> <table border="0" width="100%" cellspacing="0" cellpadding="0" align="center"> <tr> <td><span class="genmed"><img src="http://i65.servimg.com/u/f65/13/95/29/87/56x76311.gif"></span> </td> <td><input id="Post" type="text" name="username" size="10" value="اسم العضو" onclick="if (this.value == 'اسم العضو') this.value = '';" onblur="if (this.value == '') this.value = 'اسم العضو';"> </td> <td> <input type="checkbox" name="autologin" checked="true"> <span span lang="ar-sa">حفظ البيانات؟</span> </td> </tr> <tr> <td><span class="genmed"><img src="http://i65.servimg.com/u/f65/13/95/29/87/a3d76410.gif"></span> </td> <td><input id="Post" type="password" name="password" size="10" value="" onclick="if (this.value == '') this.value = '';" onblur="if (this.value == '') this.value = '';"> </td> <td><input type="submit" class="mainoption" name="login" value="تسجيل الدخول" tabindex="104" > </td> </tr> </table></td> </tr> <tr> <td colspan="2"><table border="0" cellspacing="0" cellpadding="0" width="100%"> <tr> <th nowrap="nowrap" ><center><a href="/">الرئيسية</a></th><th nowrap="nowrap" ><center><a href="/register" >التسجيل</a></center></th><th nowrap="nowrap" ><center><a href="/profile?mode=sendpassword" >فقدت كلمة المرور</a></center></th> <th nowrap="nowrap" ><center><a href="/search" onclick="showhide(document.getElementById('search_menu')); return false;" rel="nofollow">البحث فى المنتدى</a></center></th> <tr> </table></td> </tr> </table> </div> </div> </div><div class="F_F_1"><div class="F_F_2"></div><div class="F_F_3"></div><div class="F_F_4"></div></div> </form>   <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="100%" border="0" cellspacing="1" cellpadding="0" align="center"> <tr> <td class="row1" > <div class="nav"><a class="nav" href="{U_INDEX}"> <img src="http://i48.servimg.com/u/f48/12/78/95/70/hima110.gif" class="inlineimg" alt="" border="0" height="15" width="15" /> {L_INDEX} </a>{NAV_CAT_DESC}</div> <img src="http://i48.servimg.com/u/f48/12/78/95/70/hima10.gif" height="15" width="30" /> {PAGE_TITLE} </strong> </p></td> <td width="270" class="row3"> <table border="0" width="80%" cellspacing="0" cellpadding="0" align="center"> <tr> <td > <span class="gensmall"> {LOGGED_AS} !<br />{CURRENT_TIME}<br />{LAST_VISIT_DATE}</span> {SITE_DESCRIPTION} </td> </tr> </table></td> </tr> <tr> <td colspan="2"><table border="0" cellspacing="0" cellpadding="0" width="100%"> <tr> <th nowrap="nowrap" ><center><a href="/">الرئيسية</a></th><th nowrap="nowrap" ><center><a href="/profile?mode=editprofile" >لوحة التحكم</a></center></th><th nowrap="nowrap" ><center><a href="/privmsg?folder=inbox" >الرسايل الخاصة</a></center></th> <th nowrap="nowrap" ><center><a href="/login?logout" >الخروج</a></center></th> <tr> </table></td> </tr> </table> </div> </div> </div><div class="F_F_1"><div class="F_F_2"></div><div class="F_F_3"></div><div class="F_F_4"></div></div>

ثم نظغط سَجلَ

والآن أخر خطوهَ نجدّ لدينآ هناَ

تومبيلات الناف بار navbar FD5F6

نظغط على َ + ليَ التأكيدّ على العمليَه

واتمنى يكون الكوَد يعجبكمَ

الكودّ منقول كمآ ذكرتّ في الأعلىَ

وقد قمتّ بتجربتهّ وهوَ يعمل بشكلّ سليمَ

والسلام عليكمَ ورحمة الله وبركآته