الگو:مربع های کنار هم/دنیز درب: تفاوت میان نسخه‌ها

صفحه‌ای تازه حاوی «<html> <div style="display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 20px; width: 100%; margin: 20px 0; padding: 0; box-sizing: border-box;"> <!-- ساختار تکرار شونده برای ۵ آیتم --> <!-- نکته: برای هر آیتم، کلاس‌های مربوط به افکت سه‌بعدی باید در استایل‌شیت اصلی تعریف شده باشد --> <div style...» ایجاد کرد
 
بدون خلاصۀ ویرایش
 
خط ۹: خط ۹:
       <div class="wiki-3d-inner-frame">
       <div class="wiki-3d-inner-frame">
         <div class="wiki-3d-image-wrapper-circle">
         <div class="wiki-3d-image-wrapper-circle">
                 <img src="https://dl.faraghaib.ir/m/104/wood.png">
                 <img src="https://dl.faraghaib.ir/m/104/intry.png">
         </div>
         </div>
       </div>
       </div>
خط ۳۹: خط ۳۹:
       </div>
       </div>
     </div>
     </div>
     {{#if:{{{کپشن3|}}}|<div style="font-size: 0.9em; text-align: center; margin-top: 8px; font-weight: bold;">{{{کپشن3}}}</div>}}
     <div style="font-size: 0.9em; text-align: center; margin-top: 8px; font-weight: bold;">
  </div>
        ضد حریق
    </div>
    </div>


   <div style="display: flex; flex-direction: column; align-items: center; flex: 0 1 calc(20% - 20px); min-width: 120px; max-width: 180px;">
   <div style="display: flex; flex-direction: column; align-items: center; flex: 0 1 calc(20% - 20px); min-width: 120px; max-width: 180px;">
خط ۴۶: خط ۴۸:
       <div class="wiki-3d-inner-frame">
       <div class="wiki-3d-inner-frame">
         <div class="wiki-3d-image-wrapper-circle">
         <div class="wiki-3d-image-wrapper-circle">
             <img src="https://dl.faraghaib.ir/m/104/intry.png">
             <img src="https://dl.faraghaib.ir/m/104/wood.png">
         </div>
         </div>
       </div>
       </div>
     </div>
     </div>
     {{#if:{{{کپشن4|}}}|<div style="font-size: 0.9em; text-align: center; margin-top: 8px; font-weight: bold;">{{{کپشن4}}}</div>}}
     <div style="font-size: 0.9em; text-align: center; margin-top: 8px; font-weight: bold;">
  </div>
            درهای داخلی
    </div>
    </div>


   <div style="display: flex; flex-direction: column; align-items: center; flex: 0 1 calc(20% - 20px); min-width: 120px; max-width: 180px;">
   <div style="display: flex; flex-direction: column; align-items: center; flex: 0 1 calc(20% - 20px); min-width: 120px; max-width: 180px;">
خط ۶۱: خط ۶۵:
       </div>
       </div>
     </div>
     </div>
     {{#if:{{{کپشن5|}}}|<div style="font-size: 0.9em; text-align: center; margin-top: 8px; font-weight: bold;">{{{کپشن5}}}</div>}}
     <div style="font-size: 0.9em; text-align: center; margin-top: 8px; font-weight: bold;">
  </div>
              ریموت در
    </div>
    </div>


</div>
</div>
</html>
</html>