تسجيل الدخول
  1. نود لفت عنايتكم الى أننا لانتحمل أي مسؤولية تجاه المنتجات المنشورة هنا حيث اننا لانقوم بتفحص المنتجات .
    يجب أن تقوم بالتحقق من عمل الاضافه او الاستايل بشكل صحيح قبل إعتمادة على موقعك الرسمي .
    إدارة معهد xenForo العربية

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

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

  1. key13
    متوافق مع:
    • 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 الى مجلد الستايلات
    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 أنثى )

    [​IMG]

    [​IMG]

    بعد التعديل

    [​IMG]

    [​IMG]

    المحرر :

    [​IMG]


    [​IMG]


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

    [​IMG]



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



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

    الى هنا ينتهي الشرح و اسأل الله تعالى التوفيق و القبول و الاخلاص ,, أميـــــن .

    الصور

    1. 00.jpg
    2. 01.jpg
    3. 02.jpg
    4. 03.jpg
    5. 04.jpg
    6. 05.jpg
    7. 06.jpg
    أعجب بهذه المشاركة bousaid

آخر التعليقات

  1. sami31dz
    sami31dz
    4/5,
    الإصدار: 1.2
    تعديل جيد ومفيد .. لكن المنتديات العربية تحتاج تعمل لهم دروس عن كل صغيرة وكبيرة في المنتدى و يا رب يلحقو .. شكرا على الاضافة المهمة
    1. key13
      رد الكاتب
      بوركت اخي و اهلا بك , سعيد بمرورك :)
  2. bousaid
    bousaid
    5/5,
    الإصدار: 1.2
    بارك الله فيك ..
    1. key13
      رد الكاتب
      و فيك بركة استاذي بو سعيد :)