كود جعل بيانات العضو بشكل جميل

اذهب الى الأسفل

تم الحل كود جعل بيانات العضو بشكل جميل

مُساهمة من طرف ⊱Queen⊰ في السبت 16 مارس 2019 - 8:59

اريد كود لاستطيع تزيين بيانات العضو ويكون مثل هذا المنتدى 


هاهي الصورة 


كود جعل بيانات العضو بشكل جميل  155271917648381
و هاهي مفككة 


كود جعل بيانات العضو بشكل جميل  155271928268681




كود جعل بيانات العضو بشكل جميل  155271928270992




كود جعل بيانات العضو بشكل جميل  155271928272313


رابط المنتدى 
⊱Queen⊰
⊱Queen⊰
 
 

انثى
عدد المساهمات : 76
معدل النشاط : 270
السُمعة : 0

http://j.gs/CXvx

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: كود جعل بيانات العضو بشكل جميل

مُساهمة من طرف ⊱Queen⊰ في الإثنين 18 مارس 2019 - 13:11

هل من رد
⊱Queen⊰
⊱Queen⊰
 
 

انثى
عدد المساهمات : 76
معدل النشاط : 270
السُمعة : 0

http://j.gs/CXvx

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: كود جعل بيانات العضو بشكل جميل

مُساهمة من طرف ⊱Queen⊰ في الإثنين 18 مارس 2019 - 19:04

هاي ردو بلييييز
⊱Queen⊰
⊱Queen⊰
 
 

انثى
عدد المساهمات : 76
معدل النشاط : 270
السُمعة : 0

http://j.gs/CXvx

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: كود جعل بيانات العضو بشكل جميل

مُساهمة من طرف MostWanted في الأربعاء 20 مارس 2019 - 18:23

الشكل مثير للاهتمام
نرجو من الخبراء افادتنا بالكود ..
MostWanted
MostWanted
 
 

ذكر
عدد المساهمات : 375
معدل النشاط : 4266
السُمعة : 11

http://thebest.all-up.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: كود جعل بيانات العضو بشكل جميل

مُساهمة من طرف omarpop23 في الجمعة 22 مارس 2019 - 0:09

اسف علي التأخير
ضعي الكود التالي في ورقة الـ CSS
الكود:
.post-author-details {
    display: block;
    position: relative;
    margin: 90px 0;
    text-align: right;
    background: url(https://mrkzgulfup.com/uploads/155271928270992.gif) repeat-y;
    width: 200px;
    padding-right: 20px;
}
.post-author-details:before {
    content: '';
    background: url(https://mrkzgulfup.com/uploads/155271928268681.gif);
    display: block;
    height: 90px;
    width: 200px;
    position: absolute;
    top: -90px;
    right: 2px;
}
.post-author-details:after {
    content: '';
    background: url(https://mrkzgulfup.com/uploads/155271928272313.gif) no-repeat;
    display: block;
    height: 90px;
    position: absolute;
    width: 200px;
    right: 1px;
}
omarpop23
omarpop23
احلى مساعد
احلى مساعد

ذكر
عدد المساهمات : 976
معدل النشاط : 4083
السُمعة : 150

http://www.best-devs.net

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: كود جعل بيانات العضو بشكل جميل

مُساهمة من طرف MostWanted في السبت 23 مارس 2019 - 13:29

الكود لا يعمل معي ..
MostWanted
MostWanted
 
 

ذكر
عدد المساهمات : 375
معدل النشاط : 4266
السُمعة : 11

http://thebest.all-up.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: كود جعل بيانات العضو بشكل جميل

مُساهمة من طرف omarpop23 في السبت 23 مارس 2019 - 19:18

الكود يعمل علي نسخه الاخيرة و هي نسخه الاخت queen 

فالكود يختلف من نسخه لنسخه و تصميم لتصميم علي حسب التكويد يا @MostWanted
omarpop23
omarpop23
احلى مساعد
احلى مساعد

ذكر
عدد المساهمات : 976
معدل النشاط : 4083
السُمعة : 150

http://www.best-devs.net

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: كود جعل بيانات العضو بشكل جميل

مُساهمة من طرف MostWanted في السبت 23 مارس 2019 - 22:44

فهمت .. أنا أستخدم النسخة الثانية ..
MostWanted
MostWanted
 
 

ذكر
عدد المساهمات : 375
معدل النشاط : 4266
السُمعة : 11

http://thebest.all-up.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: كود جعل بيانات العضو بشكل جميل

مُساهمة من طرف omarpop23 في السبت 23 مارس 2019 - 22:48

تفضل كود خاص بنسختك @MostWanted
كود الاخ MostWanted:

الكود:
.postdetails.poster-profile {
    display: block;
    position: relative;
    margin: 90px 0;
    text-align: right;
    background: url(https://mrkzgulfup.com/uploads/155271928270992.gif) repeat-y;
    width: 173px;
    padding-right: 20px;
    border: unset !important;
}
.postdetails.poster-profile:before {
    content: '';
    background: url(https://mrkzgulfup.com/uploads/155271928268681.gif);
    display: block;
    height: 90px;
    width: 200px;
    position: absolute;
    top: -90px;
    right: 2px;
}
.postdetails.poster-profile:after {
    content: '';
    background: url(https://mrkzgulfup.com/uploads/155271928272313.gif) no-repeat;
    display: block;
    height: 90px;
    position: absolute;
    width: 200px;
    right: 1px;
}
omarpop23
omarpop23
احلى مساعد
احلى مساعد

ذكر
عدد المساهمات : 976
معدل النشاط : 4083
السُمعة : 150

http://www.best-devs.net

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: كود جعل بيانات العضو بشكل جميل

مُساهمة من طرف MostWanted في الأحد 24 مارس 2019 - 19:32

بارك الله فيك
الكود يعمل الآن لكن فيه خلل :

كود جعل بيانات العضو بشكل جميل  2129f75107af353

يظهر فراغ بين الخلفية و الفوتر
MostWanted
MostWanted
 
 

ذكر
عدد المساهمات : 375
معدل النشاط : 4266
السُمعة : 11

http://thebest.all-up.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: كود جعل بيانات العضو بشكل جميل

مُساهمة من طرف MostWanted في الإثنين 25 مارس 2019 - 18:30

تم التركيب :

http://www.theb3st.com

الكود المستخدم :

الكود:
/*------------بيانات شخصية-------------------*/


.postdetails.poster-profile {
    display: block;
    position: relative;
    margin: 130px 0;
    background: url(http://www.m5zn.com/newuploads/2019/03/25/jpg//ff1ec6a6ac4e028.jpg) repeat-y;
    width: 220px;
    padding-right: 2px;
    border: unset !important;
  text-align: center;
}
.postdetails.poster-profile:before {
    content: '';
    background: url(http://www.m5zn.com/newuploads/2019/03/25/png//a608378f3c19473.png);
    display: block;
    height: 153px;
    width: 220px;
    position: absolute;
    top: -126px;
    right: 2px;
}
.postdetails.poster-profile:after {
    content: '';
    background: url(http://www.m5zn.com/newuploads/2019/03/25/png//6ed952095c50412.png) no-repeat;
    display: block;
    height: 132px;
    position: absolute;
    width: 220px;
    right: 2px;
}

MostWanted
MostWanted
 
 

ذكر
عدد المساهمات : 375
معدل النشاط : 4266
السُمعة : 11

http://thebest.all-up.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: كود جعل بيانات العضو بشكل جميل

مُساهمة من طرف omarpop23 في الإثنين 25 مارس 2019 - 19:06

جرب الكود التالي
الكود:
/*------------بيانات شخصية-------------------*/
.postdetails.poster-profile:before {
    content: '';
    background: url(http://www.m5zn.com/newuploads/2019/03/25/png//a608378f3c19473.png);
    display: block;
    height: 153px;
    width: 220px;
    position: absolute;
    top: -153px;
    right: 2px;
}
.postdetails.poster-profile {
    display: block;
    position: relative;
    margin: 145px 0;
    background: url(http://www.m5zn.com/newuploads/2019/03/25/jpg//ff1ec6a6ac4e028.jpg) repeat-y;
    width: 220px;
    padding-right: 2px;
    border: unset !important;
    text-align: center;
}
.postdetails.poster-profile:after {
    content: '';
    background: url(http://www.m5zn.com/newuploads/2019/03/25/png//6ed952095c50412.png) no-repeat;
    display: block;
    height: 132px;
    position: absolute;
    width: 220px;
    right: 2px;
    bottom: -132px;
}
omarpop23
omarpop23
احلى مساعد
احلى مساعد

ذكر
عدد المساهمات : 976
معدل النشاط : 4083
السُمعة : 150

http://www.best-devs.net

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: كود جعل بيانات العضو بشكل جميل

مُساهمة من طرف MostWanted في الإثنين 25 مارس 2019 - 19:44

يعمل و بشكل مثالي
شكرا جزيلا لك
Cool
MostWanted
MostWanted
 
 

ذكر
عدد المساهمات : 375
معدل النشاط : 4266
السُمعة : 11

http://thebest.all-up.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


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