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

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

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

مُساهمة من طرف نزار السعيد في الإثنين 1 يوليو 2019 - 10:26

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

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

و شكرا لكم
نزار السعيد
نزار السعيد
 
 

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

http://mo7it.yoo7.com/

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

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

مُساهمة من طرف omarpop23 في الثلاثاء 2 يوليو 2019 - 1:45

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

ذكر
عدد المساهمات : 1202
معدل النشاط : 4564
السُمعة : 180

http://www.best-devs.net

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

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

مُساهمة من طرف نزار السعيد في الثلاثاء 2 يوليو 2019 - 9:20

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

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

هذا هو الكود المستخدم من قبلي
علما انني اعمل على نسخة
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;
    }
نزار السعيد
نزار السعيد
 
 

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

http://mo7it.yoo7.com/

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

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

مُساهمة من طرف msrooor22 في الثلاثاء 2 يوليو 2019 - 12:32

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

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

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

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

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

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

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

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

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

الشكل الاول مربع صغير
اريد وضع صور القسم باشكال مختلفة 217
الكود:
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية بداية**/
.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;
}

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


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

الكود:
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية بداية**/
.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;
}
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية نهاية**/


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

الكود:
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية بداية**/
.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;
}
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية نهاية**/

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

الكود:
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية بداية**/
.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:

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

الشكل الاول مربع صغير
اريد وضع صور القسم باشكال مختلفة 217
الكود:
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية بداية**/
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;
}
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية نهاية**/


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

الكود:
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية بداية**/
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;
}
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية نهاية**/


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

الكود:
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية بداية**/
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;
}
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية نهاية**/

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

الكود:
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية بداية**/
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:

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

الشكل الاول مربع صغير
اريد وضع صور القسم باشكال مختلفة 217
الكود:
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية بداية**/
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;
}
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية نهاية**/


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

الكود:
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية بداية**/
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;
}
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية نهاية**/


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

الكود:
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية بداية**/
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;
}
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية نهاية**/

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

الكود:
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية بداية**/
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:

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

الشكل الاول مربع صغير
اريد وضع صور القسم باشكال مختلفة 217
الكود:
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية بداية**/
.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;
}
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية نهاية**/


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

الكود:
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية بداية**/
.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;
}
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية نهاية**/


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

الكود:
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية بداية**/
.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;
}
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية نهاية**/

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

الكود:
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية بداية**/
.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;
}
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية نهاية**/

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

ذكر
عدد المساهمات : 100
معدل النشاط : 3977
السُمعة : 12

http://msrooor.yoo7.com/

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

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

مُساهمة من طرف نزار السعيد في الثلاثاء 2 يوليو 2019 - 18:36

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

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

http://mo7it.yoo7.com/

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

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

مُساهمة من طرف msrooor22 في الأربعاء 3 يوليو 2019 - 12:46

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

ذكر
عدد المساهمات : 100
معدل النشاط : 3977
السُمعة : 12

http://msrooor.yoo7.com/

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

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

مُساهمة من طرف TAREK YOUCEF في الأربعاء 24 يوليو 2019 - 9:27

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

ذكر
عدد المساهمات : 1978
معدل النشاط : 6069
السُمعة : 31

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

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


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