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

OuSsaMa BeDdAi

MostWanted

Akatsuki

كونان2000

8 مشترك

The Best :: مساحات حرة :: ●● تكنلوجيات :: ●● تطوير المواقع و المنتديات

صفحة 2 من اصل 3 • 1, 2, 3

الصفحة التالية

الصفحة السابقة

النص

لون شفاف

الألوان الافتراضية

الخلفية

لون شفاف

الألوان الافتراضية

النص

لون شفاف

الألوان الافتراضية

الخلفية

لون شفاف

الألوان الافتراضية

طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضلالخميس 15 يوليو 2021 - 17:13

تذكير بمساهمة فاتح الموضوع :

السلام عليكم ورحمة الله وبركاته

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

يعني لما يكون العضو ذكر يظهر في بياناته (متواجد, غير متواجد, بيانات العضو)
ولما يكون العضو انثى يظهر في بياناته (متواجده, غير متواجده, بيانات العضوه)

---------------------------------------------------------------

صور

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

----------

لازم تتبع الخطوات يالشكل الصحيح حتى يعمل الكود جيدا

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

ثاني شيء اذهب الى لوحة الادارة > الأعضاء & المجموعات > البيانات الشخصية

واضغط تعديل الجنس طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل - صفحة 2 2258878250

وضع الاختيارات كما في الصورة

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

---------------------

والأن ركب الأكواد المناسبه لنسخة منتداك

العنوان: لوني المفضل
المكان: اختر المواضيع

كود الجافا للنسخ phpBB3-ModernBB-AwesomeBB :

css لنسخة ModernBB :

الكود:

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

 .ذكر dd.postprofile-info {
    border-bottom: 1px dotted #2196f3;
    border-radius: 5px 5px 5px 5px;
    border-right: 3px solid #2196f3;
}
.انثى dd.postprofile-info {
    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 {
    background-color: #fff;
    border-bottom: 1px dotted #2196f3;
margin-bottom: 4px;
    padding: 2px;
}
.postprofile {
    border-bottom: 16px solid #607d8b;
    border-left: 1px solid #607d8b;
    border-radius: 3px;
    border-right: 1px solid #607d8b;
    border-top: 16px solid #607d8b;
    padding: 60px 3px 3px!important;
      position: relative!important;
}
 
 dd.postprofile-info {
    background-color: #fff;
    border-bottom: 1px dotted #2196f3;
    border-radius: 5px 5px 5px 5px;
    border-right: 2px solid #607d8b;
}

.postprofile .label {
    padding-left: 3px;
    font-weight: 500;
}
 
.blue {
    border-bottom: 16px solid #3e459c!important;
    border-left: 1px solid #3e459c!important;
    border-right: 1px solid #3e459c!important;
    border-top: 16px solid #3e459c!important;
}
.grey {
    border-bottom: 16px solid #a0a09a!important;
    border-left: 1px solid #a0a09a!important;
    border-right: 1px solid #a0a09a!important;
    border-top: 16px solid #a0a09a!important;
}
.green {
    border-bottom: 16px solid #42b649!important;
    border-left: 1px solid #42b649!important;
    border-right: 1px solid #42b649!important;
    border-top: 16px solid #42b649!important;
}
.yellow {
    border-bottom: 16px solid #ede816!important;
    border-left: 1px solid #ede816!important;
    border-right: 1px solid #ede816!important;
    border-top: 16px solid #ede816!important;
}
.purple {
    border-bottom: 16px solid #aa4399!important;
    border-left: 1px solid #aa4399!important;
    border-right: 1px solid #aa4399!important;
    border-top: 16px solid #aa4399!important;
}
 
 
 div.post.online .postprofile.undefined:before {
  background: #;!important;
}
 div.post.online .postprofile.purple:before {
  background: #aa4399!important;
}
 div.post.online .postprofile.grey:before {
  background: #a0a09a;!important;
}
 div.post.online .postprofile.blue:before {
  background: #3e459c!important;
}
 div.post.online .postprofile.green:before {
  background: #42b649;!important;
}
 div.post.online .postprofile.yellow:before {
  background: #ede816!important;
}
 
.undefined dd.postprofile-info:before {
  background: #;!important;
}
.purple dd.postprofile-info:before {
  background: #aa4399!important;
}
.grey dd.postprofile-info:before {
  background: #a0a09a;!important;
}
.blue dd.postprofile-info:before {
  background: #3e459c!important;
}
.green dd.postprofile-info:before {
  background: #42b649;!important;
}
.yellow dd.postprofile-info:before {
  background: #ede816!important;
}
.undefined dd.postprofile-info {
    border-bottom: 1px dotted #;!important;
    border-right: 2px solid #;!important;
}
.purple dd.postprofile-info {
    border-bottom: 1px dotted #aa4399!important;
    border-right: 2px solid #aa4399!important;
}
.grey dd.postprofile-info {
    border-bottom: 1px dotted #a0a09a;!important;
    border-right: 2px solid #a0a09a;!important;
}
.blue dd.postprofile-info {
    border-bottom: 1px dotted #3e459c!important;
    border-right: 2px solid #3e459c!important;
}
.green dd.postprofile-info {
    border-bottom: 1px dotted #42b649;!important;
    border-right: 2px solid #42b649;!important;
}
.yellow dd.postprofile-info {
    border-bottom: 1px dotted #ede816!important;
    border-right: 2px solid #ede816!important;
}
.undefined hr {
    border-bottom: 1px dotted #;!important;
}
.purple hr {
    border-bottom: 1px dotted #aa4399!important;
}
.grey hr {
    border-bottom: 1px dotted #a0a09a;!important;
}
.blue hr {
    border-bottom: 1px dotted #3e459c!important;
}
.green hr {
    border-bottom: 1px dotted #42b649;!important;
}
.yellow hr {
    border-bottom: 1px dotted #ede816!important;
}
 
.Orange {
    border-bottom: 16px solid #ffa200!important;
    border-left: 1px solid #ffa200!important;
    border-right: 1px solid #ffa200!important;
    border-top: 16px solid #ffa200!important;
}
.Orange hr {
    border-bottom: 1px dotted #ffa200!important;
}
.Orange dd.postprofile-info {
 border-bottom: 1px dotted #ffa200!important;
    border-right: 2px solid #ffa200!important;
}
 div.post.online .postprofile.Orange:before {
  background: #ffa200!important;
}
.Orange dd.postprofile-info:before {
  background: #ffa200!important;
  color: #fff;
}
.Pink {
    border-bottom: 16px solid #ffc0cb!important;
    border-left: 1px solid #ffc0cb!important;
    border-right: 1px solid #ffc0cb!important;
    border-top: 16px solid #ffc0cb!important;
}
.Pink hr {
    border-bottom: 1px dotted #ffc0cb!important;
}
.Pink dd.postprofile-info {
 border-bottom: 1px dotted #ffc0cb!important;
    border-right: 2px solid #ffc0cb!important;
}
 div.post.online .postprofile.Pink:before {
  background: #ffc0cb!important;
}
.Pink dd.postprofile-info:before {
  background: #ffc0cb!important;
  color: #000;
}
.black {
    border-bottom: 16px solid #000000!important;
    border-left: 1px solid #000000!important;
    border-right: 1px solid #000000!important;
    border-top: 16px solid #000000!important;
}
.black hr {
    border-bottom: 1px dotted #000000!important;
}
.black dd.postprofile-info {
 border-bottom: 1px dotted #000000!important;
    border-right: 2px solid #000000!important;
}
 div.post.online .postprofile.black:before {
  background: #000000!important;
}
.black dd.postprofile-info:before {
  background: #000000!important;
 color: #fff;
}
.red {
    border-bottom: 16px solid #e90000!important;
    border-left: 1px solid #e90000!important;
    border-right: 1px solid #e90000!important;
    border-top: 16px solid #e90000!important;
}
.red hr {
    border-bottom: 1px dotted #e90000!important;
}
.red dd.postprofile-info {
 border-bottom: 1px dotted #e90000!important;
    border-right: 2px solid #e90000!important;
}
 div.post.online .postprofile.red:before {
  background: #e90000!important;
}
.red dd.postprofile-info:before {
  background: #e90000!important;
 color: #fff;
}
.LightCoral {
    border-bottom: 16px solid #f08080!important;
    border-left: 1px solid #f08080!important;
    border-right: 1px solid #f08080!important;
    border-top: 16px solid #f08080!important;
}
.LightCoral hr {
    border-bottom: 1px dotted #f08080!important;
}
.LightCoral dd.postprofile-info {
 border-bottom: 1px dotted #f08080!important;
    border-right: 2px solid #f08080!important;
}
 div.post.online .postprofile.LightCoral:before {
  background: #f08080!important;
}
.LightCoral dd.postprofile-info:before {
  background: #f08080!important;
 color: #fff;
}
.Wisteria {
    border-bottom: 16px solid #c6aec7!important;
    border-left: 1px solid #c6aec7!important;
    border-right: 1px solid #c6aec7!important;
    border-top: 16px solid #c6aec7!important;
}
.Wisteria hr {
    border-bottom: 1px dotted #c6aec7!important;
}
.Wisteria dd.postprofile-info {
 border-bottom: 1px dotted #c6aec7!important;
    border-right: 2px solid #c6aec7!important;
}
 div.post.online .postprofile.Wisteria:before {
  background: #c6aec7!important;
}
.Wisteria dd.postprofile-info:before {
  background: #c6aec7!important;
 color: #fff;
}
.SlateBlue {
    border-bottom: 16px solid #6a5acd!important;
    border-left: 1px solid #6a5acd!important;
    border-right: 1px solid #6a5acd!important;
    border-top: 16px solid #6a5acd!important;
}
.SlateBlue hr {
    border-bottom: 1px dotted #6a5acd!important;
}
.SlateBlue dd.postprofile-info {
 border-bottom: 1px dotted #6a5acd;!important;
    border-right: 2px solid #6a5acd;!important;
}
 div.post.online .postprofile.SlateBlue:before {
  background: #6a5acd!important;
}
.SlateBlue dd.postprofile-info:before {
  background: #6a5acd!important;
 color: #fff;
}
.Indigo {
    border-bottom: 16px solid #4b0082!important;
    border-left: 1px solid #4b0082!important;
    border-right: 1px solid #4b0082!important;
    border-top: 16px solid #4b0082!important;
}
.Indigo hr {
    border-bottom: 1px dotted #4b0082!important;
}
.Indigo dd.postprofile-info {
 border-bottom: 1px dotted #4b0082;!important;
    border-right: 2px solid #4b0082;!important;
}
 div.post.online .postprofile.Indigo:before {
  background: #4b0082!important;
}
.Indigo dd.postprofile-info:before {
  background: #4b0082!important;
 color: #fff;
}

css لنسخة AwesomeBB :

الكود:

.post-aside {
    border-bottom: 16px solid #607d8b;
    border-left: 1px solid #607d8b;
    border-right: 1px solid #607d8b;
    border-top: 16px solid #607d8b;
    padding: 60px 3px 3px!important;
}
 
.blue {
    border-bottom: 16px solid #3e459c!important;
    border-left: 1px solid #3e459c!important;
    border-right: 1px solid #3e459c!important;
    border-top: 16px solid #3e459c!important;
}
.grey {
    border-bottom: 16px solid #a0a09a!important;
    border-left: 1px solid #a0a09a!important;
    border-right: 1px solid #a0a09a!important;
    border-top: 16px solid #a0a09a!important;
}
.green {
    border-bottom: 16px solid #42b649!important;
    border-left: 1px solid #42b649!important;
    border-right: 1px solid #42b649!important;
    border-top: 16px solid #42b649!important;
}
.yellow {
    border-bottom: 16px solid #ede816!important;
    border-left: 1px solid #ede816!important;
    border-right: 1px solid #ede816!important;
    border-top: 16px solid #ede816!important;
}
.purple {
    border-bottom: 16px solid #aa4399!important;
    border-left: 1px solid #aa4399!important;
    border-right: 1px solid #aa4399!important;
    border-top: 16px solid #aa4399!important;
}
.blue dd {
  border-bottom: 1px dotted #3e459c!important;
    border-right: 3px solid #3e459c!important;
}
.grey dd {
    border-bottom: 1px dotted #a0a09a!important;
     border-right: 3px solid #a0a09a!important;
}
.green dd {
      border-bottom: 1px dotted #42b649!important;
    border-right: 3px solid #42b649!important;
}
.yellow dd {
    border-bottom: 1px dotted #ede816!important;
     border-right: 3px solid #ede816!important;
}
.purple dd {
  border-bottom: 1px dotted #aa4399!important;
   border-right: 3px solid #aa4399!important;
}
.purple .post-author-status {
    width: 92%;
    background-color: #aa4399!important;
}
.yellow .post-author-status {
  color: #080706 !important;
      width: 92%;
    background-color: #ede816!important;
}
.green .post-author-status {
    width: 92%;
    background-color: #42b649!important;
}
.grey .post-author-status {
    width: 92%;
    background-color: #a0a09a!important;
}
.blue .post-author-status {
    width: 92%;
    background-color: #3e459c!important;
}
 
 dd {
  background-color: #ffffff;
    border-bottom: 1px dotted #607d8b;
    border-radius: 5px 5px 5px 5px;
    border-left: 3px solid #607d8b;
    border-width: 0 3px 2px 0;
    font-family: "tahoma";
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0;
    margin: 3px;
    padding: 2px;
}
 
.online .post-author-status {
    display: block;
}
.post-author-status {
  text-align: center;
    background-color: #607d8b;
    border-radius: 12px;
    float: right;
    height: auto;
    position: absolute;
    right: 10px;
    top: 8px;
    width: 92%;
}
 
 
.post-author-avatar {
    margin: 0px;
}
 

.post-author-details span {
    font-weight: 600;
    margin-left: 5px;
}

 
.purple dl.post-author-details:before {
    background: #aa4399!important;
}
.blue dl.post-author-details:before {
    background: #3e459c!important;
}
.green dl.post-author-details:before {
    background: #42b649!important;
}
.grey dl.post-author-details:before {
    background: #a0a09a!important;
}
.yellow dl.post-author-details:before {
  color: #080706 !important;
    background: #ede816!important;
}
dd {
    background: white;
}
.Orange {
    border-bottom: 16px solid #ffa200 !important;
    border-left: 1px solid #ffa200 !important;
    border-right: 1px solid #ffa200 !important;
    border-top: 16px solid #ffa200 !important;
}
.Orange dd {
  border-bottom: 1px dotted #ffa200 !important;
    border-right: 3px solid #ffa200 !important;
}
.Orange .post-author-status {
    width: 92%;
    background-color: #ffa200 !important;
}
.Orange dl.post-author-details:before {
    background: #ffa200 !important;
}
.Pink {
    border-bottom: 16px solid #ffc0cb !important;
    border-left: 1px solid #ffc0cb !important;
    border-right: 1px solid #ffc0cb !important;
    border-top: 16px solid #ffc0cb !important;
}
.Pink dd {
  border-bottom: 1px dotted #ffc0cb !important;
   border-right: 3px solid #ffc0cb !important;
}
.Pink .post-author-status {
    width: 92%;
    background-color: #ffc0cb !important;
}
.Pink dl.post-author-details:before {
    background: #ffc0cb !important;
}
.black {
    border-bottom: 16px solid #000000 !important;
    border-left: 1px solid #000000 !important;
    border-right: 1px solid #000000 !important;
    border-top: 16px solid #000000 !important;
}
.black dd {
  border-bottom: 1px dotted #000000 !important;
    border-right: 3px solid #000000 !important;
}
.black .post-author-status {
    width: 92%;
    background-color: #000000 !important;
}
.black dl.post-author-details:before {
    background: #000000 !important;
}
.red {
    border-bottom: 16px solid #e90000 !important;
    border-left: 1px solid #e90000 !important;
    border-right: 1px solid #e90000 !important;
    border-top: 16px solid #e90000 !important;
}
.red dd {
  border-bottom: 1px dotted #e90000 !important;
    border-right: 3px solid #e90000 !important;
}
.red .post-author-status {
    width: 92%;
    background-color: #e90000 !important;
}
.red dl.post-author-details:before {
    background: #e90000 !important;
}
.LightCoral {
    border-bottom: 16px solid #f08080 !important;
    border-left: 1px solid #f08080 !important;
    border-right: 1px solid #f08080 !important;
    border-top: 16px solid #f08080 !important;
}
.LightCoral dd {
  border-bottom: 1px dotted #f08080 !important;
    border-right: 3px solid #f08080 !important;
}
.LightCoral .post-author-status {
    width: 92%;
    background-color: #f08080 !important;
}
.LightCoral dl.post-author-details:before {
    background: #f08080 !important;
}
.Wisteria {
    border-bottom: 16px solid #c6aec7 !important;
    border-left: 1px solid #c6aec7 !important;
    border-right: 1px solid #c6aec7 !important;
    border-top: 16px solid #c6aec7 !important;
}
.Wisteria dd {
  border-bottom: 1px dotted #c6aec7 !important;
    border-right: 3px solid #c6aec7 !important;
}
.Wisteria .post-author-status {
    width: 92%;
    background-color: #c6aec7 !important;
}
.Wisteria dl.post-author-details:before {
    background: #c6aec7 !important;
}
 
.SlateBlue {
    border-bottom: 16px solid #6a5acd !important;
    border-left: 1px solid #6a5acd !important;
    border-right: 1px solid #6a5acd !important;
    border-top: 16px solid #6a5acd !important;
}
.SlateBlue dd {
  border-bottom: 1px dotted #6a5acd !important;
    border-right: 3px solid #6a5acd !important;
}
.SlateBlue .post-author-status {
    width: 92%;
    background-color: #6a5acd !important;
}
.SlateBlue dl.post-author-details:before {
    background: #6a5acd !important;
}
.Indigo {
    border-bottom: 16px solid #4b0082 !important;
    border-left: 1px solid #4b0082 !important;
    border-right: 1px solid #4b0082 !important;
    border-top: 16px solid #4b0082 !important;
}
.Indigo dd {
  border-bottom: 1px dotted #4b0082 !important;
    border-right: 3px solid #4b0082 !important;
}
.Indigo .post-author-status {
    width: 92%;
    background-color: #4b0082 !important;
}
.Indigo dl.post-author-details:before {
    background: #4b0082 !important;
}
.ذكر {
    border-bottom: 16px solid #2196f3;
    border-right: 1px solid #2196f3;
    border-radius: 3px;
    border-right: 1px solid #2196f3;
    border-top: 16px solid #2196f3;
    padding: 60px 3px 3px!important;
    position: relative;
}
 .ذكر dd {
    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 {
    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;
}
.انثى {
    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;
}
dd {
    background: white;
}

css لنسخة phpBB3 :

الكود:

.ذكر {
    border-bottom: 16px solid #2196f3!important;
    border-left: 1px solid #2196f3!important;
    border-radius: 3px;
    border-right: 1px solid #2196f3!important;
    border-top: 16px solid #2196f3!important;
    padding: 60px 3px 3px!important;
    position: relative;
}

.انثى {
    border-bottom: 16px solid #e91e63!important;
    border-left: 1px solid #e91e63!important;
    border-radius: 3px;
    border-right: 1px solid #e91e63!important;
    border-top: 16px solid #e91e63!important;
    padding: 60px 3px 3px!important;
    position: relative;
}

 .ذكر dl > dd:nth-child(6) {
    background-color: #fff;
    border-bottom: 1px dotted #2196f3;
    border-radius: 5px 5px 5px 5px;
    border-right: 3px solid #2196f3;
}
.انثى dl > dd:nth-child(6) {
    background-color: #fff;
    border-bottom: 1px dotted #e91e63;
    border-radius: 5px 5px 5px 5px;
    border-right: 3px solid #e91e63;
}
.انثى dl > dd:nth-child(6):before {
    display: flex;
    color: white;
    padding: 4px;
    display: flex;
    content: "بيانات العضوه";
    justify-content: center;
    background: #e91e63;
}
.ذكر dl > dd:nth-child(6):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 {
    font-size: 14px;
    padding: 6px;
    left: 7px;
    position: absolute;
    right: 7px;
    top: 10px;
    z-index: 2;
    font-weight: bold;
}
.postprofile .label {
    padding-right: 6px;
    font-weight: 500;
}

.postprofile {
    border-bottom: 16px solid #607d8b;
    border-left: 1px solid #607d8b;
    border-radius: 3px;
    border-right: 1px solid #607d8b;
    border-top: 16px solid #607d8b;
    padding: 60px 3px 3px!important;
      position: relative!important;
}
 


.postprofile .label {
    padding-left: 3px;
    font-weight: 500;
}
 
.blue {
    border-bottom: 16px solid #3e459c!important;
    border-left: 1px solid #3e459c!important;
    border-right: 1px solid #3e459c!important;
    border-top: 16px solid #3e459c!important;
}
.grey {
    border-bottom: 16px solid #a0a09a!important;
    border-left: 1px solid #a0a09a!important;
    border-right: 1px solid #a0a09a!important;
    border-top: 16px solid #a0a09a!important;
}
.green {
    border-bottom: 16px solid #42b649!important;
    border-left: 1px solid #42b649!important;
    border-right: 1px solid #42b649!important;
    border-top: 16px solid #42b649!important;
}
.yellow {
    border-bottom: 16px solid #ede816!important;
    border-left: 1px solid #ede816!important;
    border-right: 1px solid #ede816!important;
    border-top: 16px solid #ede816!important;
}
.purple {
    border-bottom: 16px solid #aa4399!important;
    border-left: 1px solid #aa4399!important;
    border-right: 1px solid #aa4399!important;
    border-top: 16px solid #aa4399!important;
}
 
 
 div.post.online .postprofile.undefined:before {
  background: #;!important;
}
 div.post.online .postprofile.purple:before {
  background: #aa4399!important;
}
 div.post.online .postprofile.grey:before {
  background: #a0a09a;!important;
}
 div.post.online .postprofile.blue:before {
  background: #3e459c!important;
}
 div.post.online .postprofile.green:before {
  background: #42b649;!important;
}
 div.post.online .postprofile.yellow:before {
  background: #ede816!important;
}
 
.undefined dl > dd:nth-child(6):before {
  background: #;!important;
}
.purple dl > dd:nth-child(6):before {
  background: #aa4399!important;
}
.grey dl > dd:nth-child(6):before {
  background: #a0a09a;!important;
}
.blue dl > dd:nth-child(6):before {
  background: #3e459c!important;
}
.green dl > dd:nth-child(6):before {
  background: #42b649;!important;
}
.yellow dl > dd:nth-child(6):before {
  background: #ede816!important;
}
.undefined dl > dd:nth-child(6) {
    border-bottom: 1px dotted #;!important;
    border-right: 2px solid #;!important;
}
.purple dl > dd:nth-child(6) {
    border-bottom: 1px dotted #aa4399!important;
    border-right: 2px solid #aa4399!important;
}
.grey dl > dd:nth-child(6) {
    border-bottom: 1px dotted #a0a09a;!important;
    border-right: 2px solid #a0a09a;!important;
}
.blue dl > dd:nth-child(6) {
    border-bottom: 1px dotted #3e459c!important;
    border-right: 2px solid #3e459c!important;
}
.green dl > dd:nth-child(6) {
    border-bottom: 1px dotted #42b649;!important;
    border-right: 2px solid #42b649;!important;
}
.yellow dl > dd:nth-child(6) {
    border-bottom: 1px dotted #ede816!important;
    border-right: 2px solid #ede816!important;
}
 
.Orange {
    border-bottom: 16px solid #ffa200!important;
    border-left: 1px solid #ffa200!important;
    border-right: 1px solid #ffa200!important;
    border-top: 16px solid #ffa200!important;
}

.Orange dl > dd:nth-child(6) {
 border-bottom: 1px dotted #ffa200!important;
    border-right: 2px solid #ffa200!important;
}
 div.post.online .postprofile.Orange:before {
  background: #ffa200!important;
}
.Orange dl > dd:nth-child(6):before {
  background: #ffa200!important;
  color: #fff;
}
.Pink {
    border-bottom: 16px solid #ffc0cb!important;
    border-left: 1px solid #ffc0cb!important;
    border-right: 1px solid #ffc0cb!important;
    border-top: 16px solid #ffc0cb!important;
}

.Pink dl > dd:nth-child(6) {
 border-bottom: 1px dotted #ffc0cb!important;
    border-right: 2px solid #ffc0cb!important;
}
 div.post.online .postprofile.Pink:before {
  background: #ffc0cb!important;
}
.Pink dl > dd:nth-child(6):before {
  background: #ffc0cb!important;
  color: #000;
}
.black {
    border-bottom: 16px solid #000000!important;
    border-left: 1px solid #000000!important;
    border-right: 1px solid #000000!important;
    border-top: 16px solid #000000!important;
}

.black dl > dd:nth-child(6) {
 border-bottom: 1px dotted #000000!important;
    border-right: 2px solid #000000!important;
}
 div.post.online .postprofile.black:before {
  background: #000000!important;
}
.black dl > dd:nth-child(6):before {
  background: #000000!important;
 color: #fff;
}
.red {
    border-bottom: 16px solid #e90000!important;
    border-left: 1px solid #e90000!important;
    border-right: 1px solid #e90000!important;
    border-top: 16px solid #e90000!important;
}

.red dl > dd:nth-child(6) {
 border-bottom: 1px dotted #e90000!important;
    border-right: 2px solid #e90000!important;
}
 div.post.online .postprofile.red:before {
  background: #e90000!important;
}
.red dl > dd:nth-child(6):before {
  background: #e90000!important;
 color: #fff;
}
.LightCoral {
    background: #f6f6f6!important;
    border-bottom: 16px solid #f08080!important;
    border-left: 1px solid #f08080!important;
    border-right: 1px solid #f08080!important;
    border-top: 16px solid #f08080!important;
}

.LightCoral dl > dd:nth-child(6) {
 border-bottom: 1px dotted #f08080!important;
    border-right: 2px solid #f08080!important;
}
 div.post.online .postprofile.LightCoral:before {
  background: #f08080!important;
}
.LightCoral dl > dd:nth-child(6):before {
  background: #f08080!important;
 color: #fff;
}
.Wisteria {
    border-bottom: 16px solid #c6aec7!important;
    border-left: 1px solid #c6aec7!important;
    border-right: 1px solid #c6aec7!important;
    border-top: 16px solid #c6aec7!important;
}

.Wisteria dl > dd:nth-child(6) {
 border-bottom: 1px dotted #c6aec7!important;
    border-right: 2px solid #c6aec7!important;
}
 div.post.online .postprofile.Wisteria:before {
  background: #c6aec7!important;
}
.Wisteria dl > dd:nth-child(6):before {
  background: #c6aec7!important;
 color: #fff;
}
.SlateBlue {
    border-bottom: 16px solid #6a5acd!important;
    border-left: 1px solid #6a5acd!important;
    border-right: 1px solid #6a5acd!important;
    border-top: 16px solid #6a5acd!important;
}

.SlateBlue dl > dd:nth-child(6) {
 border-bottom: 1px dotted #6a5acd;!important;
    border-right: 2px solid #6a5acd;!important;
}
 div.post.online .postprofile.SlateBlue:before {
  background: #6a5acd!important;
}
.SlateBlue dl > dd:nth-child(6):before {
  background: #6a5acd!important;
 color: #fff;
}
.Indigo {
    border-bottom: 16px solid #4b0082!important;
    border-left: 1px solid #4b0082!important;
    border-right: 1px solid #4b0082!important;
    border-top: 16px solid #4b0082!important;
}

.Indigo dl > dd:nth-child(6) {
 border-bottom: 1px dotted #4b0082;!important;
    border-right: 2px solid #4b0082;!important;
}
 div.post.online .postprofile.Indigo:before {
  background: #4b0082!important;
}
.Indigo dl > dd:nth-child(6):before {
  background: #4b0082!important;
 color: #fff;
}


dl > dd:nth-child(6) {
    border-right: solid #607d8b 2px;
    background: #ffffff;
    margin-left: 5px;
}

------------------------------

اكواد للنسخه phpBB2 :

بالنسبه للنسخه الثانيه ااذهب الى قالب المواضيع وابحث عن الكود التالي

الكود:


<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 />
   <div {postrow.displayed.AWARDS_SHOW} class="dd_award {postrow.displayed.PROFILE_POSITION}">{postrow.displayed.AWARDS}</div>
 <div class="award_more"></div>
 <br>
 <br />
 <!-- BEGIN profile_field -->
   <span class="nameyu">
 {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
</span>
 <!-- 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() {
      $(".postprofile img[title='undefined']").closest('.postprofile').addClass("undefined");
      $(".postprofile img[title='blue']").closest('.postprofile').addClass("blue");
      $(".postprofile img[title='grey']").closest('.postprofile').addClass("grey");
      $(".postprofile img[title='green']").closest('.postprofile').addClass("green");
      $(".postprofile img[title='yellow']").closest('.postprofile').addClass("yellow");
      $(".postprofile img[title='purple']").closest('.postprofile').addClass("purple");
     $(".postprofile img[title='Orange']").closest('.postprofile').addClass("Orange");
    $(".postprofile img[title='Pink']").closest('.postprofile').addClass("Pink");
    $(".postprofile img[title='black']").closest('.postprofile').addClass("black");
     $(".postprofile img[title='red']").closest('.postprofile').addClass("red");
    $(".postprofile img[title='LightCoral']").closest('.postprofile').addClass("LightCoral");
    $(".postprofile img[title='Wisteria']").closest('.postprofile').addClass("Wisteria");
    $(".postprofile img[title='SlateBlue']").closest('.postprofile').addClass("SlateBlue");
      $(".postprofile img[title='Indigo']").closest('.postprofile').addClass("Indigo");
  $(".postprofile img[title='ذكر']").closest('.postprofile').addClass("ذكر");
      $(".postprofile img[title='انثى']").closest('.postprofile').addClass("انثى");
});

واخيرا ضع التالي بالcss

الكود:

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

.ذكر .avatare:after {
  color: #d5d1cb;
  font-size: 15px;
    font-weight: 900;
    margin-top: 22px;
    text-align: center;
    display: flex;
    width: 100%;
    background: #2196f3;
    content: "بيانات العضو";
    justify-content: center;
}
.انثى .avatare:after {
  color: #d5d1cb;
  font-size: 15px;
    font-weight: 900;
    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;
}

.postprofile {
  background: #;
    border-bottom: 16px solid #607d8b;
    border-left: 1px solid #607d8b;
    border-radius: 3px!important;
    border-right: 1px solid #607d8b;
    border-top: 16px solid #607d8b;
    padding: 60px 3px 3px!important;
    position: relative!important;
}
hr {
    margin: 0px!important;
    padding: 0px!important;
}
 
.postprofile .label {
    padding-right: 6px;
    font-weight: 500;
} 
.blue {
    background: #edeaea!important;
    border-bottom: 16px solid #3e459c!important;
    border-left: 1px solid #3e459c!important;
    border-right: 1px solid #3e459c!important;
    border-top: 16px solid #3e459c!important;
}
.grey {
    background: #edeaea!important;
    border-bottom: 16px solid #a0a09a!important;
    border-left: 1px solid #a0a09a!important;
    border-right: 1px solid #a0a09a!important;
    border-top: 16px solid #a0a09a!important;
}
.green {
    background: #edeaea!important;
    border-bottom: 16px solid #42b649!important;
    border-left: 1px solid #42b649!important;
    border-right: 1px solid #42b649!important;
    border-top: 16px solid #42b649!important;
}
.yellow {
    background: #edeaea!important;
    border-bottom: 16px solid #ede816!important;
    border-left: 1px solid #ede816!important;
    border-right: 1px solid #ede816!important;
    border-top: 16px solid #ede816!important;
}
.purple {
    background: #edeaea!important;
    border-bottom: 16px solid #aa4399!important;
    border-left: 1px solid #aa4399!important;
    border-right: 1px solid #aa4399!important;
    border-top: 16px solid #aa4399!important;
}
 
 
 
 div.post.online .postprofile.undefined:before {
  background: #;!important;
}
 div.post.online .postprofile.purple:before {
  background: #aa4399!important;
}
 div.post.online .postprofile.grey:before {
  background: #a0a09a;!important;
}
 div.post.online .postprofile.blue:before {
  background: #3e459c!important;
}
 div.post.online .postprofile.green:before {
  background: #42b649;!important;
}
 div.post.online .postprofile.yellow:before {
  background: #ede816!important;
}
.undefined .avatare:after {
  background: #;!important;
}
.purple .avatare:after {
  background: #aa4399!important;
}
.grey .avatare:after {
  background: #a0a09a;!important;
}
.blue .avatare:after {
  background: #3e459c!important;
}
.green .avatare:after {
  background: #42b649;!important;
}
.yellow .avatare:after {
  background: #ede816!important;
}
 
 
 
.undefined span.nameyu {
 border-right: solid #!important;
 border-bottom: 1px dotted #e91e63!important;
}
.purple span.nameyu {
 border-right: solid #aa4399!important;
 border-bottom: 1px dotted #aa4399!important;
}
.grey span.nameyu {
 border-right: solid #a0a09a!important;
 border-bottom: 1px dotted #a0a09a!important;
}
.blue span.nameyu {
border-right: solid #3e459c!important;
 border-bottom: 1px dotted #3e459c!important;
}
.green span.nameyu {
border-right: solid #42b649!important;
 border-bottom: 1px dotted #42b649!important;
}
.yellow span.nameyu {
 border-right: solid #ede816!important;
  border-bottom: 1px dotted #ede816!important;
}
.Pink span.nameyu {
 border-right: solid #ffc0cb!important;
     border-bottom: 1px dotted #ffc0cb!important;
}
.LightCoral span.nameyu {
 border-right: solid #f08080!important;
   border-bottom: 1px dotted #f08080!important;
}
.black span.nameyu {
 border-right: solid #000000!important;
   border-bottom: 1px dotted #000000!important;
}
.red span.nameyu {
 border-right: solid #e90000!important;
   border-bottom: 1px dotted #e90000!important;
}
.SlateBlue span.nameyu {
 border-right: solid #6a5acd!important;
   border-bottom: 1px dotted #6a5acd!important;
}
.Orange span.nameyu {
 border-right: solid #ffa200!important;
   border-bottom: 1px dotted #ffa200!important;
}
.Light Coral span.nameyu {
 border-right: solid #f08080!important;
   border-bottom: 1px dotted #f08080!important;
}
.Wisteria span.nameyu {
 border-right: solid #c6aec7!important;
   border-bottom: 1px dotted #c6aec7!important;
}
.Indigo span.nameyu {
 border-right: solid #4b0082!important;
   border-bottom: 1px dotted #4b0082!important;
}

.Orange {
    background: #edeaea!important;
    border-bottom: 16px solid  #ffa200!important;
    border-left: 1px solid #ffa200!important;
    border-right: 1px solid #ffa200!important;
    border-top: 16px solid #ffa200!important;
}
 div.post.online .postprofile.Orange:before {
  background: #ffa200!important;
}
.Orange .avatare:after {
  background: #ffa200!important;
}

.LightCoral {
    background: #edeaea!important;
    border-bottom: 16px solid  #f08080!important;
    border-left: 1px solid #f08080!important;
    border-right: 1px solid #f08080!important;
    border-top: 16px solid #f08080!important;
}
 div.post.online .postprofile.LightCoral:before {
  background: #f08080!important;
}
.LightCoral .avatare:after {
  background: #f08080!important;
}

.Pink {
    background: #edeaea!important;
    border-bottom: 16px solid  #ffc0cb!important;
    border-left: 1px solid #ffc0cb!important;
    border-right: 1px solid #ffc0cb!important;
    border-top: 16px solid #ffc0cb!important;
}
 div.post.online .postprofile.Pink:before {
  background: #ffc0cb!important;
}
.Pink .avatare:after {
  background: #ffc0cb!important;
}
.black {
    background: #edeaea!important;
    border-bottom: 16px solid  #000000!important;
    border-left: 1px solid #000000!important;
    border-right: 1px solid #000000!important;
    border-top: 16px solid #000000!important;
}
 div.post.online .postprofile.black:before {
  background: #000000!important;
}
.black .avatare:after {
  color: #fff;
  background: #000000!important;
}

.red {
    background: #edeaea!important;
    border-bottom: 16px solid  #e90000!important;
    border-left: 1px solid #e90000!important;
    border-right: 1px solid #e90000!important;
    border-top: 16px solid #e90000!important;
}
 div.post.online .postprofile.red:before {
  background: #e90000!important;
}
.red .avatare:after {
  background: #e90000!important;
}

.Light Coral {
    background: #edeaea!important;
    border-bottom: 16px solid  #f08080!important;
    border-left: 1px solid #f08080!important;
    border-right: 1px solid #f08080!important;
    border-top: 16px solid #f08080!important;
}
 div.post.online .postprofile.Light Coral:before {
  background: #f08080!important;
}
.Light Coral .avatare:after {
  background: #f08080!important;
}

.Wisteria {
    background: #edeaea!important;
    border-bottom: 16px solid  #c6aec7!important;
    border-left: 1px solid #c6aec7!important;
    border-right: 1px solid #c6aec7!important;
    border-top: 16px solid #c6aec7!important;
}
 div.post.online .postprofile.Wisteria:before {
  background: #c6aec7!important;
}
.Wisteria .avatare:after {
  background: #c6aec7!important;
}

.SlateBlue {
    background: #edeaea!important;
    border-bottom: 16px solid  #6a5acd!important;
    border-left: 1px solid #6a5acd!important;
    border-right: 1px solid #6a5acd!important;
    border-top: 16px solid #6a5acd!important;
}
 div.post.online .postprofile.SlateBlue:before {
  background: #6a5acd!important;
}
.SlateBlue .avatare:after {
  background: #6a5acd!important;
}

.Indigo {
    background: #edeaea!important;
    border-bottom: 16px solid  #4b0082!important;
    border-left: 1px solid #4b0082!important;
    border-right: 1px solid #4b0082!important;
    border-top: 16px solid #4b0082!important;
}
 div.post.online .postprofile.Indigo:before {
  background: #4b0082!important;
}
.Indigo .avatare:after {
  background: #4b0082!important;
}

.namee {
    font-size: 16px;
    padding: 5px;
    text-align: center;
}

span.nameyu {
    text-align: right;
    border-right: 3px solid #607d8b;
    margin-bottom: 7px;
    display: block;
    background: #fff;
    vertical-align: text-bottom;
    padding: 5px 0;
}

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

تكمله...

هكذا خلصنا من المؤنث والمذكر والحمدلله

-------------------------------------------------

اذا كان مدير المنتدى لا يريد فقط لون للمؤنث والمذكر

بل يريد ان يترك للاعضاء حرية اختيار اللون الذي يفضلونه

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

اذهب الى لوحة الادارة > الأعضاء & المجموعات > البيانات الشخصية

ثم انشىء حقل خاص جديد بالضغط على هذا الزر طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل - صفحة 2 3474235701

ثم ضع الاختيارات كما في الصور

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

----------------------------------

الصور والكلمات التي لازم تضعونها بالحقول

----------------------------

مثال لتجميع الصور والكلمات

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

وتستطيع ان تضيف المزيد من الوان كما تريد

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

وفقكم الله

_____________________________________________________
تم عمل لوني المفضل للبروفايل بواسطة كونان2000,
تعلمت كيفية صنعه بفضل هذا الموضوع هنا,
تم تصميم صور الألوان بواسطة العضوة Akatsuki

رد: طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضلالإثنين 6 ديسمبر 2021 - 2:35

انتهيت من المذكر والمؤنث
باقي اختيار لوني المفضل

شوفو على منتدى تجريبي
هنا https://rami2.ahlamontada.com/t3-topic#13
ركزو على كلمة عضو وعضوه ومتواجد ومتواجده طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل - صفحة 2 3670467598

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

--
هذا عمل ما ادري هل فيه واحد سبقنا اليه او لا طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل - صفحة 2 3058685579

وفق الله الجميع

لا تنسون اخبروني اذا يحتاج تغير او تعديل

رد: طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضلالإثنين 6 ديسمبر 2021 - 12:28

كود رائع بارك الله فيك اخي العزيز

رد: طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضلالإثنين 6 ديسمبر 2021 - 18:19

شكلها رآآئـــع

بانتظار كود لوني المفضل بفارغ الصبر ^^

أنا من الناس التي على الأرجح ستغير لونها حسب لون الرمزية في كل مرة XDD

+ يا حبذا لو تحذف الاطار المنقط الذي حول الرمزية

وتعوض حواف اليمين و اليسار المنقطة بخط رقيق بحجم 1 بيكسل

و أيضا هناك فراغ كبير تحت الرمزية ..

( أو لا تهتم بالأمر حاليا .. عندما تنشر الكود سنسألك عن التغييرات XD )

موفق في العمل ~

Akatsuki فريق الإدارة

: THE HUNTERS LEADER
عدد المساهمات :: 201495

القطع الذهبية :: 1542
الكريستالات :: 10
العمر :: 31
البلد :
تاريخ التسجيل :: 01/12/2008
لون البيانات :

فخر المنتدى

[ 50000 ] مشاركـة

مميز بردوده

ردود مميزة على الحصريات

ملك الحصريات

[ 50 ] موضوع حصري

نجم المنتدى

[ 100 ] موضوع

مميز في [ صالة الإستقبـال ]

مميز في [ الفعاليـات و المسابقات ]

مميز في [ ملتقى الأعضاء ]

صاحب مدونة مميزة

مميز في [ تسالي و ألعاب ]

معرض تصاميم مميز

متجر تصاميم مميز

مميز في [ دروس التصميم ]

مميز في [ حقيبـة المصمم ]

مميز في [ ألبـوم الصور ]

مسابقة تحليل الشخصيات - المركز 1

المركز الاول مسابقة المواضيع 2022

المركز الاول مسابقة الردود 2022

المركز الثاني مسابقة التصميم 2022

المركز الاول مسابقة التقارير 2022

المركز الثاني مسابقة القصة القصيرة 2022

المركز الاول مسابقة النشاط المطلق 2022

الهيمنة الإبداعية في المهرجان الشتوي 2022

وسام المشاركة في المهرجان الشتوي 2022

أفضل مصمم ( وسام شهري )

نجم فريق الترجمة

3 تميزات شهرية في فريق الترجمة

سهرة العيد 2022 - المركز 3

سهرة العيد 2022 - كوميدي السهرة

سهرة يونيو 2022 - المركز 3

حرب القروبات 2022 - المركز 2

المركز الثاني انجل ضد الجميع 2022

مشارك سهره العيد

المركز الثاني مسابقة المواضيع 2023

المهرجان الصيفي

المركز الثاني مسابقة الردود 2023

المهرجان الصيفي

المركز الثالث مسابقة التصميم 2023

المهرجان الصيفي

المركز الثاني مسابقة التقارير 2023

المهرجان الصيفي

المركز الاول مسابقة القصة القصيرة 2023

المهرجان الصيفي

المركز الثاني مسابقة النشاط المطلق 2023

المهرجان الصيفي

الهيمنة الإبداعية في المهرجان الصيفي 2023

وسام للمشاركين الذين قدموا مشاركات مميزة في عدة مسابقات من المهرجان

وسام المشاركة في المهرجان الصيفي 2023

المركز الثاني حرب القروبات 2023

نبراس الفريق

6 تميزات شهرية في فريق الترجمة

مميز في [ عالم السيارات ]

مميز في [ قسم فلسطيـن ]

مميز في [ حروف مبعثـرة ]

مميز في [ مأكولات و أطبـاق ]

مميز في [ ثقـافة و علوم ]

مميز في [ بلدان و حضارات ]

مميز في [ الدراسة و التعليم ]

مميز في [ عالم اللغة العربية ]

مميز في [ مكتبة المنتدى ]

مميز في [ إسلاميـات ]

كاتب روايات مميز

قارئ روايات مميز

مميز في [ عــالم التصميـم ]

مميز في [ فضاء الأنمي ]

مميز في [ صور الأنمي ]

مميز في [ تقارير الأنمي ]

رافع أنمي مميز

مميز في [ فضاء المانجا ]

مميز في [ تقارير المانجا ]

مترجم مميز

مدقق مميز

مبيض مميز

محرر مميز

متعدد مواهب في فريق الترجمة

مصمم مميز

تقديم تصاميم مميزة و تلبية طلبات الأعضاء

السهرة الشتوية 2024 - المركز 2

وسام المشاركة في السهرة الرمضانية

2024

سهرة الربيع 2024 - الفائز

سهرة الربيع 2024 - المهرج

السهرة الخريفية 2024 - وسام المشاركة

حرب القروبات 2024 - المركز 1

السهرة الآفالونية 2024 - وسام المشاركة

3 تميزات شهرية في فريق التصميم

رد: طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضلالخميس 9 ديسمبر 2021 - 2:21

تم تحديث الكود ليشمل AwesomeBB
مع شوية تغيرات بالشكل
طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل - صفحة 2 3937780206

رد: طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضلالخميس 9 ديسمبر 2021 - 20:46

تم تركيب الكود

شكله جميل جدا

كود المؤنث و المذكر يعمل

لكن كود لوني المفضل لا يعمل ..

جربت اختيار اللون الأخضر و لم يظهر ..

( أيضا كلمة منتدى مكررة تحت "متواجدة على المنتدى" )

+ إذا امكن إزالة الرمزية الدائرية و ترك الرمزية تظهر بحجمها و شكلها الطبيعي

~

و نريد إضافة ألوان أخرى (على رأسها الأحمر)

هل يمكن أن أضعها لك هنا و تعدل على الكود لاضافتها

( إذا امكن طبعا .. أو يمكنك أن تعلمني الطريقة و سأهتم بالأمر بنفسي )

Akatsuki فريق الإدارة

: THE HUNTERS LEADER
عدد المساهمات :: 201495

القطع الذهبية :: 1542
الكريستالات :: 10
العمر :: 31
البلد :
تاريخ التسجيل :: 01/12/2008
لون البيانات :

فخر المنتدى

[ 50000 ] مشاركـة

مميز بردوده

ردود مميزة على الحصريات

ملك الحصريات

[ 50 ] موضوع حصري

نجم المنتدى

[ 100 ] موضوع

مميز في [ صالة الإستقبـال ]

مميز في [ الفعاليـات و المسابقات ]

مميز في [ ملتقى الأعضاء ]

صاحب مدونة مميزة

مميز في [ تسالي و ألعاب ]

معرض تصاميم مميز

متجر تصاميم مميز

مميز في [ دروس التصميم ]

مميز في [ حقيبـة المصمم ]

مميز في [ ألبـوم الصور ]

مسابقة تحليل الشخصيات - المركز 1

المركز الاول مسابقة المواضيع 2022

المركز الاول مسابقة الردود 2022

المركز الثاني مسابقة التصميم 2022

المركز الاول مسابقة التقارير 2022

المركز الثاني مسابقة القصة القصيرة 2022

المركز الاول مسابقة النشاط المطلق 2022

الهيمنة الإبداعية في المهرجان الشتوي 2022

وسام المشاركة في المهرجان الشتوي 2022

أفضل مصمم ( وسام شهري )

نجم فريق الترجمة

3 تميزات شهرية في فريق الترجمة

سهرة العيد 2022 - المركز 3

سهرة العيد 2022 - كوميدي السهرة

سهرة يونيو 2022 - المركز 3

حرب القروبات 2022 - المركز 2

المركز الثاني انجل ضد الجميع 2022

مشارك سهره العيد

المركز الثاني مسابقة المواضيع 2023

المهرجان الصيفي

المركز الثاني مسابقة الردود 2023

المهرجان الصيفي

المركز الثالث مسابقة التصميم 2023

المهرجان الصيفي

المركز الثاني مسابقة التقارير 2023

المهرجان الصيفي

المركز الاول مسابقة القصة القصيرة 2023

المهرجان الصيفي

المركز الثاني مسابقة النشاط المطلق 2023

المهرجان الصيفي

الهيمنة الإبداعية في المهرجان الصيفي 2023

وسام للمشاركين الذين قدموا مشاركات مميزة في عدة مسابقات من المهرجان

وسام المشاركة في المهرجان الصيفي 2023

المركز الثاني حرب القروبات 2023

نبراس الفريق

6 تميزات شهرية في فريق الترجمة

مميز في [ عالم السيارات ]

مميز في [ قسم فلسطيـن ]

مميز في [ حروف مبعثـرة ]

مميز في [ مأكولات و أطبـاق ]

مميز في [ ثقـافة و علوم ]

مميز في [ بلدان و حضارات ]

مميز في [ الدراسة و التعليم ]

مميز في [ عالم اللغة العربية ]

مميز في [ مكتبة المنتدى ]

مميز في [ إسلاميـات ]

كاتب روايات مميز

قارئ روايات مميز

مميز في [ عــالم التصميـم ]

مميز في [ فضاء الأنمي ]

مميز في [ صور الأنمي ]

مميز في [ تقارير الأنمي ]

رافع أنمي مميز

مميز في [ فضاء المانجا ]

مميز في [ تقارير المانجا ]

مترجم مميز

مدقق مميز

مبيض مميز

محرر مميز

متعدد مواهب في فريق الترجمة

مصمم مميز

تقديم تصاميم مميزة و تلبية طلبات الأعضاء

السهرة الشتوية 2024 - المركز 2

وسام المشاركة في السهرة الرمضانية

2024

سهرة الربيع 2024 - الفائز

سهرة الربيع 2024 - المهرج

السهرة الخريفية 2024 - وسام المشاركة

حرب القروبات 2024 - المركز 1

السهرة الآفالونية 2024 - وسام المشاركة

3 تميزات شهرية في فريق التصميم

رد: طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضلالخميس 9 ديسمبر 2021 - 22:34

مرحبا @Akatsuki
سعيد ان الكود اعجبكم Very Happy

شكرا لكم,
-------

بالنسبه لتكرار كلمة منتدى
هذا بسبب ان خط المنتدى من جهازك اكبر
لانها لا تظهر عندي
لكن جربي الكود التالي ضعيه بالcss

الكود:

aside.post-aside.انثى:before {
    font-size: 12%;
}

اذا مانفع غيرو كلمة (متواجدة على المنتدى) الى (متواجدة حاليا) و(غير متواجدة على المنتدى) الى (غير متواجدة حاليا)
حتى يصغر
-----------------

بالنسبه لكود الالوان
تاكدي انك وضعتي نفس الكلمات في لوحة الادارة
يعني كلمة اخضر (حرف الالف بدون همزة) وهكذا
لازم الكلمات اللي بلوحة الادارة تتوافق مع ما بالكود
-------
مثال
السطر التالي موجود بالجافا

الكود:

$(".post-aside img[title='بنفسجي']").closest('.post-aside').addClass("بنفسجي");

لاحظي انه مكتوب بنفسجي
لازم تكون نفس الكلمة بالضبط تكون موجوده في لوحة الادارة
كما في الصورة

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

وكذلك موجوده بالcss
كما في الكود التالي

الكود:

.بنفسجي {
    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 #aa4399!important;
    border-right: 3px solid #aa4399!important;
}
.بنفسجي .post-author-status {
    width: 92%;
    background-color: #aa4399!important;
}


.بنفسجي dl.post-author-details:before {
    background: #aa4399!important;
}

كلمة بنفسجي مكرره اربع مرات بالcss
---------------
و اذا اردتم اضافة المزيد من اللوان

عليكم اولا وضع كلمة في لوحة الادارة مثل بني

ثانيا اضيفو سطر جديد بكود الجافا وضعو نفس الكلمة بكود الجافا

الكود:

$(".post-aside img[title='بني']").closest('.post-aside').addClass("بني");

ثالثا ضعو نفس الكلمة بكود الcss

الكود:

.بني {
    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 #aa4399!important;
    border-right: 3px solid #aa4399!important;
}
.بني .post-author-status {
    width: 92%;
    background-color: #aa4399!important;
}


.بني dl.post-author-details:before {
    background: #aa4399!important;
}

وهكذا اذا اردتم اضافة المزيد من اللوان
----

ضروري تكون نفس الكلمة بدون حرف زياده مثل الهمزة او علامة الكسره والفتحه والسكون والضمة

رد: طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضلالجمعة 10 ديسمبر 2021 - 0:16

انتكم كتبتم رمادي وبنفسجي صح بلوحة الادارة

والدليلي ان لوني صار رمادي والان بنفسجي طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضل - صفحة 2 4078314248

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

+
كود الرمزيه لتكون على الحجم الطبيعي

الكود:

.avatar-big img {
    border-radius: 0px;
    height: auto;
    width: auto;
}

رد: طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضلالجمعة 10 ديسمبر 2021 - 0:19

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

رد: طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضلالجمعة 10 ديسمبر 2021 - 9:45

بالفعل أنا التي أضفت الهمزة لأخضر و أزرق لذلك لم يعمل الكود

كود المتواجدة لم يعمل لذلك غيرت الكتابة كما قلت لي و نجح الأمر ~

تم التعديل و كل شيء تمام الآن

و جاري اضافة ألوان أخرى

شكرا كونان ^^

Akatsuki فريق الإدارة

: THE HUNTERS LEADER
عدد المساهمات :: 201495

القطع الذهبية :: 1542
الكريستالات :: 10
العمر :: 31
البلد :
تاريخ التسجيل :: 01/12/2008
لون البيانات :

فخر المنتدى

[ 50000 ] مشاركـة

مميز بردوده

ردود مميزة على الحصريات

ملك الحصريات

[ 50 ] موضوع حصري

نجم المنتدى

[ 100 ] موضوع

مميز في [ صالة الإستقبـال ]

مميز في [ الفعاليـات و المسابقات ]

مميز في [ ملتقى الأعضاء ]

صاحب مدونة مميزة

مميز في [ تسالي و ألعاب ]

معرض تصاميم مميز

متجر تصاميم مميز

مميز في [ دروس التصميم ]

مميز في [ حقيبـة المصمم ]

مميز في [ ألبـوم الصور ]

مسابقة تحليل الشخصيات - المركز 1

المركز الاول مسابقة المواضيع 2022

المركز الاول مسابقة الردود 2022

المركز الثاني مسابقة التصميم 2022

المركز الاول مسابقة التقارير 2022

المركز الثاني مسابقة القصة القصيرة 2022

المركز الاول مسابقة النشاط المطلق 2022

الهيمنة الإبداعية في المهرجان الشتوي 2022

وسام المشاركة في المهرجان الشتوي 2022

أفضل مصمم ( وسام شهري )

نجم فريق الترجمة

3 تميزات شهرية في فريق الترجمة

سهرة العيد 2022 - المركز 3

سهرة العيد 2022 - كوميدي السهرة

سهرة يونيو 2022 - المركز 3

حرب القروبات 2022 - المركز 2

المركز الثاني انجل ضد الجميع 2022

مشارك سهره العيد

المركز الثاني مسابقة المواضيع 2023

المهرجان الصيفي

المركز الثاني مسابقة الردود 2023

المهرجان الصيفي

المركز الثالث مسابقة التصميم 2023

المهرجان الصيفي

المركز الثاني مسابقة التقارير 2023

المهرجان الصيفي

المركز الاول مسابقة القصة القصيرة 2023

المهرجان الصيفي

المركز الثاني مسابقة النشاط المطلق 2023

المهرجان الصيفي

الهيمنة الإبداعية في المهرجان الصيفي 2023

وسام للمشاركين الذين قدموا مشاركات مميزة في عدة مسابقات من المهرجان

وسام المشاركة في المهرجان الصيفي 2023

المركز الثاني حرب القروبات 2023

نبراس الفريق

6 تميزات شهرية في فريق الترجمة

مميز في [ عالم السيارات ]

مميز في [ قسم فلسطيـن ]

مميز في [ حروف مبعثـرة ]

مميز في [ مأكولات و أطبـاق ]

مميز في [ ثقـافة و علوم ]

مميز في [ بلدان و حضارات ]

مميز في [ الدراسة و التعليم ]

مميز في [ عالم اللغة العربية ]

مميز في [ مكتبة المنتدى ]

مميز في [ إسلاميـات ]

كاتب روايات مميز

قارئ روايات مميز

مميز في [ عــالم التصميـم ]

مميز في [ فضاء الأنمي ]

مميز في [ صور الأنمي ]

مميز في [ تقارير الأنمي ]

رافع أنمي مميز

مميز في [ فضاء المانجا ]

مميز في [ تقارير المانجا ]

مترجم مميز

مدقق مميز

مبيض مميز

محرر مميز

متعدد مواهب في فريق الترجمة

مصمم مميز

تقديم تصاميم مميزة و تلبية طلبات الأعضاء

السهرة الشتوية 2024 - المركز 2

وسام المشاركة في السهرة الرمضانية

2024

سهرة الربيع 2024 - الفائز

سهرة الربيع 2024 - المهرج

السهرة الخريفية 2024 - وسام المشاركة

حرب القروبات 2024 - المركز 1

السهرة الآفالونية 2024 - وسام المشاركة

3 تميزات شهرية في فريق التصميم

رد: طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضلالجمعة 10 ديسمبر 2021 - 11:59

شكراً لمجهودك كونان

أكواد رائعة جداً ، وذات مظهر حصري كما عودتنا

اللون المفضل في البيانات فكرة رائعة للغاية ~

Rose

عدد المساهمات :: 11126

القطع الذهبية :: 4390
الكريستالات :: 29
العمر :: 23
البلد :
تاريخ التسجيل :: 25/09/2014
لون البيانات :

ملك الحصريات

[ 50 ] موضوع حصري

مميز في [ الفعاليـات و المسابقات ]

صاحب مدونة مميزة

مسابقة تحليل الشخصيات - المركز 2

السهرة الربيعيـة 2022 - مشارك

نجم المنتدى

[ 100 ] موضوع

سهرة يونيو 2022 - المركز 2

مسابقة الثنـائي الذهبـي 2022 - الوسام الفضي

حرب القروبات 2022 - المركز 1

السهـرة النوفمبريــة 2022 - المركز 1

مسابقة النشاط المطلق 2023 - وسام المشاركة

المركز الثاني حرب القروبات 2023

عضو خارق

[ 10000 ] مشاركـة

السهرة الخريفية 2023 - المركز 3

مميز في [ صالة الإستقبـال ]

قارئ روايات مميز

مميز في [ فضاء الأنمي ]

مميز في [ تقارير الأنمي ]

رافع أنمي مميز

مسابقة الشعلـة الملتهبـة 2024 - مشارك

سهرة الربيع 2024 - الوصيف

المركز 3 - مسابقة القصة القصيرة 2024

المهرجان الصيفي

المركز 3 - مسابقة القصة القصيرة الانجليزية 2024

المهرجان الصيفي

مشارك في المهرجان الصيفي 2024

المركز 3 - مسابقة المواضيع 2024

المهرجان الصيفي

حرب القروبات 2024 - المركز 1

السهرة الآفالونية 2024 - وسام المشاركة

مسابقـة الردود 2024 - المركز 2

صفحة 2 من اصل 3 • 1, 2, 3

انتقل الى:

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

صلاحيات هذا المنتدى:

لاتستطيع الرد على المواضيع في هذا المنتدى

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

description طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضلالخميس 15 يوليو 2021 - 17:13

descriptionرد: طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضلالإثنين 6 ديسمبر 2021 - 2:35

descriptionرد: طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضلالإثنين 6 ديسمبر 2021 - 12:28

descriptionرد: طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضلالإثنين 6 ديسمبر 2021 - 18:19

descriptionرد: طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضلالخميس 9 ديسمبر 2021 - 2:21

descriptionرد: طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضلالخميس 9 ديسمبر 2021 - 20:46

descriptionرد: طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضلالخميس 9 ديسمبر 2021 - 22:34

descriptionرد: طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضلالجمعة 10 ديسمبر 2021 - 0:16

descriptionرد: طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضلالجمعة 10 ديسمبر 2021 - 0:19

descriptionرد: طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضلالجمعة 10 ديسمبر 2021 - 9:45

descriptionرد: طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضلالجمعة 10 ديسمبر 2021 - 11:59

طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضلالخميس 15 يوليو 2021 - 17:13

رد: طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضلالإثنين 6 ديسمبر 2021 - 2:35

رد: طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضلالإثنين 6 ديسمبر 2021 - 12:28

رد: طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضلالإثنين 6 ديسمبر 2021 - 18:19

رد: طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضلالخميس 9 ديسمبر 2021 - 2:21

رد: طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضلالخميس 9 ديسمبر 2021 - 20:46

رد: طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضلالخميس 9 ديسمبر 2021 - 22:34

رد: طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضلالجمعة 10 ديسمبر 2021 - 0:16

رد: طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضلالجمعة 10 ديسمبر 2021 - 0:19

رد: طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضلالجمعة 10 ديسمبر 2021 - 9:45

رد: طريقة عمل لون البيانات الشخصية خاص للذكر وخاص للأنثى + لوني المفضلالجمعة 10 ديسمبر 2021 - 11:59