السلام عليكم ورحمة الله وبركاته
كود اظهار الصوره الشخصيه + اظهار اسم العضو + البينات + واجهه في نسخة الجوال
صوره قبل تسجيل الدخول
كود اظهار الصورة الشخصية واسم العضو والبيانات فى واجهة نسخة الجوال Uo_ouo14
صوره بعد الدخول
كود اظهار الصورة الشخصية واسم العضو والبيانات فى واجهة نسخة الجوال Uo_ouo15
طريقة التركيب
لوحة الادارة - مظهر المنتدى - التومبلايتات و القوالب
نسخة الجوال - قالب index_box
واستبدل الكود بالكامل بالكود التالي
الكود:

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

    <div align="right"><p>
       <a href="/profile?mode=editprofile"><span style="color: rgb(238, 238, 238); font-size: 18px;">البينات الشخصية</span></a><br /> &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="https://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
مخفي للرد