كود انبثاق الصور بشكل رائع فى المواضيع
كود انبثاق الصور بشكل رائع فى المواضيع
كود انبثاق الصور بشكل رائع فى المواضيع

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


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


وعند الضغط على الصورة يظهرها بشكل منبثق ورائع ويمكنك تغير الصورة (التالى او السابق )

كما فى الصورة التالية


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


والان ناتى للكود وطريقة تركيبة

اولا ضع الكود التالى فى اكواد الجافا سكربت
الكود مخفى ضع رد





























[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
طريقة تركيب اكواد الجافا سكريبت JavaScript




وسجل
ثم ضع الكود التالى فى اكواد CSS

لوحة الادارة /مظهر المنتدى /الصور والالوان /الالوان /اكواد CSS
وضع الكود التالى وسجل
طريقة تركيب اكواد الجافا سكريبت JavaScript


الكود
الكود مخفى ضع رد ليظهر لك الكود


وسجل
وثم نذهب الى التومبيلات والقوالب
ونعدل على قالب المواضيع viewtopic_body


ليجعلة يعمل على الصور بداخل المواضيع فقط


لوحة الادارة /مظهر المنتدى /التومبيلات والقوالب /viewtopic_body

ونبحث عن الكود التالى

الكود:

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({
 'selector' : '.postbody', 'max_width' :
{switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' :
{switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->

ونستبدلة بالكود التالى

الكود مخفى ضع رد ليظهر لك الكود


وسجل وانشر



وثم اخر خطوة ليعمل الكود بشكل جيد

اذهب الى

لوحة إدارة - إدارة عامة -الرسائل و الإيميلات -تشكيل - المساهمات و المواضيع

 تعديل ابعاد الصور التي يضعها الأعضاء في المساهمات :
نقوم بتفريغ المربعات كما فى الصورة التالية :



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]



وسجل


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

الموضوع الأصلي : كود انبثاق الصور بشكل رائع فى المواضيع // المصدر : المسلمين فى الجنة // الكاتب: الادارة كريم