المعاينات والمرفقات
صنعت إضافة جديدة لبلوجر كنوع من التجديد , وهي إضافة منتشرة في المواقع والبريد الإلكتروني فلماذا لا تكون أيضاً في بلوجر
أكيد دخلت موقع ووجد جزء مرفقات به كل الملفات المتعلقة بالموضوع أو تجده بإسم المراجع ويكون به روابط مراجع ذكرت في فيديو أو غيره كنوع من تسهيل الأمر على من يقرأون المقالات لإيجاد كل الملفات في مكان واحد
فصنعت إضافة مشابهة بنفس الفكرة
أضف الكود التالي في نهاية الموضوع الذي تريد ظهور الإضافة فيه
<style>
.cnmu-murfaq{--murfcol:#4CAF50;border:1px solid var(--murfcol);position:relative;margin:35px 20px 20px;padding:30px 30px 20px;border-radius:10px;}
.muftitle{color:var(--murfcol);position:absolute;top:0;background-color:#fff;height:30px;display:flex;align-items:center;gap:5px;translate:0 -50%;right:20px;padding:0 15px;font-size:18px;border:1px solid var(--murfcol);border-radius:10px;}
.muftitle i{order:-1;}
.murflist{display:flex;flex-direction:column;gap:10px;}
.murflist a{color:#000!important;display:flex;align-items:center;gap:10px;width:fit-content;margin:0!important;padding:0!important;text-decoration:none!important;}
.murflist a::before{content:"\f019";font:18px fontawesome;color:var(--murfcol);transition:scale .4s;}
.murflist a:hover::before{scale:1.2;}
</style>
<div class="cnmu-murfaq">
<div class="muftitle"><span>مرفقات</span><i class="fa-solid fa-paperclip"></i></div>
<div class="murflist">
<!--المرفقات-->
<a href="#" target="_blank" rel="noopener noreferrer">رابط يمكنك تعديله</a>
<!--المرفقات-->
</div>
</div>
شرح الإستخدام
عدل اللون الأخضر باللون المناسب لك
يمكنك تعديل كلمة مرفقات بكلمة أخرى ان اردت
الرابط الأحمر هو الرابط الذي يمكنك فتحه كرابط تحميل عدل الكلمة العربية به بما تريد ورمز الـ # بالرابط المراد فتحه
كرر الرابط ان اردت رابط مرفق آخر لا يوجد عدد محدد يمكنك تكراره كما تشاء
مثال للمعاينة
موضوع قنبلة والله 💥
ردحذفمتميز كعادتك ورائع دوما أستاذ عـمرو 📌
ما شاء الله موضوع يستحق منا أن نقول لصاحبه شكرا جزيلا وحفظك الله 🤲
الله يحفظك أخي منير , يسرني أن الإضافة أعجبتك
حذفأنت أنسان رائع؛ جميل جدا هذا الموضوع!.
ردحذفشكراً أخي يوسف , سعيد ان الموضوع أعجبك
حذفمبدع كالعاده يا أستاذ عمرو
ردحذفالوحيد اللي بيسهل الدنيا معانا والله ربنا يبارك في مالك وعيالك
اللهم آمين واياكم أخي الفاضل , سررت بمرورك كثيراً
حذفتسلم ايدك
ردحذفعلى رأسي يا أبو حميد
حذفالأيقونات لا تظهر فمالحل؟
ردحذفيبدو انه ليس لديك خط الأيقونات fontawesome أو لديك اصدار مختلف
حذفاقرأ هذا الموضوع للتعرف عليه
https://www.cnmu.info/2016/01/Font-Awesome.html
وهذا الموضوع حول الأصدار الأحدث
https://www.cnmu.info/2024/01/Fontawesome.html