|
|
| (یک نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد) |
| خط ۱: |
خط ۱: |
| <div style="display: flex; flex-direction: row; flex-wrap: wrap; gap: 15px; justify-content: center; align-items: flex-start; width: 100%; margin: 15px 0; box-sizing: border-box;"> | | <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 class="wiki-3d-circle" >
| |
| <!-- قاب سفید داخلی -->
| |
| <div class="wiki-3d-inner-frame-circle" >
| |
| <!-- نگهدارنده تصویر با قابلیت فیت شدن خودکار -->
| |
| <div class="wiki-3d-image-wrapper">
| |
| [[پرونده:نصب دوربین.png|150px|center|alt=توضیح سئو شده عکس اول درباره دوربین امنیتی یا دزدگیر]]
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <p style="font-size: 14px; margin-top: 8px; color: #333; line-height: 1.6;">کپشن و توضیح عکس اول</p>
| |
|
| |
|
| | <!-- مورد 1 --> |
| | {{کانتینرعکس دایره|تصویر = نصب دوربین.png|کپشن= نصب دوربین}} |
|
| |
|
| <!-- آیتم ۲ -->
| | <!-- مورد 2 --> |
| <!-- دایره سهبعدی بیرونی با کلاس انیمیشن هاور -->
| | {{کانتینرعکس دایره|تصویر = نصب دوربین.png|کپشن= نصب دوربین}} |
| <div class="wiki-3d-circle" >
| |
| <!-- قاب سفید داخلی -->
| |
| <div class="wiki-3d-inner-frame-circle" >
| |
| <!-- نگهدارنده تصویر با قابلیت فیت شدن خودکار -->
| |
| <div class="wiki-3d-image-wrapper">
| |
| [[پرونده:فروش.png|150px|center|alt=توضیح سئو شده عکس دوم]]
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <p style="font-size: 14px; margin-top: 8px; color: #333; line-height: 1.6;">کپشن و توضیح عکس دوم</p>
| |
|
| |
|
| | <!-- مورد 3 --> |
| | {{کانتینرعکس دایره|تصویر = نصب دوربین.png|کپشن= نصب دوربین}} |
|
| |
|
| <!-- آیتم ۳ -->
| | <!-- مورد 4 --> |
| <!-- دایره سهبعدی بیرونی با کلاس انیمیشن هاور -->
| | {{کانتینرعکس دایره|تصویر = نصب دوربین.png|کپشن= نصب دوربین}} |
| <div class="wiki-3d-circle" >
| |
| <!-- قاب سفید داخلی -->
| |
| <div class="wiki-3d-inner-frame-circle" >
| |
| <!-- نگهدارنده تصویر با قابلیت فیت شدن خودکار -->
| |
| <div class="wiki-3d-image-wrapper">
| |
| [[پرونده:مشاوره.png|150px|center|alt=توضیح سئو شده عکس سوم]]
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <p style="font-size: 14px; margin-top: 8px; color: #333; line-height: 1.6;">کپشن و توضیح عکس سوم</p>
| |
|
| |
|
| | | <!-- مورد 5 --> |
| <!-- آیتم ۴ -->
| | {{کانتینرعکس دایره|تصویر = نصب دوربین.png|کپشن= نصب دوربین}} |
| <!-- دایره سهبعدی بیرونی با کلاس انیمیشن هاور -->
| |
| <div class="wiki-3d-circle" >
| |
| <!-- قاب سفید داخلی -->
| |
| <div class="wiki-3d-inner-frame-circle" >
| |
| <!-- نگهدارنده تصویر با قابلیت فیت شدن خودکار -->
| |
| <div class="wiki-3d-image-wrapper">
| |
| [[پرونده:امنیت.png|150px|center|alt=توضیح سئو شده عکس چهارم]]
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <p style="font-size: 14px; margin-top: 8px; color: #333; line-height: 1.6;">کپشن و توضیح عکس چهارم</p>
| |
|
| |
| | |
| <!-- آیتم ۵ -->
| |
| <!-- دایره سهبعدی بیرونی با کلاس انیمیشن هاور -->
| |
| <div class="wiki-3d-circle" >
| |
| <!-- قاب سفید داخلی -->
| |
| <div class="wiki-3d-inner-frame-circle" >
| |
| <!-- نگهدارنده تصویر با قابلیت فیت شدن خودکار -->
| |
| <div class="wiki-3d-image-wrapper">
| |
| [[پرونده:تعمیر.png|150px|center|alt=توضیح سئو شده عکس پنجم]]
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <p style="font-size: 14px; margin-top: 8px; color: #333; line-height: 1.6;">کپشن و توضیح عکس پنجم</p>
| |
|
| |
|
| </div> | | </div> |