دخول

لقد نسيت كلمة السر

مكتبة الصور


سحابة الكلمات الدلالية

الرمية  الملتهبة  انمي  مترجم  الحلقة  

أفضل الأعضاء الموسومين


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

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

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

مُساهمة من طرف رامي كاتي في 1/1/2017, 00:16

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

http://i35.servimg.com/u/f35/19/45/26/19/uo_ouo14.png

صوره بعد الدخول

http://i35.servimg.com/u/f35/19/45/26/19/uo_ouo15.png

طرقية التركيب
لوحة الادارة - مظهر المنتدى - التومبلايتات و القوالب
نسخة الجوال - قالب 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="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;
}

صنع عند رامي كاتي
avatar
رامي كاتي
ادارة المنتدى

ادارة المنتدى

ذكر
البلد :
المهنة :
مزاجي :
تاريخ التسجيل : 06/06/2007
السٌّمعَة : 3
الاوسمة :

معاينة صفحة البيانات الشخصي للعضو http://anime.digimon.tv

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

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

مُساهمة من طرف dayana في 7/5/2017, 16:40

جميل ما شاء الله تبارك الله

*--* انت صنعت الكود؟؟؟ كعادتك بارع وماهر

المفروض ان لديك منتدى كامل عن هذا قصدي فئة

وان شاء الله الكود يعمل وانا متأكدة انه جميل

قبل ما اجربه

^^ تقبل مروري
avatar
dayana

انثى
البلد :
المهنة :
مزاجي :
تاريخ التسجيل : 16/03/2017
السٌّمعَة : 9

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

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

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

مُساهمة من طرف رامي كاتي في 7/5/2017, 18:56

شكراااااااااا 
اذا الكود فيه مشكله او اي شي اخبريني لتصحيح الخطاء
وبصراحه انا افكر اني اسوي قسم خاص للاكواد التي من صنعنا
بس صنع كود عمل مرهق جدا
avatar
رامي كاتي
ادارة المنتدى

ادارة المنتدى

ذكر
البلد :
المهنة :
مزاجي :
تاريخ التسجيل : 06/06/2007
السٌّمعَة : 3
الاوسمة :

معاينة صفحة البيانات الشخصي للعضو http://anime.digimon.tv

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

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


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