الفرق بين المراجعتين لصفحة: «تجربة»

أُضيف ٢٦٤ بايت ،  ١٦ ديسمبر ٢٠٢٣
لا يوجد ملخص تحرير
[مراجعة منقحة][مراجعة منقحة]
لا ملخص تعديل
لا ملخص تعديل
 
(٣٥ مراجعة متوسطة بواسطة نفس المستخدم غير معروضة)
سطر ١: سطر ١:
<div class="card-container">
<div class="card-container">
   <div class="card">
   <div class="card1">
     <img src="صورة_البطاقة_1.jpg" alt="صورة البطاقة 1" style="width:100%">
     <div class="container"><div class="header-card">[[File:Newspaper-folded.png|تعليق الصورة]]
    <div class="container">
      <h4><b>مقالة اليوم المختارة</b></h4>
      <h4><b>عنوان البطاقة 1</b></h4>
</div>
      <p>وصف للبطاقة 1.</p>
<div class="container-content">
    </div>
      {{:صفحة_مقالة_اليوم}}
  </div>
</div>
   </div>
   </div>


   <div class="card">
   <div class="card2">
     <img src="صورة_البطاقة_2.jpg" alt="صورة البطاقة 2" style="width:100%">
     <div class="container"><div class="header-card">[[File:Question-mark.png|تعليق الصورة]]
    <div class="container">
      <h4><b>هل تعلم</b></h4>
      <h4><b>عنوان البطاقة 2</b></h4>
</div>
       <p>وصف للبطاقة 2.</p>
<div class="container-content">
    </div>
اليوم هو {{CURRENTDAY}} من {{CURRENTMONTHNAME}} في عام {{CURRENTYEAR}}.
       <p>{{:هل_تعلم}}</p>
  </div>
</div>
   </div>
   </div>


   <!-- يمكنك إضافة المزيد من البطاقات حسب الحاجة -->
   <!-- يمكنك إضافة المزيد من البطاقات حسب الحاجة -->
</div>
</div>
<style>
.card-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  transition: 0.3s;
  width: 200px;
  border-radius: 5px;
  margin: 15px;
}
.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}


.container {
<DynamicPageList>
  padding: 2px 16px;
category = قرى_منطقة_عفرين
}
count = -1
order = random
</DynamicPageList>
<DynamicPageList>
category = قرى_منطقة_عفرين
count = 10
order = random
namespace = 0
mode = inline
suppresserrors = true
showcurid = true


</style>
format = ,%PAGE%,[[File:%PAGE%.jpg|thumb|center|200px]] 
</DynamicPageList>
{{#widget:مقالة |title=آخر مقالة |limit=1 |order=random |format=box |image=thumbnail |showdate=true |showauthor=false }}