کانتینر دایره های کنار هم - فراغیب

دیداریویکی‌متن

نسخهٔ کنونی تا ‏۱۳ ژوئیهٔ ۲۰۲۶، ساعت ۰۹:۵۵

نصب دوربین.png

@@ خط ۱: / خط ۱: @@
-<div style="display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 10px; width: 100%;">
+<div style="border: 1px solid #89CFF0; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; justify-content: center; align-items: flex-start; width: 100%; margin: 5px 0; overflow-x: auto; padding: 10px 0;">
-    <!-- آیتم ۱ -->
-    <div style="flex: 1 1 18%; min-width: 150px; text-align: center; margin-bottom: 15px;">
-<img src="https://dl.faraghaib.ir/نصب دوربین.png"" alt="توضیح سئو شده عکس اول" style="width: 100%; height: auto; border-radius: 8px;">
-<p style="font-size: 14px; margin-top: 8px; color: #333;">کپشن عکس اول</p>
-    </div>
-    <!-- آیتم ۲ -->
+<!-- مورد 1 -->
-    <div style="flex: 1 1 18%; min-width: 150px; text-align: center; margin-bottom: 15px;">
+{{کانتینرعکس دایره|تصویر = نصب دوربین.png|کپشن= نصب دوربین}}
-<img src="آدرس_عکس_2" alt="توضیح سئو شده عکس دوم" style="width: 100%; height: auto; border-radius: 8px;">
-<p style="font-size: 14px; margin-top: 8px; color: #333;">کپشن عکس دوم</p>
-    </div>
-    <!-- آیتم ۳ -->
+<!-- مورد 2 -->
-    <div style="flex: 1 1 18%; min-width: 150px; text-align: center; margin-bottom: 15px;">
+{{کانتینرعکس دایره|تصویر = نصب دوربین.png|کپشن= نصب دوربین}}
-<img src="آدرس_عکس_3" alt="توضیح سئو شده عکس سوم" style="width: 100%; height: auto; border-radius: 8px;">
-<p style="font-size: 14px; margin-top: 8px; color: #333;">کپشن عکس سوم</p>
-    </div>
-    <!-- آیتم ۴ -->
+<!-- مورد 3 -->
-    <div style="flex: 1 1 18%; min-width: 150px; text-align: center; margin-bottom: 15px;">
+{{کانتینرعکس دایره|تصویر = نصب دوربین.png|کپشن= نصب دوربین}}
-<img src="آدرس_عکس_4" alt="توضیح سئو شده عکس چهارم" style="width: 100%; height: auto; border-radius: 8px;">
-<p style="font-size: 14px; margin-top: 8px; color: #333;">کپشن عکس چهارم</p>
-    </div>
-    <!-- آیتم ۵ -->
+<!-- مورد 4 -->
-    <div style="flex: 1 1 18%; min-width: 150px; text-align: center; margin-bottom: 15px;">
+{{کانتینرعکس دایره|تصویر = نصب دوربین.png|کپشن= نصب دوربین}}
-<img src="آدرس_عکس_5" alt="توضیح سئو شده عکس پنجم" style="width: 100%; height: auto; border-radius: 8px;">
-<p style="font-size: 14px; margin-top: 8px; color: #333;">کپشن عکس پنجم</p>
+<!-- مورد 5 -->
-    </div>
+{{کانتینرعکس دایره|تصویر = نصب دوربین.png|کپشن= نصب دوربین}}
 </div>