Hitskin.comهذه مُجرَّد مُعاينة لتصميم تم اختياره من موقع Hitskin.com
تنصيب التصميم في منتداك • الرجوع الى صفحة بيانات التصميم
انشاء منتدى مجانياريد وضع صور القسم باشكال مختلفة
4 مشترك
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: مشاكل في تنسيق مظهر أو تصميم أو صور أو الوان المنتدى :: أرشيف قسم "مشاكل في تنسيق مظهر المنتدى"
صفحة 1 من اصل 1
اريد وضع صور القسم باشكال مختلفة
من طرف نزار السعيد الإثنين 1 يوليو 2019 - 10:26
اصدقائي الكرام منذ فترة مررت على موضوع
كيفية وضع صور بالقسم و كان مشروح فيه بالتفصيل و الاكواد
كيفية وضع الصورة
مستديرة
او مربعة
او شكل اخر
بجانب اسم المنتدى
و اظن انه من ضمن المواضيع الاساسية للمنتدى
ارجوا مساعدتي على رابط هذا الموضوع
لانني لم استطع العثور عليه
و شكرا لكم
كيفية وضع صور بالقسم و كان مشروح فيه بالتفصيل و الاكواد
كيفية وضع الصورة
مستديرة
او مربعة
او شكل اخر
بجانب اسم المنتدى
و اظن انه من ضمن المواضيع الاساسية للمنتدى
ارجوا مساعدتي على رابط هذا الموضوع
لانني لم استطع العثور عليه
و شكرا لكم
نزار السعيد-
-
عدد المساهمات : 91
معدل النشاط : 3388
السُمعة : 1 -
رد: اريد وضع صور القسم باشكال مختلفة
من طرف omarpop23 الثلاثاء 2 يوليو 2019 - 1:45
ممكن صورة توضح مكان الصورة اللي تريد وضعها عندكـ بالمنتدى
omarpop23-
-
عدد المساهمات : 1522
معدل النشاط : 6843
السُمعة : 218 -
رد: اريد وضع صور القسم باشكال مختلفة
من طرف نزار السعيد الثلاثاء 2 يوليو 2019 - 9:20
عزيزي الغالي تم الامر
و لكن اريد حل مشكلتين ظهرا بعد تنفيذ الكود
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;
}
نزار السعيد-
-
عدد المساهمات : 91
معدل النشاط : 3388
السُمعة : 1 -
رد: اريد وضع صور القسم باشكال مختلفة
من طرف msrooor22 الثلاثاء 2 يوليو 2019 - 12:32
السلام عليكم اخواني وخواتي الاعزاء
اقدم لكم كود css لتحديد حجم صور المنتديات على الريسية كود اكثر من رااااائع
بسم الله فل نبدااااااااا
كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية
الكود صغير ومايحتاج توضيح
وتم تصميمه برابع مقاسات مختلفة ولجميع النسخ
واليكم صور الكود
الشكل الاول مربع صغير
الشكل الثاني مستطيل
الشكل الثالث دائري
الشكل الرابع منحني
الكود يوضع في صفحة SCC
واولااااا نبدا بالنسخة الثالثة والاخيرة -
ModernBBBETA- phpBB3
كود النسخة الثانية phpBB2
النسخة تليفجن Invision
كود النسخة PunBB
تم الشرح
حقوق التصميم لمسرووور
تحياتي لكم ودمتم بخير
اقدم لكم كود 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;
}
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية نهاية**/
تم الشرح
حقوق التصميم لمسرووور
تحياتي لكم ودمتم بخير
msrooor22-
-
عدد المساهمات : 111
معدل النشاط : 5821
السُمعة : 13 -
رد: اريد وضع صور القسم باشكال مختلفة
من طرف نزار السعيد الثلاثاء 2 يوليو 2019 - 18:36
شكرا لك
ولكن اريد التعديل على الكود كما طلبته انا بالمساهمة السابقة
ولكن اريد التعديل على الكود كما طلبته انا بالمساهمة السابقة
نزار السعيد-
-
عدد المساهمات : 91
معدل النشاط : 3388
السُمعة : 1 -
رد: اريد وضع صور القسم باشكال مختلفة
من طرف msrooor22 الأربعاء 3 يوليو 2019 - 12:46
الكود معدل علية ولن يكبر الور الصغيرة
جربة
جربة
msrooor22-
-
عدد المساهمات : 111
معدل النشاط : 5821
السُمعة : 13 -
رد: اريد وضع صور القسم باشكال مختلفة
من طرف اعصار الأربعاء 24 يوليو 2019 - 9:27
مر على الموضوع اسبوع تقريباً , هذه يعني ان الموضوع تم حلة او أهملت من صاحب المشكلة رجاء في حال كانت لديك المشكلة مستمر او اي استفسار اخر قم بفتح موضوع جديد سيتم غلق الموضوع & يرسل الى الأرشيف
|
اعصار- احلى مساعد
-
عدد المساهمات : 3250
معدل النشاط : 9023
السُمعة : 49 -
مواضيع مماثلة» ازاى لا اظهر اسم المشرف على القسم بجانب اسم القسم ، بس يكون موجود داخل القسم
» اقتراح هام جدا:وضع وصف القسم داخل القسم ليتم ارشفه اسم القسم مع وصفه
» اريد كود عدد زوار القسم
» اريد كود وضع قوانين القسم
» اريد تعديل على كود اظهار اخر مواضيع هذا القسم
» اقتراح هام جدا:وضع وصف القسم داخل القسم ليتم ارشفه اسم القسم مع وصفه
» اريد كود عدد زوار القسم
» اريد كود وضع قوانين القسم
» اريد تعديل على كود اظهار اخر مواضيع هذا القسم
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: مشاكل في تنسيق مظهر أو تصميم أو صور أو الوان المنتدى :: أرشيف قسم "مشاكل في تنسيق مظهر المنتدى"
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى