الإعلانات

كود [Template] الناف بار الجديد مع اظهار صورة العضو المتصل افضل من الvb

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

avatar
AsheK WalhaN
مؤسس المنتدى
مؤسس المنتدى
ذكر
عدد المساهمات : 5608
نقاط : 18641
تقييم العضو : 44
تاريخ الميلاد : 21/03/1995
العمـر : 23

مُساهمةAsheK WalhaN في الأربعاء نوفمبر 21, 2012 6:05 pm

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

مرحبا اخوانى و اخواتى اعضاء و زوار منتدى الدعم و المساعده الكرام

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

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

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







http://i45.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 -->
 

- نشط التعديل









و بعد ذلك اذهب الى

لوحة الاداره / مظهر المنتدى / الصور و الالوان / الوان / ورقة تصميم الـ css

ضع هذا الكود

الكود:
 .a7la img {
        height: 75px;
        width: 80px;
    }


و اضغط سجل


*******

ثم نذهب الى

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

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

ثم اضغط سجل

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









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


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

ذكر
عدد المساهمات : 169
نقاط : 239
تقييم العضو : 0

مُساهمةKAZANOVA في الخميس نوفمبر 22, 2012 4:13 pm

شكرا
avatar
KAZANOVA

ذكر
عدد المساهمات : 169
نقاط : 239
تقييم العضو : 0

مُساهمةKAZANOVA في الخميس نوفمبر 22, 2012 4:13 pm

شكرا
avatar
مارسيلا

انثى
عدد المساهمات : 305
نقاط : 303
تقييم العضو : 0
تاريخ الميلاد : 25/04/1990
العمـر : 28
http://panorama-alarab.com/vb/index.php

مُساهمةمارسيلا في السبت ديسمبر 01, 2012 4:00 am

طرح رائع
ربي يعطيك الف عافية
بشوق لروائع اطروحاتك
المميزة
حفظك المولى

avatar
söz

انثى
عدد المساهمات : 12
نقاط : 16
تقييم العضو : 0
تاريخ الميلاد : 15/11/1999
العمـر : 18

مُساهمةsöz في الثلاثاء يونيو 11, 2013 5:21 pm

نايس ثانككيو
avatar
Mr.ElHassan

ذكر
عدد المساهمات : 560
نقاط : 558
تقييم العضو : 0
http://new-com.mountada.net/

مُساهمةMr.ElHassan في السبت يوليو 20, 2013 5:58 pm

ابدعتم و احسنتم فجزاكم الله عنا خير الجزاء
avatar
ElPrOo

ذكر
عدد المساهمات : 51
نقاط : 49
تقييم العضو : 0
تاريخ الميلاد : 09/05/1992
العمـر : 26
http://43arb.ibda3.biz

مُساهمةElPrOo في السبت أغسطس 24, 2013 5:12 am

:33: :33: :33:
avatar
يٌوكي1

ذكر
عدد المساهمات : 48
نقاط : 48
تقييم العضو : 0
تاريخ الميلاد : 18/11/1997
العمـر : 20

مُساهمةيٌوكي1 في السبت نوفمبر 09, 2013 10:46 pm

جميل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

للمشاركة انت بحاجه الى تسجيل الدخول او التسجيل

يجب ان تعرف نفسك بتسجيل الدخول او بالاشتراك معنا للمشاركة

التسجيل

انضم الينا لن يستغرق منك الا ثوانى معدودة!


أنشئ حساب جديد

تسجيل الدخول

ليس لديك عضويه ؟ بضع ثوانى فقط لتسجيل حساب


تسجيل الدخول

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