كيفية جعل صورة تظهر فى الرئيسية وتختفى فى الموضوع

بسم الله الرحمن الرحيم

 وبة نستعين

 والصلاة والسلام على اشرف المرسلين

 سيدنا محمد صلى الله علية

 وسلم الهادى الامين

اما بعد نبداء موضعنا اليوم يوم التصميم السنوى

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

وبشرح مبسط جدا فالكثير منا يريد ان يضيف فديو مثل اليوتيوب

صورة يضغط عليها تختفى الصورة يظهر الفديو

وهذا هو درسنا اليوم الذى لن تجدوة مطروحا ابدا فى اى مدونة

يمكنكم معاينة الدرس من هنا

شاهدت صورة خارج الموضوع وعندما دخلت لم تجدها

وهذة صورة توضيحية

كيفية اضافة الاداة فى الموضوع

اولا ادخل الى تحرير الموضوع
ثم اختر وضع html
كما بالصورة

وضع HTML

ثم بعد الكود

<div dir="rtl" style="text-align: right;" trbidi="on">

اضف الكود

<article id="default-usage">

    <div class="to-lock" style="display: none;">

<!--Hidden Content Starts (You can Use HTML BELOW)-->

    <br />

<div style="text-align: justify;">

<a href="ضع رابط الصورة المراد اخفائها هنا" /></a>

</div>

<!--Hidden Content Ends -->

    

    </div>

</article>

كما بالصورة

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