الرئيسيةس .و .جبحـثالتسجيلدخول

شاطر | 
 

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
Ahmed Hamdi
.:: مؤسس الموقع ::.
avatar


معلومات العضو

مُساهمةموضوع: كود تومبلايت الناف بار الجديد مع اظهار صورة العضو المتصل   الأحد 12 أغسطس 2012, 12:56 pm

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

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

صوره لمعاينة


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

اذهب الى

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;
        }

و اضغط سجل


*******

ثم نذهب الى

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

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

ثم اضغط سجل

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



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


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


يمنع منعا باتأ نقل الكود بدون ذكر المصدر

المصدر : منتدى للدعم و المساعدة


كود تومبلايت الناف بار الجديد مع اظهار صورة العضو المتصل
توقيع : Ahmed Hamdi
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 

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

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

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