كود scc البيانات الشخصية الاحترافية –النسخة الثانية لأحلى منتدى

كود البيانات الشخصية الاحترافية – النسخة الثانية لأحلى منتدى

بعد وضع الكود

✨ كود البيانات الشخصية الاحترافية – النسخة الثانية لأحلى منتدى ✨

مرحبًا بكم أعزائي أعضاء وزوار [اسم المنتدى]، 🏆💙

اليوم أقدم لكم كود CSS احترافيًا للبيانات الشخصية في المواضيع والردود على أحلى منتدى (نسخة الثانية)، حيث يعمل على تحسين عرض معلومات الأعضاء وإضافة لمسات جمالية أنيقة لملفاتهم الشخصية داخل المشاركات. 🎨🖌️

📌 مميزات الكود:

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

بشكل واضح وسلس.
✅ تحكم كامل في الألوان والخطوط، ويمكنك التعديل بسهولة ليتناسب مع ستايل منتداك.
✅ متوافق مع جميع الأجهزة (الكمبيوتر والجوال) لضمان تجربة مستخدم مميزة.

📥 طريقة تركيب الكود:

📌 لإضافة هذا التصميم الرائع إلى منتداك، قم باتباع الخطوات التالية:
1️⃣ انتقل إلى لوحة الإدارة.
2️⃣ اختر مظهر المنتدى ➝ الألوان ➝ ورقة تصميم CSS.
3️⃣ قم بلصق الكود في مربع الأكواد.
4️⃣ اضغط على سجل لحفظ التعديلات.
5️⃣ استمتع بمظهر احترافي وجذاب لملفات الأعضاء! 🎉

🔹 ملاحظة: يمكنك تعديل الألوان والخلفيات حسب ذوقك لتتناسب مع تصميم المنتدى.

💬 لا تنسوا مشاركة آرائكم واقتراحاتكم حول الكود في التعليقات! 🤩
📌 إذا واجهتم أي مشكلة، أنا هنا للمساعدة.

🔗 دمتم مبدعين ومحترفين في تطوير منتدياتكم! 🚀🔥

صندوق الكود

/* ==========================================================
   تصميم الروابط بواسطة: جاك سبارو - مدونة القرصان
   رابط الموقع: https://zx303.blogspot.com/
   يُمنع إزالة الحقوق - جميع الحقوق محفوظة © 
   ========================================================== */

.eshary, .poster-profile {
  background: #FCFCFC url() repeat-x bottom left;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  color: ##444;
  display: block;
  font-family: alhurratxtregcv, geneva, lucida, "lucida grande", arial, helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-variant: normal;
  font-weight: 700;
  margin: -23px 3px 3px;
  padding: 7px;
  text-align: center;
  border-bottom: 1px solid #ddd;
}

/* باقي الكود كما هو... (لم يتم التعديل على المحتوى نفسه) */

.postprofile .label span, .postprofile .label {
    color: #39C !important;
    font-weight: bold;
}
.postprofile {
    color: #000;
}
.postprofile dd img, #cp-main img {
  max-width:40px;
}
.postprofile .poster-profile {
    float: right;
    text-align: left;
    margin-left: 3px;
    margin-right: -3px;
    width: 50%;
}
.postprofile dd {
    text-align: right;
}
#main-content > div.post .postprofile dt img {
    background: #FFF;
    border-radius: 100px;
    box-shadow: 0 2px 3px rgba(0,0,0,0.3), 0 -1px 1px rgba(0,0,0,0.3);
    display: inline-block;
    height: 100px;
    margin: 10px 0;
    overflow: hidden;
    padding: 3px;
    width: 100px;
}
.postprofile {
    text-align: center;
    background: url('https://i.servimg.com/u/f18/18/45/41/65/row10.png') repeat-x 0 0 #F6F6F6;
    border: 1px solid #DDD;
    border-radius: 3px;
    padding: 3px;
        padding-top: 3px;
    padding-top: 60px;
    position: relative;
}
.postprofile {
      text-align: center;
    border-color: #;
    border-left-style: solid;
    border-left-width: 1px;

    display: inline;
    float: right;
    margin: 5px 0 0;
    min-height: 80px;
    position: relative;
    width: 22%;
    word-wrap: break-word;
}
form tr td.row1 span.name, form tr td.row2 span.name {
background: none!important;
border: none!important;
padding: 0!important;
}
table.forumline .row1 span.name, table.forumline .row2 span.name {
  border-top: 1px solid #ddd;
display: block;
font-family: alhurratxtregcv,geneva,lucida,"lucida grande",arial,helvetica,sans-serif;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: 700;
margin: 3px;
text-align: center;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
padding-top: 7px;
padding-right: 7px;
padding-left: 7px;
background: #FCFCFC url() repeat-x bottom left;
}
#fa_popup_content > div.post .postprofile dt > a, #main-content > div.post .postprofile dt > a, #userAvatar, .avatar, .lastpost-avatar, .mod-login-avatar dt, .postprofile dt > img, td.avatar-mini img, #fa_usermenu img, .postdetails.poster-profile a img {
background: #f2eadd url(https://i.servimg.com/u/f24/19/34/83/47/alt210.jpg) repeat-x bottom left;
border-bottom: 1px solid #ddd;
    border: 1px solid #ddd !important;
    border-radius: 100px;
    box-shadow: 0 2px 3px rgba(0,0,0,0.3), 0 -1px 1px rgba(0,0,0,0.3);
    display: inline-block;
    height: 100px;
    margin: 10px 0;
    overflow: hidden;
    padding: 3px;
    width: 100px;
}
#fa_popup_content > div.post .postprofile dt img, #main-content > div.post .postprofile dt img, #userAvatar img, .avatar img, .lastpost-avatar img, .mod-login-avatar dt > img, td.avatar-mini img, #fa_usermenu img, .postdetails.poster-profile a img {
    border-radius: 100px;
    height: 100px;
    width: 100px;
}
.avatar, .avatar img {
    height: 40px;
    width: 40px;
}
.friend-block .avatar {
    margin: 0 10px;
}
.lastpost-avatar {
    margin: 0 5px 0 0;
    padding: 2px!important;
}
.lastpost-avatar, .lastpost-avatar img, td.avatar-mini img {
    height: 34px;
    width: 34px;
  margin-left: 4px;
}
img .eshary, .poster-profile img {
    max-width: 120px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
}
.blog_comment-avatar img {
height: 40px;
width: 40px;
background: #f2eadd url(https://i.servimg.com/u/f24/19/34/83/47/alt210.jpg) repeat-x bottom left;
border-bottom: 1px solid #ddd;
border: 1px solid #ddd !important;
border-radius: 100px;
box-shadow: 0 2px 3px rgba(0,0,0,0.3), 0 -1px 1px rgba(0,0,0,0.3);
display: inline-block;
margin: 10px 0;
overflow: hidden;
padding: 3px;
}
.postdetails.poster-profile img {
    border-radius: 100px;
    max-width: 100px;
    max-height: 100px;
}
span#PING_IFRAME_FORM_DETECTION {
    border-radius: 100px;
    max-width: 10px;
    max-height: 10px;
}
/* ==========================================================
   تصميم الروابط بواسطة: جاك سبارو - مدونة القرصان
   رابط الموقع: https://zx303.blogspot.com/
   يُمنع إزالة الحقوق - جميع الحقوق محفوظة © 
   ========================================================== */

حقوق الناشر ؛ مدونة القرصان

آخر الأخبار

كود scc البيانات الشخصية الاحترافية –النسخة الثانية لأحلى منتدى







📌 مميزات الكود:

📥 طريقة تركيب الكود:

عن القرصان جاك سبارو

التعليقات

آخر الأخبار

كود scc البيانات الشخصية الاحترافية –النسخة الثانية لأحلى منتدى







📌 مميزات الكود:

📥 طريقة تركيب الكود:

عن القرصان جاك سبارو

شاهد أيضاً

التعليقات