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

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


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

كود css لتحديد حجم صور المنتديات على الرئيسية لجميع النسخ ( حصرياً لمنتدى الدعم)

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

كود css لتحديد حجم صور المنتديات على الرئيسية لجميع النسخ ( حصرياً لمنتدى الدعم)

مُساهمة من طرف msrooor22 في السبت 21 أكتوبر 2017 - 10:55

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


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


والان اليكم الكود ويوضع في ورقه scc


لنسخة الثانية  phpBB2
الكود:
/***بداية كود تحديد حجم الصور في المنتديات على الصفحة الرئيسية **/

.genmed img {
      border-radius: 6px;
      width: 115px;
      height: 70px;
      font-weight: bold;
      border: 1px solid #DDD!important;
      border-bottom-width: 2px!important;
      }

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

لنسخة الثالثة  phpBB3 والنسخة ModernBB
الكود:
/***بداية كود تحديد حجم الصور في المنتديات على الصفحة الرئيسية **/

ul.topiclist dd.dterm img {
  border-radius: 6px;
  max-height:70px;
  max-width:115px;
  font-weight: bold;
  border: 1px solid #DDD!important;
  border-bottom-width: 2px!important;
}

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

لنسخة انفيلجن  Invision
الكود:
/***بداية كود تحديد حجم الصور في المنتديات على الصفحة الرئيسية **/

table.ipbtable td .par img {
      border-radius: 6px;
      width: 115px;
      height: 70px;
      font-weight: bold;
      border: 1px solid #DDD!important;
      border-bottom-width: 2px!important;
      }

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

لنسخة  PunBB
الكود:
/***بداية كود تحديد حجم الصور في المنتديات على الصفحة الرئيسية **/

.pun table.table td img {
  border-radius: 6px;
  max-height:70px;
  max-width:115px;
  font-weight: bold;
  border: 1px solid #DDD!important;
  border-bottom-width: 2px!important;
}

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

وللتحكم في عرض الصوره نغير رقم width 
ولارتفاع الصوره نغير رقم height

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

ذكر
عدد المساهمات : 85
معدل النشاط : 3147
السُمعة : 9

http://msrooor.yoo7.com/

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

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


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