الرئيسيةأحدث الصورالتسجيلدخول

شاطر | 
 

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

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


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

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

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

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

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

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

اذهب الى

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

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


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

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


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

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


4 - اضغط تعديل على قوالب ( mod_login )
كود تومبلايت الناف بار الجديد مع اظهار صورة العضو المتصل 19-06-13

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 - نشط التعديل
كود تومبلايت الناف بار الجديد مع اظهار صورة العضو المتصل 03-02-13

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

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

ضع هذا الكود

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

و اضغط سجل


*******

ثم نذهب الى

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

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

ثم اضغط سجل

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

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

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


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


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

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


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

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

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

 مواضيع مماثلة

-
» طريقة عمل صورة متطايرة , وضع صورة ثابتة للستايل
» اظهار الطاقة الداخلية
» كود تومبلايت وضع ايطار حول المواضيع
» موقع اظهار تاثيرات السويتش ماكس
» كود تومبلايت وضع ايطار صور من كل جهة للصوره الشخصيه
صفحة 1 من اصل 1

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