السلام عليكم اخوانى
اريد كود js الخاص بجعل الصور داخل وسمى و يكون href الخاص به رابط الموضوع كما هنا
لانه بحث على الانترنت لم اجد
هناك العديد من التغييرات التي يجب أن تقوم بها لهذا أفضل أن تضع لي القالب وسأعدل لك عليه بنفسي وأرسله لك.
هاهو القالب معدل عليه كما طلبت :)
على الهامش : يمكنك الرد على التعليق وسأتوصل بتنبيه دون أن تقوم بالإشارة إلي من خلال @MohamedAtia
اخى اولاً شكرا جداً جداً الخ
ثانيا كنت اريد ان اعرف من اين تعلمت الجافا سكربت لانى لا اتقنها
ثالثا اريد جعل العنوان كما ترى فى المثال ليس فوق الصورة لكن بجانبها بحيث تكون فوق النبذة المختصرة عن الموضوع
و جربت ان انقل الكود لكن للاسف لايظهر
و اتمنى الا اكون احمل عليك
تعلمت جافاسكريبت من خلال دورات على اليوتيوب وأنصحك بهذه الدورة :
يمكنك إزاحة العنوان من خلال CSS.
ماهو الشيء الذي لايظهر لأني قبل أن أرفع لك القالب جربته على إحدى المدونات وقد إشتغل بشكل جيد.
إذا كان لك أي تشاؤل فلاتتردد في طرحه :)
جربت اخى الازاحة لكن لا تعمل بالشكل المطلوب و جربت انقل كود العنوان و اضعه فوق النبذة المختصرة لكن لم يعمل اما الطود الخاص بك يعمل بشكل جيد
هاهو القالب بعد التعديل عليه وجعل العنوان بهذا الشكل :
القالب :
إعذرني على التأخير.
اذا كنت تريد ان يصبح رابط الصورة هو نفس رابط الموضوع اي يمكن دخول الزائر الى الموضوع ايضا من خلال الضغط على الصورة فالأمر بسيط للغاية ما عليك القيام به هو ان تذهب مباشرة الى وسم الصورة الذي لديك مثلا اذا كان وسم الصورة هكذا :
<img src="Image Url Here"/>
فقط اضف وسم < a > والكود سيكون كالتالي :
<a href="Post Url Here"><img src="Image Url Here"/></a>
الان تم تطبيق كود HTMl والان لنعمل بعض التعديلات الطفيفة حتى يتم استدعاء رابط الصورة ورابط الموضوع من خلال بيانات البلوجر كالتالي :
<a href="data:post.url"><img src="data:post.thumbnailUrl"/></a>
لكن مع ذلك لن يشتغل معك الكود لانه وجب اضافة لاحقة expr الى ال Attributes والكود النهائي سيصبح هكذا :
<a expr:href="data:post.url"><img expr:src="data:post.thumbnailUrl"/></a>
أتمنى ان يكون هذا هو طلبك بالذات وان يكون حلا لمشكلتك وفهم طريقة عمل الكود وبالتوفيق لنا ولك :)
التعليقات