اريد وضع صور القسم باشكال مختلفة

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

و اظن انه من ضمن المواضيع الاساسية للمنتدى
ارجوا مساعدتي على رابط هذا الموضوع
لانني لم استطع العثور عليه

و شكرا لكم

ممكن صورة توضح مكان الصورة اللي تريد وضعها عندكـ بالمنتدى

عزيزي الغالي تم الامر
و لكن اريد حل مشكلتين ظهرا بعد تنفيذ الكود
1- عدم عمل الايقونات التي بجانب الصور و التي تدل على مساهمات جديدة - لا مساهمات - منتدى مقفل
بحيث كلها اصبحت تظهر له ايقونة واحدة كما بالصورة و هي لا مساهمات جديدة . و ايقونة المساهمات الجديدة
و التي تظهر باللون الاحمر لم تعد تظهر .
2- عند طلب المواضيع الجديدة - مساهماتي - المواضيع بدون مساهمات تظهر الصور كما بالمثالي التالي
اريد حذفها او اظهار الصور بشكل اوضح

هذا هو الكود المستخدم من قبلي
علما انني اعمل على نسخة
Modren BB

الكود:: /***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية بداية**/
.forabg dl.icon dd.dterm img, dl.icon dt img {
height: 70px;
width: 115px;
font-size: 0px;
padding: 4px;
border-bottom-right-radius: 30px;
border-top-left-radius: 30px;
margin-left: 8px;
background: #fff url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD !important;
margin-top: 3px;
}

السلام عليكم اخواني وخواتي الاعزاء
اقدم لكم كود css لتحديد حجم صور المنتديات على الريسية كود اكثر من رااااائع
بسم الله فل نبدااااااااا

كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية
الكود صغير ومايحتاج توضيح
وتم تصميمه برابع مقاسات مختلفة ولجميع النسخ

واليكم صور الكود
الشكل الاول مربع صغير

الشكل الثاني مستطيل

الشكل الثالث دائري

الشكل الرابع منحني

الكود يوضع في صفحة SCC

واولااااا نبدا بالنسخة الثالثة والاخيرة -
ModernBBBETA- phpBB3

Spoiler:

اختر واحد من التصاميم التالية

الشكل الاول مربع صغير

الكود:: /***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية بداية**/
.forabg dl.icon dd.dterm img, dl.icon dt img {
   background: #fff url(https://i33.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
   border: 1px solid #DDD !important;
   font-size: 0;
   height: 60px;
   margin-left: 6px;
   margin-top: 3px;
   padding: 4px;
   width: 70px;
   border-radius: 10px;
}

/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية نهاية**/

الشكل الثاني مستطيل

الكود:: /***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية بداية**/
.forabg dl.icon dd.dterm img, dl.icon dt img {
   background: #fff url(https://i33.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
   border-radius: 10px;
   font-size: 0;
   height: 70px;
   margin-left: 6px;
   margin-top: 3px;
   padding: 4px;
   width: 115px;
   border: 1px solid #DDD !important;
}
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية نهاية**/

الشكل الثالث دائري

الكود:: /***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية بداية**/
.forabg dl.icon dd.dterm img, dl.icon dt img {
   background: #fff url(https://i33.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
   border: 1px solid #DDD !important;
   font-size: 0;
   height: 70px;
   margin-left: 6px;
   margin-top: 3px;
   padding: 4px;
   width: 70px;
   border-radius: 100px;
}
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية نهاية**/

الشكل الرابع منحني

الكود:: /***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية بداية**/
.forabg dl.icon dd.dterm img, dl.icon dt img {
   height: 70px;
   width: 115px;
   font-size: 0px;
   padding: 4px;
   border-bottom-right-radius: 30px;
   border-top-left-radius: 30px;
   margin-left: 8px;
   background: #fff url(https://i33.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
   border: 1px solid #DDD !important;
   margin-top: 3px;
}
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية نهاية**/

كود النسخة الثانية phpBB2

Spoiler:

اختر واحد من التصاميم التالية

الشكل الاول مربع صغير

الكود:: /***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية بداية**/
td.row1 .genmed img {
   background: #fff url(https://i33.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
   border: 1px solid #DDD !important;
   font-size: 0;
   height: 60px;
   margin-left: 6px;
   margin-top: 3px;
   padding: 4px;
   width: 70px;
   border-radius: 10px;
}
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية نهاية**/

الشكل الثاني مستطيل

الكود:: /***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية بداية**/
td.row1 .genmed img {
   background: #fff url(https://i33.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
   border-radius: 10px;
   font-size: 0;
   height: 70px;
   margin-left: 6px;
   margin-top: 3px;
   padding: 4px;
   width: 115px;
   border: 1px solid #DDD !important;
}
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية نهاية**/

الشكل الثالث دائري

الكود:: /***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية بداية**/
td.row1 .genmed img {
   background: #fff url(https://i33.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
   border: 1px solid #DDD !important;
   font-size: 0;
   height: 70px;
   margin-left: 6px;
   margin-top: 3px;
   padding: 4px;
   width: 70px;
   border-radius: 100px;
}
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية نهاية**/

الشكل الرابع منحني

الكود:: /***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية بداية**/
td.row1 .genmed img {
   height: 70px;
   width: 115px;
   font-size: 0px;
   padding: 4px;
   border-bottom-right-radius: 30px;
   border-top-left-radius: 30px;
   margin-left: 8px;
   background: #fff url(https://i33.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
   border: 1px solid #DDD !important;
   margin-top: 3px;
}
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية نهاية**/

النسخة تليفجن Invision

Spoiler:

اختر واحد من التصاميم التالية

الشكل الاول مربع صغير

الكود:: /***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية بداية**/
table.ipbtable td .par img {
   background: #fff url(https://i33.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
   border: 1px solid #DDD !important;
   font-size: 0;
   height: 60px;
   margin-left: 6px;
   margin-top: 3px;
   padding: 4px;
   width: 70px;
   border-radius: 10px;
}
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية نهاية**/

الشكل الثاني مستطيل

الكود:: /***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية بداية**/
table.ipbtable td .par img {
   background: #fff url(https://i33.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
   border-radius: 10px;
   font-size: 0;
   height: 70px;
   margin-left: 6px;
   margin-top: 3px;
   padding: 4px;
   width: 115px;
   border: 1px solid #DDD !important;
}
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية نهاية**/

الشكل الثالث دائري

الكود:: /***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية بداية**/
table.ipbtable td .par img {
   background: #fff url(https://i33.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
   border: 1px solid #DDD !important;
   font-size: 0;
   height: 70px;
   margin-left: 6px;
   margin-top: 3px;
   padding: 4px;
   width: 70px;
   border-radius: 100px;
}
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية نهاية**/

الشكل الرابع منحني

الكود:: /***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية بداية**/
table.ipbtable td .par img {
   height: 70px;
   width: 115px;
   font-size: 0px;
   padding: 4px;
   border-bottom-right-radius: 30px;
   border-top-left-radius: 30px;
   margin-left: 8px;
   background: #fff url(https://i33.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
   border: 1px solid #DDD !important;
   margin-top: 3px;
}
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية نهاية**/

كود النسخة PunBB

Spoiler:

اختر واحد من التصاميم التالية

الشكل الاول مربع صغير

الكود:: /***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية بداية**/
.pun table.table td img {
   background: #fff url(https://i33.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
   border: 1px solid #DDD !important;
   font-size: 0;
max-height:60px;
  max-width:70px;
   margin-left: 6px;
   margin-top: 3px;
   padding: 4px;
   border-radius: 10px;
}
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية نهاية**/

الشكل الثاني مستطيل

الكود:: /***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية بداية**/
.pun table.table td img {
   background: #fff url(https://i33.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
   border-radius: 10px;
   font-size: 0;
max-height:70px;
  max-width:115px;
   margin-left: 6px;
   margin-top: 3px;
   padding: 4px;
   border: 1px solid #DDD !important;
}
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية نهاية**/

الشكل الثالث دائري

الكود:: /***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية بداية**/
.pun table.table td img {
   background: #fff url(https://i33.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
   border: 1px solid #DDD !important;
   font-size: 0;
max-height:70px;
  max-width:70px;
   margin-left: 6px;
   margin-top: 3px;
   padding: 4px;
   border-radius: 100px;
}
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية نهاية**/

الشكل الرابع منحني

الكود:: /***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية بداية**/
.pun table.table td img {
   max-height:70px;
  max-width:115px;
   font-size: 0px;
   padding: 4px;
   border-bottom-right-radius: 30px;
   border-top-left-radius: 30px;
   margin-left: 8px;
   background: #fff url(https://i33.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
   border: 1px solid #DDD !important;
   margin-top: 3px;
}
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية نهاية**/

تم الشرح
حقوق التصميم لمسرووور
تحياتي لكم ودمتم بخير

شكرا لك
ولكن اريد التعديل على الكود كما طلبته انا بالمساهمة السابقة

الكود معدل علية ولن يكبر الور الصغيرة
جربة

مر على الموضوع اسبوع تقريباً , هذه يعني ان الموضوع تم حلة او أهملت من صاحب المشكلة رجاء في حال كانت لديك المشكلة مستمر او اي استفسار اخر قم بفتح موضوع جديد سيتم غلق الموضوع & يرسل الى الأرشيف

يرجى مراجعة : قوانين منتدى الدعم

> من هنا لمراسلة الإدارة لوضع مواضيع الشروحات الجديدة و الأكواد للدراسة <
>> من هنا لمراسلة الإدارة بشكايات بخلاف طلبات كلمة السر او الشروحات <<

> لمراسلة الإدارة لطلب كلمة سر جديدة لمنتداك <

» ازاى لا اظهر اسم المشرف على القسم بجانب اسم القسم ، بس يكون موجود داخل القسم
» اقتراح هام جدا:وضع وصف القسم داخل القسم ليتم ارشفه اسم القسم مع وصفه
» اريد كود عدد زوار القسم
» اريد كود وضع قوانين القسم
» اريد تعديل على كود اظهار اخر مواضيع هذا القسم