The Best
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

The Bestدخول
●● إعلانـات ●●
إعلانك هنا إعلانك هنا إعلانك هنا
إعـلانـات المنتـدى

إحصائيات المنتدى
أفضل الاعضاء هذا الشهر
آخر المشاركات
أفضل الاعضاء هذا الشهر
1031 المساهمات
415 المساهمات
386 المساهمات
375 المساهمات
366 المساهمات
112 المساهمات
97 المساهمات
85 المساهمات
76 المساهمات
60 المساهمات
آخر المشاركات




description[ تومبلايت ] ناف بار جديد + اضهار صورة العضو و بياناته فيه Empty[ تومبلايت ] ناف بار جديد + اضهار صورة العضو و بياناته فيه

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

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

https://i.servimg.com/u/f45/16/75/43/85/19-06-10.png



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

اذهب الى

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

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


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

من برمجة الطائر الحر

منقول

description[ تومبلايت ] ناف بار جديد + اضهار صورة العضو و بياناته فيه Emptyرد: [ تومبلايت ] ناف بار جديد + اضهار صورة العضو و بياناته فيه

more_horiz
شـــيء جميــل ..

شكرآأ لك .

description[ تومبلايت ] ناف بار جديد + اضهار صورة العضو و بياناته فيه Emptyرد: [ تومبلايت ] ناف بار جديد + اضهار صورة العضو و بياناته فيه

more_horiz
ألـــــــــــــف شــــــــــــــكر على هذا الموضوع الرئـــــــــــــع
بارك الله فيك على الموضوع القيم والمميز

وفي انتظار جديدك الأروع والمميز


لك مني أجمل التحيات


وكل التوفيق لك يا رب
كالعادة ابداع رائع

وطرح يستحق المتابعة

شكراً لك

بانتظار الجديد القادم

دمت بكل خير
لك منـــــــ اجمل تحية ــــــــــي


description[ تومبلايت ] ناف بار جديد + اضهار صورة العضو و بياناته فيه Emptyرد: [ تومبلايت ] ناف بار جديد + اضهار صورة العضو و بياناته فيه

more_horiz
[ تومبلايت ] ناف بار جديد + اضهار صورة العضو و بياناته فيه TkcIj

description[ تومبلايت ] ناف بار جديد + اضهار صورة العضو و بياناته فيه Emptyرد: [ تومبلايت ] ناف بار جديد + اضهار صورة العضو و بياناته فيه

more_horiz
شكرآ جزيلا لك على الطرح الرائع


في أمان الله


[ تومبلايت ] ناف بار جديد + اضهار صورة العضو و بياناته فيه 866468155

description[ تومبلايت ] ناف بار جديد + اضهار صورة العضو و بياناته فيه Emptyرد: [ تومبلايت ] ناف بار جديد + اضهار صورة العضو و بياناته فيه

more_horiz
،*
موضوع جميل جداً..سلمت أناملك ع الطرح الجميل

description[ تومبلايت ] ناف بار جديد + اضهار صورة العضو و بياناته فيه Emptyرد: [ تومبلايت ] ناف بار جديد + اضهار صورة العضو و بياناته فيه

more_horiz
[ تومبلايت ] ناف بار جديد + اضهار صورة العضو و بياناته فيه H6KQgEg

description[ تومبلايت ] ناف بار جديد + اضهار صورة العضو و بياناته فيه Emptyرد: [ تومبلايت ] ناف بار جديد + اضهار صورة العضو و بياناته فيه

more_horiz
آوهآيؤَ x

جميلَ جداً ، شكراً لككَ
بنتظآرَ جديدككَ آلقآدمَ بَ آذن آللهَ
[ تومبلايت ] ناف بار جديد + اضهار صورة العضو و بياناته فيه 1887442045:tb3:*

description[ تومبلايت ] ناف بار جديد + اضهار صورة العضو و بياناته فيه Emptyرد: [ تومبلايت ] ناف بار جديد + اضهار صورة العضو و بياناته فيه

more_horiz
شكرآ لك

description[ تومبلايت ] ناف بار جديد + اضهار صورة العضو و بياناته فيه Emptyرد: [ تومبلايت ] ناف بار جديد + اضهار صورة العضو و بياناته فيه

more_horiz
بارك الله فيك على الموضوع القيم والمميز
 
 KonuEtiketleri عنوان الموضوع
[ تومبلايت ] ناف بار جديد + اضهار صورة العضو و بياناته فيه
 Konu BBCode BBCode
privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
remove_circleمواضيع مماثلة
chat_bubble[ تومبلايت ] كود وضع حالة اتصال العضو أمام زر الإقتباس
chat_bubble[ تومبلايت ] شرح وضع صورة اعلى الفئات و اسم كل قسم عليها واسفلها المنتدى
chat_bubble[ تومبلايت ] وضع صورة اسفل الفئة تتكون من صورتين ونقطة تمدد
chat_bubble[ تومبلايت ] تسجيل الدخول بشكل جديد + في كل الصفحات
chat_bubbleكود css اطار حول صورة بيانات العضو بدون تومبيلات