وضع مؤشرات الرسائل  للفصل و التفرقة بين الجنسين

شرح وضع مؤشرات الرسائل للفصل و التفرقة بين الجنسين 1.2

لا يوجد تصريح للتنزيل
التوافق
1.4
السلام عليكم و رحمة الله و بركاته ,, حياكم الله وبياكم و جعل الله الفردوس الأعلى مثوانا و مثواكم ,, امين :)

نلتقي في موضوع جديد و دوما مع الجديد بإذن الله تعالى و الحمد لله , في تعديل هام جدا بالنسبة للمنتديات الكبيرة و بها عضوية متعددة

و قد يقع الخلط مثلا Admin قد يكون أنثى و نرى مشاركات و ردود ( شكرا لك يا أخي ، بوركت يا غالي , :eek: ... الخ )

قد نعتبره ذكر و العكس ,, و فيه بعض الرجال سامحهم الرجال اسم عضوياتهم مبهم و تجده يضع صورة إمرأة فيعتقده البعض أنثى .

و اليوم سنتعلم معا كيفية وضع مؤشرات للفصل بين الجنسين , الطريقة بسيطة جدا و لنتابع الشرح , و الصور تتحدث :

1/- من قالب message_user_info نبحث عن الكود الأتي :

كود:
<div class="messageUserInfo" itemscope="itemscope" itemtype="http://data-vocabulary.org/Person">
نستبدله بلأتي :

كود:
<div class="messageUserInfo<xen:if is="{$user.gender} == 'male'"> male<xen:elseif is="{$user.gender} == 'female'" /> female</xen:if>" itemscope="itemscope" itemtype="http://data-vocabulary.org/Person">
2/- بعد القيام بالحفظ نرفع مجلد gender الى مجلد الستايلات
styles\default\xenforo
3/- من قالب EXTRA.css ضع الأتي

كود:
.female .messageUserBlock h3.userText{background: url(styles/default/xenforo/gender/female.png) 97% center no-repeat;}
.female .messageUserBlock{background-color:#FFBFED!important;border:1px solid #FF8FE0!important;}
.female .messageUserBlock div.avatarHolder{background-color:#FFDFF6!important;}
.female .messageUserBlock div.avatarHolder .avatar .img{border:1px solid #FFBFED!important;}
.female .messageUserBlock .extraUserInfo{background-color:#FFDFF6!important;}
.female .messageUserBlock .arrow{border-color:transparent -moz-use-text-color transparent #FF8FE0!important;}
.female .messageUserBlock .arrow span{border-color:transparent -moz-use-text-color transparent #FFDFF6!important;}
.male .messageUserBlock h3.userText{background: url(styles/default/xenforo/gender/male.png) 97% center no-repeat;}
.male .messageUserBlock{background-color:#AFE4FF!important;border:1px solid #7FD5FF!important;}
.male .messageUserBlock div.avatarHolder{background-color:#DFF4FF!important;}
.male .messageUserBlock div.avatarHolder .avatar .img{border:1px solid #AFE4FF!important;}
.male .messageUserBlock .extraUserInfo{background-color:#DFF4FF!important;}
.male .messageUserBlock .arrow{border-color:transparent -moz-use-text-color transparent #7FD5FF!important;}
.male .messageUserBlock .arrow span{border-color:transparent -moz-use-text-color transparent #DFF4FF!important;}
الصور قبل :
( key13 ذكر )
( Admin2 أنثى )





بعد التعديل





المحرر :







الرسائل الخاصة :




ينصح بمطالعة الموضوع الأتي حتى لا يكون تداخل بين إسم العضو و الأيقونات الجديدة



http://www.xf-ar.com/resources/189/

الى هنا ينتهي الشرح و اسأل الله تعالى التوفيق و القبول و الاخلاص ,, أميـــــن .
  • 8.9 KB المشاهدات: 93
  • 16.6 KB المشاهدات: 93
  • 10.3 KB المشاهدات: 93
  • 16.9 KB المشاهدات: 93
  • 32.7 KB المشاهدات: 93
  • 26.7 KB المشاهدات: 93
  • 61 KB المشاهدات: 104
الإعجابات: bousaid
الكاتب
key13
التنزيلات
13
الإصدار الأول
آخر تحديث
تقييم
4.50 نجوم 2 ratings

المزيد من المنتجات من key13

آخر المراجعات

تعديل جيد ومفيد .. لكن المنتديات العربية تحتاج تعمل لهم دروس عن كل صغيرة وكبيرة في المنتدى و يا رب يلحقو .. شكرا على الاضافة المهمة
key13
key13
بوركت اخي و اهلا بك , سعيد بمرورك :)
بارك الله فيك ..
key13
key13
و فيك بركة استاذي بو سعيد :)