اريد وضع الصورة الشخصية للعضو في قالب overall_header

الفارس بحر كتب:


بسم الله الرحمن الرحيم

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

تومبيلات كود نفار بار مع اظهار صورة العضو
كود نفار غاية فى الروعة وبتقنيات جديدة ومنها اظهار صورة العضو
القالب من برمجة الطائر الحر
ودة صورة للكود بعد التركيب



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

اذهب الى

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">
            
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='أدخل بريدك الإلكتروني هنا ...'/>
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">
      
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>
            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>
      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

ضع هذا الكود

وسجل
ثم نذهب الى

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

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

ثم اضغط سجل

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

dztimes كتب:توجد كمتغير جافاسكريب ما عليك الا استعاؤها بالجافا ... استعمل الهاتف لهدا لا استطيع افادتك كليا الان

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

انا فقط احتاج الطريقة و الكود و اكون شاكر لك

الكود:

     <script>
          $(function(){
    $.each(_userdata, function(key, value){
        $(".Ahla-" + key).html(value);
    })
});
     </script>

الكود:

<span class="Ahla-avatar"></span>

الكود:

.Ahla-avatar img {
    border: #7f2e2e solid;
    width: 45px;
}

SaLEm Hen!CHE كتب:

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

انا فقط احتاج الطريقة و الكود و اكون شاكر لك

وفيك بارك الله .... 

تفضل 
بحمد الله تم عمل كود لهذا الغرض :

1. إبحث عن الوسم </head> في قالب الهيدر وضع قبله مباشرة هذا الكود :

الكود:

   <script>
          $(function(){
    $.each(_userdata, function(key, value){
        $(".Ahla-" + key).html(value);
    })
});
  </script>

!! كما يمكنك وضعه في :اكواد Javascript بعد نزع الوسم <script> ولكن في الهيدر أفضل

طيب ، بعد ذلك ضع هذا الكود في الموضع الذي تريد أن تظهر به صورة العضو (أي مكان يقبل Html) :

الكود:

<span class="Ahla-avatar"></span>

تتحكم في الصورة بكود الـcss التالي :

الكود:

.Ahla-avatar img {
    border: #7f2e2e solid;
    width: 45px;
}

جرب الان وعد لنا بالنتيجة.... بإنتظارك

شاعر زمانه كتب:لا تحاول تشبع العالم حضورر
للغياب احيان نكهه ( ممتعه ) !!

شاعر زمانه كتب:وعليكم السلام ياهلا

هذه جميع اكود تخص العضو بلجافا
المتغيرات
الصورة الشخصية
_userdata.avatar
رقم الايدي مثال u12 بس هو يعطيك الرقم فقط
_userdata.user_id
الاسم
_userdata.username
عدد المساهمات
_userdata.user_posts
موجود غير موجود 0 غير موجود 1 موجود
_userdata.session_logged_in

موجودين خبراء الجافا هنا اطلب منهم يدمجو الرموز او المتغيرات مع الجافا لما تريد

شاعر زمانه كتب:لا تحاول تشبع العالم حضورر
للغياب احيان نكهه ( ممتعه ) !!

    <li><a href="u">ملف شخصي</a></li>

الكود:

<div class="genmed center"><b>{USERNAME}</b></div>

JAR7 كتب:اهلا وسهلا بك
تفضل اخي العزيز الكود الاتي

الكود:

<div class="genmed center"><b>{USERNAME}</b></div>

شاعر زمانه كتب:كل شي سهل ولا يحتاج لتفكير
بس انت اشرح كيف تبيه وين محله بضبط
وان لم اكن موجود هنا يالغالي ذكرني

تم الحذف من عـذاآب 

شاعر زمانه كتب:كل شي سهل ولا يحتاج لتفكير
بس انت اشرح كيف تبيه وين محله بضبط
وان لم اكن موجود هنا يالغالي ذكرني

تم الحذف من عـذاآب 

شاعر زمانه كتب:@{عذآب} انت شارب شي ؟
ما حطيت رابط  او مواقع خارجي ولاهم يحزنون

ويا ابو حسن
انا استخدم الجوال حاليا ارجعل للبيت
وبساعدك باذن الله
استغفر الله العظيم واتوب إليه
سبحان الله وبحمده سبحان الله العظيم

الكود:

<div class="usernameqjin"></div>

الكود:

$(document).ready(function () {
$('.usernameqjin').html('<a href="/u'+ _userdata.user_id +'">'+ _userdata.username +'</a>');
});

الكود:

<script>
$(document).ready(function () {
$('.usernameqjin').html('<a href="/u'+ _userdata.user_id +'">'+ _userdata.username +'</a>');
}); 
</script>