المواضيع الأخيرة
أفضل 10 أعضاء في هذا الأسبوع
asadawd
 
علي الشامي
 

المتواجدون الآن ؟
ككل هناك 7 عُضو متصل حالياً :: 0 عضو مُسجل, 0 عُضو مُختفي و 7 زائر :: 2 عناكب الفهرسة في محركات البحث

لا أحد

[ مُعاينة اللائحة بأكملها ]


أكبر عدد للأعضاء المتواجدين في هذا المنتدى في نفس الوقت كان 141 بتاريخ 19/07/16, 08:08 am
احصائيات
هذا المنتدى يتوفر على 573 عُضو.
آخر عُضو مُسجل هو علي الشامي فمرحباً به.

أعضاؤنا قدموا 10185 مساهمة في هذا المنتدى في 2044 موضوع

لونك المفضل

اعلان هــــــام

استايل منتدى تقنيات الحالى للبيع لمزيد من التفاصيل مراسلة الأخ omarpop23


منتديات تقنيات :: جاليري استايلات التومبلايت والقوالب والاكواد :: 

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

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

https://i.servimg.com/u/f35/19/45/26/19/uo_ouo14.png

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

https://i.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>&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;
}

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


m13
البراق

سلمت ها الايادى
على جمال وروعة هذا الاختيار
الراقي والمميز .
رامي كاتي
JAR7 و البراق
تسلمون على المرور العطر
والله يعافيكم يارب
avatar
اسأل العلي القدير
ان يكرمك في الدنيا والاخرة
كما تكرمنا بهذا الخير دوما ولا تبخل علينا به
اثابك الجنة ونعيمها
Kagome Higurashi
السلام عليكم ورحمة الله وبركاته
ألف شكر لكَ على هذا الموضوع المميز و المعلومات القيمة
إنـجاز أكثر رائــــــع
لكن أرجو منكَ عدم التوقف عند هذا الحد
مـنتظرين ابداعتــــــك
دمتـ ودام تألقـك
تحياتــي
مروان الشبح
ألف شكر لكَ

سجل دخولك أو انشئ حساب لترك رد

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

انشئ حساب

الانضمام إلى مجتمعنا من خلال إنشاء حساب جديد. من السهل


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

تسجل دخول

هل لديك حساب بالفعل؟ لا توجد مشكلة، قم بتسجيل الدخول هنا.


تسجيل دخول