كوكب التطوير
 


كوكب التطوير


 
الرئيسيةمكتبة الصورس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول

كوكب التطوير :: اقسام التطوير و المساعدة :: أقسام تطوير احلى منتدى :: اكواد تومبيلات Templ

شاطر
السبت 18 أغسطس - 13:32 #1
المدير العام
المدير العام
avatar
الابراج : : الثور
عدد المساهمات : : 1504
نقاط : : 134302
تاريخ التسجيل : : 03/02/2012
العمر : : 19
الموقع : : kawkebda3m.zforum.biz
معاينة صفحة البيانات الشخصي للعضو
http://kawkebda3m.zforum.biz
افتراضيمُساهمةموضوع: ( تومبلايت ) كود الناف بار الجديد مع اظهار صورة المتصل

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

مرحبا اخوانى و اخواتى اعضاء و كوكب التطوير الكرام

اليوم اقدم لكم

حصريا كود [Template] الناف بار الجديد مع اظهار صورة العضو المتصل افضل من الvbمن صنعى (( الطائر الحر ))

صوره لمعاينة القوالب

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

اذهب الى

1- لوحة الاداره

2 - مظهر المنتدى

3 - التومبلايتات و القوالب / البوابه

4 - اضغط تعديل على قوالب ( mod_login )

- احذف جميع القوالب و ضع هذه القوالب مكانها
الكود:
<!-- 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 - نشط التعديل

*******

ثم نذهب الى

لوحة الاداره / العناصر الاضافة / إدارة العناصر المستقلة على المنتدى

اسحب عنصر الدخول وضعه فى العمود اليمين لادارة العناصر

ثم اضغط سجل

و تابع الصوره التاليه

انتهاء الشرح الف مبروك

و الف مبروك عليكم الكود الجديد




 
السبت 18 أغسطس - 19:29 #1
المدير العام
المدير العام
عدد المساهمات : : 408
نقاط : : 19194
تاريخ التسجيل : : 09/08/2012
الموقع : : http://kawkebda3m.zforum.biz
معاينة صفحة البيانات الشخصي للعضو
افتراضيمُساهمةموضوع: رد: ( تومبلايت ) كود الناف بار الجديد مع اظهار صورة المتصل

بارك الله فيك أخي




توقيع :المدير







|| لترشيح نفسك لفريق للاشراف .. اضغط هنا ||
|| للشكاوى ضد اى عضو او ادارى .. اضغط هنا ||
|| لطبات تغيير الاسماء .. اضغط هنا ||

 
الجمعة 31 أغسطس - 23:49 #1
عضو نشيط
عضو نشيط
avatar
عدد المساهمات : : 122
نقاط : : 18572
تاريخ التسجيل : : 31/08/2012
معاينة صفحة البيانات الشخصي للعضو
افتراضيمُساهمةموضوع: رد: ( تومبلايت ) كود الناف بار الجديد مع اظهار صورة المتصل

شكرا لك اخي على الموضوع الرااائع وبـــآرك الله فــيكـ

===========================

تقبل تحيااااتــي





 


الإشارات المرجعية


التعليق على الموضوع بواسطة الفيس بوك
الــرد الســـريـع
..



الذين يشاهدون محتوى الموضوع الآن : 20 ( الأعضاء 3 والزوار 17)




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

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة