منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.


انشاء منتدى مجاني شبيه بهذا المنتدى

مشكلة بكود جعل الصور الشخصية بشكل دائري ببيانات العضو

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

مشكلة بكود جعل الصور الشخصية بشكل دائري ببيانات العضو

مُساهمة من طرف زائر في السبت 2 يوليو 2016 - 19:43

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

انا لدى مشكلة في منتداى عندما ركبت هذا الكود
http://help.ahlamontada.com/t1080938-topic

لم يجعل الصور الشخصية فقط دائرية بل وايضآ جعل ذكر وانثى دائرية

رابط للمعاينة 
http://www.rom2o.com/t3-topic
avatar
زائر
زائر


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

رد: مشكلة بكود جعل الصور الشخصية بشكل دائري ببيانات العضو

مُساهمة من طرف JoryAbdallah في السبت 2 يوليو 2016 - 20:18

وعليكم السلام ورحمة الله وبركاته
اهلا اخي بدل بداية دة
.poster-profile.postdetails img{
بدة
.postdetails.poster-profile a img {

واعتذر عن الخطا
avatar
JoryAbdallah
 
 

انثى
عدد المساهمات : 4199
معدل النشاط : 5830
السُمعة : 292

http://taqnyiat.ahlamontada.com/

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

رد: مشكلة بكود جعل الصور الشخصية بشكل دائري ببيانات العضو

مُساهمة من طرف keko_ferkeko في السبت 2 يوليو 2016 - 23:12

الكود الصحيح

الكود:
##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 {    background: rgb(255, 255, 255) none repeat scroll 0 0;    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 {    border-radius: 100px;    height: 100px;    width: 100px;}.lastpost-avatar, .lastpost-avatar img, td.avatar-mini img {    height: 34px;    width: 34px; }  
avatar
keko_ferkeko
 
 

ذكر
عدد المساهمات : 562
معدل النشاط : 3841
السُمعة : 0

http://nf-son.forumotion.com

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

رد: مشكلة بكود جعل الصور الشخصية بشكل دائري ببيانات العضو

مُساهمة من طرف JoryAbdallah في الأحد 3 يوليو 2016 - 3:32

@keko_ferkeko كتب:الكود الصحيح

الكود:
##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 {    background: rgb(255, 255, 255) none repeat scroll 0 0;    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 {    border-radius: 100px;    height: 100px;    width: 100px;}.lastpost-avatar, .lastpost-avatar img, td.avatar-mini img {    height: 34px;    width: 34px; }  
الاخ يريد فقط للصورة الشخصية بالبيانات
وايضا الكود دة للنسخة الثالثة
avatar
JoryAbdallah
 
 

انثى
عدد المساهمات : 4199
معدل النشاط : 5830
السُمعة : 292

http://taqnyiat.ahlamontada.com/

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

رد: مشكلة بكود جعل الصور الشخصية بشكل دائري ببيانات العضو

مُساهمة من طرف keko_ferkeko في الأحد 3 يوليو 2016 - 3:46

JAR7 كتب:الاخ يريد فقط للصورة الشخصية بالبيانات
وايضا الكود دة للنسخة الثالثة

الكود هذا هو الوحيد اللي اشتغل معايا.. إذا عندك الآخر يا ريت تضعه و تفيد الكل.
خالص التحية :) 
avatar
keko_ferkeko
 
 

ذكر
عدد المساهمات : 562
معدل النشاط : 3841
السُمعة : 0

http://nf-son.forumotion.com

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

رد: مشكلة بكود جعل الصور الشخصية بشكل دائري ببيانات العضو

مُساهمة من طرف JoryAbdallah في الأحد 3 يوليو 2016 - 4:06

اهلا بك وضعت ردي موضحة الامر وتم تعديل بالموضوع المشار به صاحب الموضوع
الكود كامل
الكود:
.postdetails.poster-profile a img{
  background:#fff;
  border:2px solid;
  font-weight:lighter;
  padding:5px;
  border-radius:100px;
  box-shadow:0 0px 4px rgba(0,0,0,.3),0 -1px 1px rgba(0,0,0,.3);
  display:inline-block;
  height:100px;
  overflow:hidden;
  margin:10px 0;
  width:100px;
  text-align:center
}
avatar
JoryAbdallah
 
 

انثى
عدد المساهمات : 4199
معدل النشاط : 5830
السُمعة : 292

http://taqnyiat.ahlamontada.com/

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

رد: مشكلة بكود جعل الصور الشخصية بشكل دائري ببيانات العضو

مُساهمة من طرف keko_ferkeko في الأحد 3 يوليو 2016 - 10:58

تمام.. شكراً لكِ  cat
avatar
keko_ferkeko
 
 

ذكر
عدد المساهمات : 562
معدل النشاط : 3841
السُمعة : 0

http://nf-son.forumotion.com

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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

- مواضيع مماثلة

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