أحيانا يكون لدينا مجموعة كتب مفضلة نريد مشاركتها مع زوار مدوناتنا أو تكون المدونة نفسها قائمة على تقديم العديد من الكتب ، أو حتى هناك من لديهم كتب يبيعونها لكن لا يوجد طريقة عرض مناسبة ، والطريقة المتعارف عليها هي عبر قالب مكتبة وطبعا هذه القوالب تخص فقط مدونات الكتب التي لا يوجد فيها تدوين غير الكتب ، لكن لو مدونتك هي مدونة للتدوين وتريد اضافة بعض الكتب فالحل في هذا الموضوع .
لا تنس زيارة مكتبة صحراوي منير الرقمية : إضغط هنا
الكود الرسمي :
<style>
#cnmu-books{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:50px 30px;padding:0 0 0 10px;box-sizing:border-box;}
#cnmu-books a.books{text-decoration:none;color:#fff;position:relative;background-color:#fff;padding:0!important;margin:0!important;border:1px solid #eee;box-shadow:-2px 2px #ddd,-4px 4px #bbb,-6px 6px #ccc,-8px 8px 1px #999;height:320px;overflow:hidden;}
#cnmu-books .books > *{position:absolute;top:0;width:100%;height:100%;box-sizing:border-box;}
#cnmu-books .books img{object-fit:cover;right:0;}
#cnmu-books .book-info{background-color:#333;right:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5px 10px;transition:all .4s;gap:10px;transform:rotateY(90deg);text-align:center;}
.book-info strong{font-size:120%;}
.book-info p{font-size:90%;opacity:.8;}
#cnmu-books .books:hover .book-info{transform:rotateY(0);}
@media screen and (max-width : 500px) {#cnmu-books {max-width: 250px;margin: 0 auto;} }
</style>
<div id="cnmu-books">
<!--Book-->
<a class="books" href="#" target="_blank">
<img src="*" />
<div class="book-info">
<strong>اسم الكتاب</strong>
<p>نص او وصف</p>
<b>كلمة بخط سميك</b>
</div>
</a>
<!--Book-->
</div>
شرح الإستخدام
كرر من بداية كلمة <!--Book--> الى الكلمة المشابهة لها لتحصل على كتاب جديد
رمز # برابط تحميل الكتاب او موقع الكتاب او حتى رابط شراء
رمز * استبدله بصورة الكتاب
عدل الكلمات العربية بما تريد
معاينة الكود :
كتاب إدارة الموارد البشرية من منظور إداري – تنموي – تكنولوجي – عولمي مصطفى يوسف
تحميل
كتاب مفاتيح سور القرآن الكريم PDF بطاقات في التعريف بالقرآن الكريم
تحميل مباشر
كتاب صحتك ومرضك في طعامك - فؤاد عبد العزيز أحمد الشيخ PDF
حمل واستفد
مجلة الذكاء الاصطناعي ثورة العصر الرقمي صحراوي منير PDF
حمله مجانا
كتاب فقه السنة للنساء ومايجب أن نعرفه كل مسلمة من أحكام أعده أبو مالك PDF
تحميل
كتاب الفوتوشوب من الصفر وحتى الإحتراف للدكتور أحمد ناجي الجمل PDF
حمله مجانا{ إِنَّ اللَّهَ وَمَلَائِكَتَهُ يُصلُّونَ عَلَى النَّبِيِّ يَا أَيُّهَا الَّذينَ آمَنُوا صَلُّوا عَلَيْهِ وَسَلِّمُوا تسلِيماً } ﷺ
{ إِنَّ اللَّهَ وَمَلَائِكَتَهُ يُصلُّونَ عَلَى النَّبِيِّ يَا أَيُّهَا الَّذينَ آمَنُوا صَلُّوا عَلَيْهِ وَسَلِّمُوا تسلِيماً } ﷺ
0تعليقات