طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل

<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
 <span class="name"><a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
 <span class="postdetails poster-profile">
 {postrow.displayed.POSTER_RANK}<br />
 {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
 <!-- BEGIN profile_field -->
 {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
 <!-- END profile_field -->
 {postrow.displayed.POSTER_RPG}
 </span><br />
 <img src="https://2img.net/i/empty.gif" alt="" style="width:150px;height:1px" />
 </td>

<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
                   <div id="p{postrow.displayed.U_POST_ID}" class="post {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
            <div style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>
 <div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">
 <span class="name"><a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a><div class="namee"><strong>{postrow.displayed.POSTER_NAME}</strong></div></span>
 <span class="postdetails poster-profile">
 <div class="ranke">{postrow.displayed.POSTER_RANK}</div>
 <div class="avatare">{postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}</div><br />
 <!-- BEGIN profile_field -->
 {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
 <!-- END profile_field -->
 {postrow.displayed.POSTER_RPG}
 </span><br />
 <img src="https://2img.net/i/empty.gif" alt="" style="width:150px;height:1px" />
                          </div>
                       </div>
                  </td>

$(function() {
  
   //كونان2000.
   var version = "phpBB2";
  
   if(version.toLowerCase() == "phpbb2"){  
      $(".postprofile img[title='شفاف']").closest('.postprofile').addClass("شفاف");
      $(".postprofile img[title='ازرق']").closest('.postprofile').addClass("ازرق");
      $(".postprofile img[title='رمادي']").closest('.postprofile').addClass("رمادي");
      $(".postprofile img[title='اخضر']").closest('.postprofile').addClass("اخضر");
      $(".postprofile img[title='اصفر']").closest('.postprofile').addClass("اصفر");
      $(".postprofile img[title='بنفسجي']").closest('.postprofile').addClass("بنفسجي");
       $(".postprofile img[title='ذكر']").closest('.postprofile').addClass("ذكر");
      $(".postprofile img[title='انثى']").closest('.postprofile').addClass("انثى");
   }
});

.ازرق {
    background: #f6f6f6!important;
    border-bottom: 16px solid #3e459c!important;
    border-left: 1px solid #3e459c!important;
    border-radius: 3px!important;
    border-right: 1px solid #3e459c!important;
    border-top: 16px solid #3e459c!important;
    padding: 60px 3px 3px!important;
    position: relative!important;
}
.رمادي {
    background: #f6f6f6!important;
    border-bottom: 16px solid #a0a09a!important;
    border-left: 1px solid #a0a09a!important;
    border-radius: 3px!important;
    border-right: 1px solid #a0a09a!important;
    border-top: 16px solid #a0a09a!important;
    padding: 60px 3px 3px!important;
    position: relative!important;
}
.اخضر {
    background: #f6f6f6!important;
    border-bottom: 16px solid #42b649!important;
    border-left: 1px solid #42b649!important;
    border-radius: 3px!important;
    border-right: 1px solid #42b649!important;
    border-top: 16px solid #42b649!important;
    padding: 60px 3px 3px!important;
    position: relative!important;
}
.اصفر {
    background: #f6f6f6!important;
    border-bottom: 16px solid #ede816!important;
    border-left: 1px solid #ede816!important;
    border-radius: 3px!important;
    border-right: 1px solid #ede816!important;
    border-top: 16px solid #ede816!important;
    padding: 60px 3px 3px!important;
    position: relative!important;
}
.بنفسجي {
    background: #f6f6f6!important;
    border-bottom: 16px solid #aa4399!important;
    border-left: 1px solid #aa4399!important;
    border-radius: 3px!important;
    border-right: 1px solid #aa4399!important;
    border-top: 16px solid #aa4399!important;
    padding: 60px 3px 3px!important;
    position: relative!important;
}


.ذكر {
    background: #e9e9e9;
    border-bottom: 16px solid #2196f3;
    border-left: 1px solid #2196f3;
    border-radius: 3px;
    border-right: 1px solid #2196f3;
    border-top: 16px solid #2196f3;
    padding: 60px 3px 3px!important;
    position: relative;
}
.ذكر hr {
    background-color: #2196f3;
    margin: 4px;
    border: 0px dotted #2196f3;
    padding: 2px;
}
.انثى hr {
      background-color: #e91e63;
    border-bottom: 1px dotted #e91e63;
margin: 4px;
    padding: 2px;
}
.انثى {
background: #e9e9e9;
    border-bottom: 16px solid #e91e63;
    border-left: 1px solid #e91e63;
    border-radius: 3px;
    border-right: 1px solid #e91e63;
    border-top: 16px solid #e91e63;
    padding: 60px 3px 3px!important;
    position: relative;
}

.ذكر .avatare:after {
    margin-top: 22px;
    text-align: center;
    display: flex;
    width: 100%;
    background: #2196f3;
    content: "بيانات العضو";
    justify-content: center;
}
.انثى .avatare:after {
    margin-top: 22px;
    text-align: center;
    display: flex;
    width: 100%;
    background: #e91e63;
    content: "بيانات العضوه";
    justify-content: center;
}
.ذكر.postprofile:before {
    text-align: center;
    background: #607d8b;
    border-radius: 33px;
    color: beige;
    content: "غير متواجد على المنتدى";
}
 .انثى.postprofile:before {
    text-align: center;
    background: #607d8b;
    border-radius: 33px;
    color: beige;
    content: "غير متواجدة على المنتدى";
}
 div.post.online .postprofile.ذكر:before {
  text-align: center;
    background: #2196f3;
    border-radius: 33px;
    color: beige;
    content: "متواجد على المنتدى";
}
 div.post.online .postprofile.انثى:before {
  text-align: center;
    background: #e91e63;
    border-radius: 33px;
    color: beige;
    content: "متواجدة على المنتدى";
}
div.post .postprofile:before {
    left: 7px;
    position: absolute;
    right: 7px;
    top: 10px;
    z-index: 2;
}
.postprofile .label {
    padding-right: 6px;
    font-weight: 500;
}
hr {
margin: 0px;
}
 div.post.online .postprofile.شفاف:before {
  background: #;!important;
}
 div.post.online .postprofile.بنفسجي:before {
  background: #aa4399!important;
}
 div.post.online .postprofile.رمادي:before {
  background: #a0a09a;!important;
}
 div.post.online .postprofile.ازرق:before {
  background: #3e459c!important;
}
 div.post.online .postprofile.اخضر:before {
  background: #42b649;!important;
}
 div.post.online .postprofile.اصفر:before {
  background: #ede816!important;
}
.شفاف .avatare:after {
  background: #;!important;
}
.بنفسجي .avatare:after {
  background: #aa4399!important;
}
.رمادي .avatare:after {
  background: #a0a09a;!important;
}
.ازرق .avatare:after {
  background: #3e459c!important;
}
.اخضر .avatare:after {
  background: #42b649;!important;
}
.اصفر .avatare:after {
  background: #ede816!important;
}



.شفاف hr {
 background-color: #!important;
}
.بنفسجي hr {
 background-color: #aa4399!important;
}
.رمادي hr {
  background-color: #a0a09a;!important;
}
.ازرق hr {
 background-color: #3e459c!important;
}
.اخضر hr {
background-color: #42b649;!important;
}
.اصفر hr {
 background-color: #ede816!important;
}

$(function() {
  
   //كونان2000.
   var version = "phpBB3";
  
   if(version.toLowerCase() == "phpbb3"){  
      $(".postprofile img[title='شفاف']").closest('.postprofile').addClass("شفاف");
      $(".postprofile img[title='ازرق']").closest('.postprofile').addClass("ازرق");
      $(".postprofile img[title='رمادي']").closest('.postprofile').addClass("رمادي");
      $(".postprofile img[title='اخضر']").closest('.postprofile').addClass("اخضر");
      $(".postprofile img[title='اصفر']").closest('.postprofile').addClass("اصفر");
      $(".postprofile img[title='بنفسجي']").closest('.postprofile').addClass("بنفسجي");
       $(".postprofile img[title='ذكر']").closest('.postprofile').addClass("ذكر");
      $(".postprofile img[title='انثى']").closest('.postprofile').addClass("انثى");
   }
});

.ازرق {
    background: #f6f6f6!important;
    border-bottom: 16px solid #3e459c!important;
    border-left: 1px solid #3e459c!important;
    border-radius: 3px!important;
    border-right: 1px solid #3e459c!important;
    border-top: 16px solid #3e459c!important;
    padding: 60px 3px 3px!important;
    position: relative!important;
}
.رمادي {
    background: #f6f6f6!important;
    border-bottom: 16px solid #a0a09a!important;
    border-left: 1px solid #a0a09a!important;
    border-radius: 3px!important;
    border-right: 1px solid #a0a09a!important;
    border-top: 16px solid #a0a09a!important;
    padding: 60px 3px 3px!important;
    position: relative!important;
}
.اخضر {
    background: #f6f6f6!important;
    border-bottom: 16px solid #42b649!important;
    border-left: 1px solid #42b649!important;
    border-radius: 3px!important;
    border-right: 1px solid #42b649!important;
    border-top: 16px solid #42b649!important;
    padding: 60px 3px 3px!important;
    position: relative!important;
}
.اصفر {
    background: #f6f6f6!important;
    border-bottom: 16px solid #ede816!important;
    border-left: 1px solid #ede816!important;
    border-radius: 3px!important;
    border-right: 1px solid #ede816!important;
    border-top: 16px solid #ede816!important;
    padding: 60px 3px 3px!important;
    position: relative!important;
}
.بنفسجي {
    background: #f6f6f6!important;
    border-bottom: 16px solid #aa4399!important;
    border-left: 1px solid #aa4399!important;
    border-radius: 3px!important;
    border-right: 1px solid #aa4399!important;
    border-top: 16px solid #aa4399!important;
    padding: 60px 3px 3px!important;
    position: relative!important;
}


.ذكر {
    background: #e9e9e9;
    border-bottom: 16px solid #2196f3;
    border-left: 1px solid #2196f3;
    border-radius: 3px;
    border-right: 1px solid #2196f3;
    border-top: 16px solid #2196f3;
    padding: 60px 3px 3px!important;
    position: relative;
}
 .ذكر hr {
    background-color: #fff;
    border-bottom: 1px dotted #2196f3;
margin-bottom: 4px;
    padding: 2px;
}
.انثى hr {
    background-color: #ffffff;
    border-bottom: 1px dotted #e91e63;
margin-bottom: 4px;
    padding: 2px;
}
.انثى {
background: #e9e9e9;
    border-bottom: 16px solid #e91e63;
    border-left: 1px solid #e91e63;
    border-radius: 3px;
    border-right: 1px solid #e91e63;
    border-top: 16px solid #e91e63;
    padding: 60px 3px 3px!important;
    position: relative;
}

 .ذكر dd.postprofile-info {
    background-color: #fff;
    border-bottom: 1px dotted #2196f3;
    border-radius: 5px 5px 5px 5px;
    border-right: 3px solid #2196f3;
}
.انثى dd.postprofile-info {
    background-color: #fff;
    border-bottom: 1px dotted #e91e63;
    border-radius: 5px 5px 5px 5px;
    border-right: 3px solid #e91e63;
}
.انثى dd.postprofile-info:before {
    display: flex;
    color: white;
    padding: 4px;
    display: flex;
    content: "بيانات العضوه";
    justify-content: center;
    background: #e91e63;
}
.ذكر dd.postprofile-info:before {
    display: flex;
    color: white;
    padding: 4px;
    display: flex;
    content: "بيانات العضو";
    justify-content: center;
    background: #2196f3;
}

.ذكر.postprofile:before {
    text-align: center;
    background: #607d8b;
    border-radius: 33px;
    color: beige;
    content: "غير متواجد على المنتدى";
}
 .انثى.postprofile:before {
    text-align: center;
    background: #607d8b;
    border-radius: 33px;
    color: beige;
    content: "غير متواجدة على المنتدى";
}
 div.post.online .postprofile.ذكر:before {
  text-align: center;
    background: #2196f3;
    border-radius: 33px;
    color: beige;
    content: "متواجد على المنتدى";
}
 div.post.online .postprofile.انثى:before {
  text-align: center;
    background: #e91e63;
    border-radius: 33px;
    color: beige;
    content: "متواجدة على المنتدى";
}
div.post .postprofile:before {
    left: 7px;
    position: absolute;
    right: 7px;
    top: 10px;
    z-index: 2;
}
.postprofile .label {
    padding-right: 6px;
    font-weight: 500;
}
hr {
margin: 0px;
}
 div.post.online .postprofile.شفاف:before {
  background: #;!important;
}
 div.post.online .postprofile.بنفسجي:before {
   background: #aa4399!important;
}
 div.post.online .postprofile.رمادي:before {
  background: #a0a09a;!important;
}
 div.post.online .postprofile.ازرق:before {
   background: #3e459c!important;
}
 div.post.online .postprofile.اخضر:before {
  background: #42b649;!important;
}
 div.post.online .postprofile.اصفر:before {
   background: #ede816!important;
}
.شفاف dd.postprofile-info:before {
  background: #;!important;
}
.بنفسجي dd.postprofile-info:before {
   background: #aa4399!important;
}
.رمادي dd.postprofile-info:before {
  background: #a0a09a;!important;
}
.ازرق dd.postprofile-info:before {
   background: #3e459c!important;
}
.اخضر dd.postprofile-info:before {
  background: #42b649;!important;
}
.اصفر dd.postprofile-info:before {
   background: #ede816!important;
}

.شفاف dd.postprofile-info {
    border-bottom: 1px dotted #;!important;
    border-right: 3px solid #;!important;
}
.بنفسجي dd.postprofile-info {
    border-bottom: 1px dotted #aa4399!important;
    border-right: 3px solid #aa4399!important;
}
.رمادي dd.postprofile-info {
    border-bottom: 1px dotted #a0a09a;!important;
    border-right: 3px solid #a0a09a;!important;
}
.ازرق dd.postprofile-info {
    border-bottom: 1px dotted #3e459c!important;
    border-right: 3px solid #3e459c!important;
}
.اخضر dd.postprofile-info {
    border-bottom: 1px dotted #42b649;!important;
    border-right: 3px solid #42b649;!important;
}
.اصفر dd.postprofile-info {
    border-bottom: 1px dotted #ede816!important;
    border-right: 3px solid #ede816!important;
}

.شفاف hr {
    border-bottom: 1px dotted #;!important;
}
.بنفسجي hr {
    border-bottom: 1px dotted #aa4399!important;
}
.رمادي hr {
    border-bottom: 1px dotted #a0a09a;!important;
}
.ازرق hr {
    border-bottom: 1px dotted #3e459c!important;
}
.اخضر hr {
    border-bottom: 1px dotted #42b649;!important;
}
.اصفر hr {
    border-bottom: 1px dotted #ede816!important;
}

$(function() {
  
   //كونان2000.
   var version = "phpBB3";
  
   if(version.toLowerCase() == "phpbb3"){
      $(".post-aside img[title='شفاف']").closest('.post-aside').addClass("شفاف");
      $(".post-aside img[title='ازرق']").closest('.post-aside').addClass("ازرق");
      $(".post-aside img[title='رمادي']").closest('.post-aside').addClass("رمادي");
      $(".post-aside img[title='اخضر']").closest('.post-aside').addClass("اخضر");
      $(".post-aside img[title='اصفر']").closest('.post-aside').addClass("اصفر");
      $(".post-aside img[title='بنفسجي']").closest('.post-aside').addClass("بنفسجي");
       $(".post-aside img[title='ذكر']").closest('.post-aside').addClass("ذكر");
      $(".post-aside img[title='انثى']").closest('.post-aside').addClass("انثى");
   }
});

 
.ازرق {
    background: #f6f6f6!important;
    border-bottom: 16px solid #3e459c!important;
    border-left: 1px solid #3e459c!important;
    border-radius: 3px!important;
    border-right: 1px solid #3e459c!important;
    border-top: 16px solid #3e459c!important;
    padding: 60px 3px 3px!important;
    position: relative!important;
}
.رمادي {
    background: #f6f6f6!important;
    border-bottom: 16px solid #a0a09a!important;
    border-left: 1px solid #a0a09a!important;
    border-radius: 3px!important;
    border-right: 1px solid #a0a09a!important;
    border-top: 16px solid #a0a09a!important;
    padding: 60px 3px 3px!important;
    position: relative!important;
}
.اخضر {
    background: #f6f6f6!important;
    border-bottom: 16px solid #42b649!important;
    border-left: 1px solid #42b649!important;
    border-radius: 3px!important;
    border-right: 1px solid #42b649!important;
    border-top: 16px solid #42b649!important;
    padding: 60px 3px 3px!important;
    position: relative!important;
}
.اصفر {
    background: #f6f6f6!important;
    border-bottom: 16px solid #ede816!important;
    border-left: 1px solid #ede816!important;
    border-radius: 3px!important;
    border-right: 1px solid #ede816!important;
    border-top: 16px solid #ede816!important;
    padding: 60px 3px 3px!important;
    position: relative!important;
}
.بنفسجي {
    background: #f6f6f6!important;
    border-bottom: 16px solid #aa4399!important;
    border-left: 1px solid #aa4399!important;
    border-radius: 3px!important;
    border-right: 1px solid #aa4399!important;
    border-top: 16px solid #aa4399!important;
    padding: 60px 3px 3px!important;
    position: relative!important;
}
.ازرق dd {
   border-bottom: 1px dotted #3e459c!important;
    border-right: 3px solid #3e459c!important;
}
.رمادي dd {
    border-bottom: 1px dotted #a0a09a!important;
    border-right: 3px solid #a0a09a!important;
}
.اخضر dd {
      border-bottom: 1px dotted #42b649!important;
    border-right: 3px solid #42b649!important;
}
.اصفر dd {
    border-bottom: 1px dotted #ede816!important;
    border-right: 3px solid #ede816!important;
}
.بنفسجي dd {
  border-bottom: 1px dotted #aa4399!important;
    border-right: 3px solid #aa4399!important;
}
.بنفسجي .post-author-status {
     width: 92%;
    background-color: #aa4399!important;
}
.اصفر .post-author-status {
      width: 92%;
    background-color: #ede816!important;
}
.اخضر .post-author-status {
     width: 92%;
    background-color: #42b649!important;
}
.رمادي .post-author-status {
     width: 92%;
    background-color: #a0a09a!important;
}
.ازرق .post-author-status {
     width: 92%;
    background-color: #3e459c!important;
}
.ذكر {
    background: #e9e9e9;
    border-bottom: 16px solid #2196f3;
    border-left: 1px solid #2196f3;
    border-radius: 3px;
    border-right: 1px solid #2196f3;
    border-top: 16px solid #2196f3;
    padding: 60px 3px 3px!important;
    position: relative;
}
 .ذكر dd {
   background-color: #ffffff;
    border-bottom: 1px dotted #2196f3;
    border-radius: 5px 5px 5px 5px;
    border-right: 3px solid #2196f3;
    border-width: 0 3px 2px 0;
    font-family: "tahoma";
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0;
    margin: 3px;
    padding: 2px;
}
.انثى dd {
    background-color: #ffffff;
    border-bottom: 1px dotted #e91e63;
    border-radius: 5px 5px 5px 5px;
    border-right: 3px solid #e91e63;
    border-width: 0 3px 2px 0;
    font-family: "tahoma";
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0;
    margin: 3px;
    padding: 2px;
}
.انثى {
background: #e9e9e9;
    border-bottom: 16px solid #e91e63;
    border-left: 1px solid #e91e63;
    border-radius: 3px;
    border-right: 1px solid #e91e63;
    border-top: 16px solid #e91e63;
    padding: 60px 3px 3px!important;
    position: relative;
}
.انثى .post-author-status:before {
      width: 90%;
  text-align: center;
    font-weight: 900;
    color: white;
    content: "متواجدة على المنتدى";
}
.ذكر .post-author-status:before {
      width: 90%;
  text-align: center;
    font-weight: 900;
    color: white;
    content: "متواجد على المنتدى";
}
.online .post-author-status {
    display: block;
}
.ذكر .post-author-status {
  text-align: center;
    background-color: #2196f3;
    border-radius: 12px;
    float: right;
    height: auto;
    position: absolute;
    right: 10px;
    top: 8px;
    width: 92%;
}
.انثى .post-author-status {
   background-color: #e91e63;
    border-radius: 12px;
    float: right;
    height: auto;
    position: absolute;
    right: 10px;
    top: 8px;
    width: 92%;
}
.انثى dl.post-author-details:before {
    color: white;
    padding: 4px;
    display: flex;
    content: "بيانات العضوه";
    justify-content: center;
    background: #e91e63;
}
.ذكر dl.post-author-details:before {
    color: white;
    padding: 4px;
    display: flex;
    content: "بيانات العضو";
    justify-content: center;
    background: #2196f3;
}
.ذكر .post-author-avatar {
    margin: 0px;
}
.انثى .post-author-avatar {
    margin: 0px;
}
.post-author-status {
    background-color: #000;
    border-radius: 12px;
    display: none;
    float: right;
    height: auto;
    position: absolute;
    right: 10px;
    top: 8px;
    width: 90%;
}
.post-author-details span {
    font-weight: 600;
    margin-right: 5px;
}
aside.post-aside.ذكر:before {
  text-align: center;
    width: 85%;
background-color: #607d8b;
    border-radius: 12px;
    color: #fff;
    content: "غير متواجد على المنتدى";
    font-weight: 900;
    position: absolute;
    right: 10px;
    top: 8px;
}
aside.post-aside.انثى:before {
  text-align: center;
    width: 85%;
background-color: #607d8b;
    border-radius: 12px;
    color: #fff;
    content: "غير متواجدة على المنتدى";
    font-weight: 900;
    position: absolute;
    right: 10px;
    top: 8px;
}
.بنفسجي dl.post-author-details:before {
    background: #aa4399!important;
}
.ازرق dl.post-author-details:before {
    background: #3e459c!important;
}
.اخضر dl.post-author-details:before {
    background: #42b649!important;
}
.رمادي dl.post-author-details:before {
    background: #a0a09a!important;
}
.اصفر dl.post-author-details:before {
    background: #ede816!important;
}
dd {
    background: white;
}