السلام عليكم ورحمة الله وبركاته , ينقل الى القسم المناسب
قم بوضع هذه الاكواد في ورقة التصميم CSS الخاصة بك (فقط لمنتديات النسخة الثالثة):

الكود:

/* البيانات الشخصية */
.postprofile {
    text-align: center;
    background: url(http://i97.servimg.com/u/f97/12/38/56/54/row1010.png) repeat-x 0 0 #F6F6F6;
    border: 1px solid #DDD;
    border-radius: 3px;
    padding: 3px;
    padding-top: 60px;
    position: relative;
}

.postprofile {
    border-color: #fff;
    border-left-style: solid;
    border-left-width: 1px;
    color: #555;
    display: inline;
    float: right;
    margin: 5px 0 0;
    min-height: 80px;
    position: relative;
    width: 22%;
    word-wrap: break-word;
}

div.post .postprofile:before {
    content: url(http://i21.servimg.com/u/f21/19/33/86/51/offlin10.png);
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
    z-index: 2;
}

div.post .postprofile:after {
    content: ".";
    font-size: 0;
    background: #2E3133;
    border-bottom: 4px solid #868686;
    height: 16px;
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
    z-index: 1;
}

div.post.online .postprofile:before {
    content: url(http://i21.servimg.com/u/f21/19/33/86/51/online10.png);
}

div.post.online .postprofile:after {
    border-color: #84C754;
}
/* نهاية البيانات الشخصية */

واخبرنا بالنتيجة

DeLeTe كتب:السلام عليكم ورحمة الله وبركاته , ينقل الى القسم المناسب
قم بوضع هذه الاكواد في ورقة التصميم CSS الخاصة بك (فقط لمنتديات النسخة الثالثة):

الكود:

/* البيانات الشخصية */
.postprofile {
    text-align: center;
    background: url(http://i97.servimg.com/u/f97/12/38/56/54/row1010.png) repeat-x 0 0 #F6F6F6;
    border: 1px solid #DDD;
    border-radius: 3px;
    padding: 3px;
    padding-top: 60px;
    position: relative;
}

.postprofile {
    border-color: #fff;
    border-left-style: solid;
    border-left-width: 1px;
    color: #555;
    display: inline;
    float: right;
    margin: 5px 0 0;
    min-height: 80px;
    position: relative;
    width: 22%;
    word-wrap: break-word;
}

div.post .postprofile:before {
    content: url(http://i21.servimg.com/u/f21/19/33/86/51/offlin10.png);
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
    z-index: 2;
}

div.post .postprofile:after {
    content: ".";
    font-size: 0;
    background: #2E3133;
    border-bottom: 4px solid #868686;
    height: 16px;
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
    z-index: 1;
}

div.post.online .postprofile:before {
    content: url(http://i21.servimg.com/u/f21/19/33/86/51/online10.png);
}

div.post.online .postprofile:after {
    border-color: #84C754;
}
/* نهاية البيانات الشخصية */

واخبرنا بالنتيجة

شكراً لك حبيبي ولكن انا اريد الكود كامل...يعني مثلاص صورة العضو تكون دائرية وأيضا الخط الفاصل نسخة المنتدى..عدد المساهمات إلخ.. ...ويكون باللون الذي وضعته في الموضوع أعلاه وليس أزرق

---

نسخة المنتدى :

---

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

---

معدل النشاط :13396

اضف هذه الاكواد ايضا في ورقة التصميم css:

الكود:

/* الصورة الشخصية الدائرية */
.mod-login-avatar dt, #main-content > div.post .postprofile dt > a, #fa_popup_content > div.post .postprofile dt > a, .postprofile dt > img, .lastpost-avatar, td.avatar-mini img, .avatar, #userAvatar {
    background: #FFF;
    border-radius: 100px;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3), 0px -1px 1px rgba(0, 0, 0, 0.3);
    display: inline-block;
    height: 100px;
    width: 100px;
    padding: 3px;
    margin: 10px 0;
    overflow: hidden;
}

.mod-login-avatar dt > img, #main-content > div.post .postprofile dt img, #fa_popup_content > div.post .postprofile dt img, .lastpost-avatar img, td.avatar-mini img, .avatar img, #userAvatar img {
    border-radius: 100px;
    height: 100px;
    width: 100px;
}

.poster-profile.postdetails img {
border-radius: 55%;
 transition:all 0.3s ease;
}
.poster-profile.postdetails img:hover {
border-radius: 0%;
transition:all 0.3s ease;
}

.post .post_author div.author_avatar img {
border-radius: 55%;
 transition:all 0.3s ease;
}
.post .post_author div.author_avatar img:hover {
border-radius: 0%;
transition:all 0.3s ease;
}

hr {
  border-color: #3d6599;
}
/* نهاية أكواد الصورة الدائرية */

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

وبخصوص اللون فتم وضعه في الأكواد فلا تقلق.
اخبرني بالنتيجة