طلب اضافة لكود تغيير لون الجوائز عند اختيار العضو لونه المفضل

تغيير لون الجوائز عند اختيار العضو لونه المفضل
ممكن ايضا وضع صورة العضو بالابعاد التالية 200*400 مع وضع ايطار باللون المفضل للعضو حول الصورة؟
مع صندوق لتوقيع العضو كما المستخدم هنآ https://my-friend.yoo7.com/t72-topic يكون ايضا باللون المفضل للعضو

اهلا اخي المبدع
اضف التالي الى الcss

الكود:

 
..blue .ooكونان2000oo {
      background: #3e459c!important;
    border: 1px solid #3e459c!important;
 
}
.grey .ooكونان2000oo {
      background: #a0a09a !important;
    border: 1px solid #a0a09a!important;
}
.green .ooكونان2000oo {
      background: #42b649 !important;
    border: 1px solid #42b649!important;
}
.yellow .ooكونان2000oo {
      background: #ede816 !important;
    border: 1px solid #ede816!important;
}
.purple .ooكونان2000oo {
      background: #aa4399 !important;
    border: 1px solid #aa4399!important;
}

.Orange .ooكونان2000oo {
      background: #ffa200 !important;
    border: 1px solid #ffa200 !important;
}
.Pink .ooكونان2000oo {
      background: #ffc0cb !important;
    border: 1px solid #ffc0cb !important;
}

.black .ooكونان2000oo {
      background: #000000 !important;
    border: 1px solid #000000 !important;
}

.red .ooكونان2000oo {
      background: #e90000 !important;
    border: 1px solid #e90000 !important;
}
.ightCoral .ooكونان2000oo {
      background: #f08080 !important;
    border: 1px solid #f08080 !important;
}

.Wisteria .ooكونان2000oo {
      background: #c6aec7 !important;
    border: 1px solid #c6aec7 !important;
}
 
.SlateBlue .ooكونان2000oo {
      background: #6a5acd !important;
  border: 1px solid #6a5acd !important;
}

.Indigo .ooكونان2000oo {
      background: #4b0082 !important;
  border: 1px solid #4b0082 !important;
}

.ذكر .ooكونان2000oo {
      background: #2196f3;
    border: 1px solid #2196f3;
 
}

.انثى .ooكونان2000oo {
      background: #e91e63;
  border: 1px solid #e91e63;
}
.blue .avatar-big img {
    border: 2px solid #3e459c!important;
 
}
.grey .avatar-big img {
    border: 2px solid #a0a09a!important;
}
.green .avatar-big img {
    border: 2px solid #42b649!important;
}
.yellow .avatar-big img {
    border: 2px solid #ede816!important;
}
.purple .avatar-big img {
    border: 2px solid #aa4399!important;
}

.Orange .avatar-big img {
    border: 2px solid #ffa200 !important;
}
.Pink .avatar-big img {
    border: 2px solid #ffc0cb !important;
}

.black .avatar-big img {
    border: 2px solid #000000 !important;
}

.red .avatar-big img {
    border: 2px solid #e90000 !important;
}
.ightCoral .avatar-big img {
    border: 2px solid #f08080 !important;
}

.Wisteria .avatar-big img {
    border: 2px solid #c6aec7 !important;
}
 
.SlateBlue .avatar-big img {
  border: 2px solid #6a5acd !important;
}

.Indigo .avatar-big img {
  border: 2px solid #4b0082 !important;
}

.ذكر .avatar-big img {
    border: 2px solid #2196f3;
 
}

.انثى .avatar-big img {
  border: 2px solid #e91e63;
}



كونان2000 كتب:اهلا اخي المبدع
اضف التالي الى الcss

الكود:

 
..blue .ooكونان2000oo {
      background: #3e459c!important;
    border: 1px solid #3e459c!important;
 
}
.grey .ooكونان2000oo {
      background: #a0a09a !important;
    border: 1px solid #a0a09a!important;
}
.green .ooكونان2000oo {
      background: #42b649 !important;
    border: 1px solid #42b649!important;
}
.yellow .ooكونان2000oo {
      background: #ede816 !important;
    border: 1px solid #ede816!important;
}
.purple .ooكونان2000oo {
      background: #aa4399 !important;
    border: 1px solid #aa4399!important;
}

.Orange .ooكونان2000oo {
      background: #ffa200 !important;
    border: 1px solid #ffa200 !important;
}
.Pink .ooكونان2000oo {
      background: #ffc0cb !important;
    border: 1px solid #ffc0cb !important;
}

.black .ooكونان2000oo {
      background: #000000 !important;
    border: 1px solid #000000 !important;
}

.red .ooكونان2000oo {
      background: #e90000 !important;
    border: 1px solid #e90000 !important;
}
.ightCoral .ooكونان2000oo {
      background: #f08080 !important;
    border: 1px solid #f08080 !important;
}

.Wisteria .ooكونان2000oo {
      background: #c6aec7 !important;
    border: 1px solid #c6aec7 !important;
}
 
.SlateBlue .ooكونان2000oo {
      background: #6a5acd !important;
  border: 1px solid #6a5acd !important;
}

.Indigo .ooكونان2000oo {
      background: #4b0082 !important;
  border: 1px solid #4b0082 !important;
}

.ذكر .ooكونان2000oo {
      background: #2196f3;
    border: 1px solid #2196f3;
 
}

.انثى .ooكونان2000oo {
      background: #e91e63;
   border: 1px solid #e91e63;
}
.blue .avatar-big img {
    border: 2px solid #3e459c!important;
 
}
.grey .avatar-big img {
    border: 2px solid #a0a09a!important;
}
.green .avatar-big img {
    border: 2px solid #42b649!important;
}
.yellow .avatar-big img {
    border: 2px solid #ede816!important;
}
.purple .avatar-big img {
    border: 2px solid #aa4399!important;
}

.Orange .avatar-big img {
    border: 2px solid #ffa200 !important;
}
.Pink .avatar-big img {
    border: 2px solid #ffc0cb !important;
}

.black .avatar-big img {
    border: 2px solid #000000 !important;
}

.red .avatar-big img {
    border: 2px solid #e90000 !important;
}
.ightCoral .avatar-big img {
    border: 2px solid #f08080 !important;
}

.Wisteria .avatar-big img {
    border: 2px solid #c6aec7 !important;
}
 
.SlateBlue .avatar-big img {
  border: 2px solid #6a5acd !important;
}

.Indigo .avatar-big img {
  border: 2px solid #4b0082 !important;
}

.ذكر .avatar-big img {
    border: 2px solid #2196f3;
 
}

.انثى .avatar-big img {
   border: 2px solid #e91e63;
}



تمام اشتغل فعلا اخي كونان لكن البيانات غير منظمة

up

كيف اخلي الكتابة كلها تجي ناحية اليمين بدل ما كل كلمة ماشية باتجاه ؟

جرب التالي بال css

الكود:

.post-author-details {
    font-family: serif !important;
    font-size: 12px;
}
.post-author-details dt {
    margin: 0 !important;
}
.post-author-details span {
    font-weight: 600;
    margin-left: 0 !important;
}

كونان2000 كتب:جرب التالي بال css

الكود:

.post-author-details {
    font-family: serif !important;
    font-size: 12px;
}
.post-author-details dt {
    margin: 0 !important;
}
.post-author-details span {
    font-weight: 600;
    margin-left: 0 !important;
}

تم الحل شكراً ياغالي