hits counter
الرئيسيةأحدث الصورالتسجيلدخول
دعم شباب الآن: لدينا 8245 موضوع ، و 2004 عضو ، آخر عضو مسجل : عبدو فمرحباُ به.



كود تغير خلفية الموضوع حسب جنس الكاتب
THE QM
THE QM
إدارة الموقع
 
المشاركات : 7659
القسم المفضل : تطوير المواقع
سجل في : 13/06/2008
النقاط : 22
موضوع: كود تغير خلفية الموضوع حسب جنس الكاتب



كود تغير خلفية الموضوع حسب جنس الكاتب Blackt10

كعادتها دعم شباب تمد زوارها واعضائها الكرام بكل ما هو جديد

نقدم لكم اليوم كود تغير خلفية الموضوع بصورة حسب جنس كاتب الموضوع سواء ذكر او انثى

النتيجة :

كود تغير خلفية الموضوع حسب جنس الكاتب Sin_ta37


الكود :
كود الجافا سكربت

الكود:


    $(function() {
     
      //Indicate here the version of your forum.
      var version = "phpBB3";
     
      if(version.toLowerCase() == "phpbb2"){ 
          $(".postdetails img[title='Male']").closest('.postdetails').parent('td').next('td').addClass("fa_postbody_xy");
          $(".postdetails img[title='Female']").closest('.postdetails').parent('td').next('td').addClass("fa_postbody_xx");
      }else if(version.toLowerCase() == "phpbb3"){ 
          $(".postprofile img[title='Male']").closest('.postprofile').prev('.postbody').addClass("fa_postbody_xy");
          $(".postprofile img[title='Female']").closest('.postprofile').prev('.postbody').addClass("fa_postbody_xx"); 
      }else if(version.toLowerCase() == "punbb"){ 
          $(".user-info img[title='Male']").closest('.postmain').addClass("fa_postbody_xy");
          $(".user-info img[title='Female']").closest('.postmain').addClass("fa_postbody_xx"); 
      }else if(version.toLowerCase() == "invision"){       
          $(".postprofile img[title='Male']").closest('.post-container').addClass("fa_postbody_xy");
          $(".postprofile img[title='Female']").closest('.post-container').addClass("fa_postbody_xx");
      }
    });

كود css

الكود:

    .fa_postbody_xy{
      background: url("http://i45.servimg.com/u/f45/17/45/19/77/xy10.png");
    min-height: 500px;
    }
   
    .fa_postbody_xx {
      background: url("http://i45.servimg.com/u/f45/17/45/19/77/xx10.png");
    min-height: 500px;
    }

تستطيع تغير الصور من خلال كود css
نتمنى لكم جميعاً الفائدة
في امان الله Smile

التعليقات
لا يوجد حالياً أي تعليق

تفضّل شارك بتعليقك


دعم شباب  :: تطوير المواقع والمنتديات :: تطوير المواقع :: عالم الاكواد :: اكواد jQuery والJava Script-