منتديات تقنيات
يسعدنا تسجيلكم بالمنتدى اهلا بكم
مواضيع تهمك


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

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

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

مُساهمة من طرف رامي كاتي في 01/08/16, 02:57 am

السلام عليكم ورحمة الله وبركاته
كود اظهار الصوره الشخصيه + اظهار اسم العضو + البينات + واجهه في نسخة الجوال
صوره قبل تسجيل الدخول
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

صوره بعد الدخول
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

طرقية التركيب
لوحة الادارة - مظهر المنتدى - التومبلايتات و القوالب
نسخة الجوال - قالب index_box
واستبدل الكود بالكامل بالكود التالي
الرمز:

<!-- BEGIN switch_user_logged_in -->
<div id="trap"><span class="Ahla-avatar"></span>&nbsp;&nbsp; <span style="font-size: 16px;"><span style="color: #000000;">متصل باسم:</span></span>&nbsp;<span class="usernameqjin"></span>&nbsp;

<div align="right"><p>
 &nbsp;&nbsp;<a href="/profile?mode=editprofile"><span style="color: rgb(238, 238, 238); font-size: 18px;">البينات الشخصية</span></a><br />&nbsp;&nbsp;
</p></div>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="rrap"> <p>
  
</p>
<div style="text-align: center;">
  <strong style="color: rgb(238, 238, 238); font-size: large;">مرحباَ بكم في منتديات (اكتب اسم منتداك هنا)</strong>
</div>
  <span style="font-size: 18px;"></span>
<div style="text-align: center;">
  <strong style="color: rgb(238, 238, 238);">لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص,</strong>
</div><span style="font-size: 18px;"></span>
<p>
</p>
<p style="text-align: center;">
   <span style="font-size: 18px;"><strong><span style="color: rgb(238, 238, 238);">يجب عليك أن </span><a href="/login"><span style="color: rgb(153, 0, 153);">تسجل الدخول الى حسابك</span></a><span style="color: rgb(238, 238, 238);"> في المنتدى.</span></strong></span>
</p>
<p style="text-align: center;">
   <strong><span style="font-size: 18px;"><span style="color: rgb(238, 238, 238);"> إن لم يكن لديك حساب بعد, نتشرف بدعوتك </span><a href="/register"><span style="color: rgb(153, 0, 153);">لإنشائه</span></a></span></strong><br />
</p>
</div>
   <!-- END switch_user_logged_out -->  
<div align="center"><img width="33" height="55" src="http://i35.servimg.com/u/f35/19/45/26/19/loveli10.png" /></div>
<!-- BEGIN catrow -->
 <!-- BEGIN tablehead -->
 <div class="forum">
 <h2>{catrow.tablehead.L_FORUM}</h2>
 <!-- END tablehead -->

 <!-- BEGIN forumrow -->
 <a href="{catrow.forumrow.U_VIEWFORUM}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" class="{catrow.forumrow.FOLDER_CLASSNAME} forum-section">
                  <div class="forum-icon"><i class="material-icons"></i><!-- BEGIN avatar --><div class="forum-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</div><!-- END avatar --></div>
 <div class="forum-content">
 <h3>{catrow.forumrow.FORUM_NAME}<br /><div class="forum-statistics">المواضيع :{catrow.forumrow.TOPICS}</div><div class="forum-statistics">مشاركات :{catrow.forumrow.POSTS}</div></h3>
                           <div class="forum-lastpost">{catrow.forumrow.LATEST_TOPIC_NAME}</div>
 <div class="forum-lastpost-time">{catrow.forumrow.L_LATEST_POST_FROM_THE}</div>
 </div>
 </a>
 <!-- END forumrow -->

 <!-- BEGIN tablefoot -->
 </div>
 <!-- END tablefoot -->
<!-- END catrow -->
  <script>
$(document).ready(function () {
$('.usernameqjin').html('<a href="/u'+ _userdata.user_id +'">'+ _userdata.username +'</a>');
});  
</script>
    <script>
          $(function(){
    $.each(_userdata, function(key, value){
        $(".Ahla-" + key).html(value);
    })
});
  </script>


ثم ضع الكود التالي بورقة ال CSS
الرمز:

.usernameqjin {
    font-size: 22px;
    color: #ffffff;
}

span.Ahla-avatar img {
    float: right;
    height: 74px;
    width: 54px;
}

div#trap {
    height: 76px;
    background: #3ac1f2;
}
div#rrap {
    background: #3ac1f2;
}

صنع عند رامي كاتي

رامي كاتي

الجنس : ذكر
عدد المساهمات : 14
التقييم : 13
تاريخ التسجيل : 29/04/2016

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود اظهار الصوره الشخصيه + اظهار اسم العضو + البينات + واجهه في نسخة الجوال

مُساهمة من طرف JAR7 في 01/08/16, 10:37 pm

يعطيك العافية على الموضوع
عوافي يارب على استمرارك معنا
ومواضيعك الحصرية


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

JAR7
مؤسس المنتدى


الجنس : انثى
عدد المساهمات : 2192
التقييم : 285
تاريخ التسجيل : 05/01/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو http://www.t3qnyiat.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود اظهار الصوره الشخصيه + اظهار اسم العضو + البينات + واجهه في نسخة الجوال

مُساهمة من طرف البراق في 02/08/16, 04:12 am


سلمت ها الايادى
على جمال وروعة هذا الاختيار
الراقي والمميز .

البراق
عضو نشيط


الجنس : ذكر
عدد المساهمات : 109
التقييم : 25
تاريخ التسجيل : 14/04/2016
اوسمتي : :3:4:3

معاينة صفحة البيانات الشخصي للعضو http://raad2.montadalitihad.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود اظهار الصوره الشخصيه + اظهار اسم العضو + البينات + واجهه في نسخة الجوال

مُساهمة من طرف رامي كاتي في 02/08/16, 06:10 pm

JAR7 و البراق
تسلمون على المرور العطر
والله يعافيكم يارب [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

رامي كاتي

الجنس : ذكر
عدد المساهمات : 14
التقييم : 13
تاريخ التسجيل : 29/04/2016

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

إنشاء حساب أو تسجيل الدخول لتستطيع الرد

تحتاج إلى أن يكون عضوا لتستطيع الرد.

انشئ حساب

يمكنك الانضمام لمنتديات تقنيات فعملية التسجيل سهله !


انشاء حساب جديد

تسجيل الدخول

اذا كنت مسجل معنا فيمكنك الدخول بالضغط هنا


تسجيل الدخول

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