أحيانا يكون لدينا مجموعة كتب مفضلة نريد مشاركتها مع زوار مدوناتنا أو تكون المدونة نفسها قائمة على تقديم العديد من الكتب ، أو حتى هناك من لديهم كتب يبيعونها لكن لا يوجد طريقة عرض مناسبة ، والطريقة المتعارف عليها هي عبر قالب مكتبة وطبعا هذه القوالب تخص فقط مدونات الكتب التي لا يوجد فيها تدوين غير الكتب ، لكن لو مدونتك هي مدونة للتدوين وتريد اضافة بعض الكتب فالحل في هذا الموضوع .

لا تنس زيارة مكتبة صحراوي منير الرقمية : إضغط هنا

الكود الرسمي :

<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

تحميل

كتاب الفوتوشوب من الصفر وحتى الإحتراف

كتاب الفوتوشوب من الصفر وحتى الإحتراف للدكتور أحمد ناجي الجمل PDF

حمله مجانا

{ إِنَّ اللَّهَ وَمَلَائِكَتَهُ يُصلُّونَ عَلَى النَّبِيِّ يَا أَيُّهَا الَّذينَ آمَنُوا صَلُّوا عَلَيْهِ وَسَلِّمُوا تسلِيماً } ﷺ

{ إِنَّ اللَّهَ وَمَلَائِكَتَهُ يُصلُّونَ عَلَى النَّبِيِّ يَا أَيُّهَا الَّذينَ آمَنُوا صَلُّوا عَلَيْهِ وَسَلِّمُوا تسلِيماً } ﷺ