الگو:کانتبنر 6 ضلعی/مکانیکی محمد - تاریخچهٔ نسخه‌ها

https://fa.faraghaib.ir/w/index.php?action=history&feed=atom&title=%D8%A7%D9%84%DA%AF%D9%88%3A%DA%A9%D8%A7%D9%86%D8%AA%D8%A8%D9%86%D8%B1_6_%D8%B6%D9%84%D8%B9%DB%8C%2F%D9%85%DA%A9%D8%A7%D9%86%DB%8C%DA%A9%DB%8C_%D9%85%D8%AD%D9%85%D8%AF الگو:کانتبنر 6 ضلعی/مکانیکی محمد - تاریخچهٔ نسخه‌ها 2026-08-25T16:13:57Z تاریخچهٔ نسخه‌ها برای این صفحه در ویکی MediaWiki 1.43.8 https://fa.faraghaib.ir/w/index.php?title=%D8%A7%D9%84%DA%AF%D9%88:%DA%A9%D8%A7%D9%86%D8%AA%D8%A8%D9%86%D8%B1_6_%D8%B6%D9%84%D8%B9%DB%8C/%D9%85%DA%A9%D8%A7%D9%86%DB%8C%DA%A9%DB%8C_%D9%85%D8%AD%D9%85%D8%AF&diff=6725&oldid=prev Javid در ‏۲۲ اوت ۲۰۲۶، ساعت ۰۷:۴۳ 2026-08-22T07:43:04Z

<p></p> <a href="https://fa.faraghaib.ir/w/index.php?title=%D8%A7%D9%84%DA%AF%D9%88:%DA%A9%D8%A7%D9%86%D8%AA%D8%A8%D9%86%D8%B1_6_%D8%B6%D9%84%D8%B9%DB%8C/%D9%85%DA%A9%D8%A7%D9%86%DB%8C%DA%A9%DB%8C_%D9%85%D8%AD%D9%85%D8%AF&diff=6725&oldid=6722">نمایش تغییرات</a>

Javid https://fa.faraghaib.ir/w/index.php?title=%D8%A7%D9%84%DA%AF%D9%88:%DA%A9%D8%A7%D9%86%D8%AA%D8%A8%D9%86%D8%B1_6_%D8%B6%D9%84%D8%B9%DB%8C/%D9%85%DA%A9%D8%A7%D9%86%DB%8C%DA%A9%DB%8C_%D9%85%D8%AD%D9%85%D8%AF&diff=6722&oldid=prev Javid: صفحه‌ای تازه حاوی «<html>  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"> <section class="hex-services" aria-label="خدمات مکانیکی، جلوبندی و هیدرولیک فرمان">  <div class="hex-ro...» ایجاد کرد 2026-08-22T07:31:47Z

<p>صفحه‌ای تازه حاوی «<html>  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"> <section class="hex-services" aria-label="خدمات مکانیکی، جلوبندی و هیدرولیک فرمان">  <div class="hex-ro...» ایجاد کرد</p> <p><b>صفحهٔ تازه</b></p><div><html><br /> <br /> <link rel="stylesheet"<br /> href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"><br /> <br /> <br /> <section class="hex-services" aria-label="خدمات مکانیکی، جلوبندی و هیدرولیک فرمان"><br /> <br /> <br /> <br /> <div class="hex-row"><br /> <br /> <br /> <a href="#" class="hex-item brown" aria-label="تعمیر موتور خودرو"><br /> <br /> <svg class="hex-bg" viewBox="0 0 100 115" aria-hidden="true"><br /> <polygon<br /> points="50,2 94,27 94,88 50,113 6,88 6,27"<br /> stroke="currentColor"<br /> fill="currentColor"<br /> stroke-width="2"<br /> stroke-linejoin="round"/><br /> </svg><br /> <br /> <div class="hex-content"><br /> <i class="fa-solid fa-gears"></i><br /> <strong>تعمیر موتور</strong><br /> </div><br /> <br /> </a><br /> <br /> <br /> <br /> <a href="#" class="hex-item brown" aria-label="تعمیر گیربکس خودرو"><br /> <br /> <svg class="hex-bg" viewBox="0 0 100 115" aria-hidden="true"><br /> <polygon<br /> points="50,2 94,27 94,88 50,113 6,88 6,27"<br /> stroke="currentColor"<br /> fill="currentColor"<br /> stroke-width="2"<br /> stroke-linejoin="round"/><br /> </svg><br /> <br /> <div class="hex-content"><br /> <i class="fa-solid fa-car"></i><br /> <strong>تعمیر گیربکس</strong><br /> </div><br /> <br /> </a><br /> <br /> <br /> <br /> <a href="#" class="hex-item brown" aria-label="جلوبندی سازی خودرو"><br /> <br /> <svg class="hex-bg" viewBox="0 0 100 115" aria-hidden="true"><br /> <polygon<br /> points="50,2 94,27 94,88 50,113 6,88 6,27"<br /> stroke="currentColor"<br /> fill="currentColor"<br /> stroke-width="2"<br /> stroke-linejoin="round"/><br /> </svg><br /> <br /> <div class="hex-content"><br /> <i class="fa-solid fa-screwdriver-wrench"></i><br /> <strong>جلوبندی‌سازی</strong><br /> </div><br /> <br /> </a><br /> <br /> <br /> <br /> <a href="#" class="hex-item brown" aria-label="تعمیر هیدرولیک فرمان"><br /> <br /> <svg class="hex-bg" viewBox="0 0 100 115" aria-hidden="true"><br /> <polygon<br /> points="50,2 94,27 94,88 50,113 6,88 6,27"<br /> stroke="currentColor"<br /> fill="currentColor"<br /> stroke-width="2"<br /> stroke-linejoin="round"/><br /> </svg><br /> <br /> <div class="hex-content"><br /> <i class="fa-solid fa-car"></i><br /> <strong>هیدرولیک فرمان</strong><br /> </div><br /> <br /> </a><br /> <br /> <br /> <br /> <a href="#" class="hex-item brown" aria-label="تعویض روغن خودرو"><br /> <br /> <svg class="hex-bg" viewBox="0 0 100 115" aria-hidden="true"><br /> <polygon<br /> points="50,2 94,27 94,88 50,113 6,88 6,27"<br /> stroke="currentColor"<br /> fill="currentColor"<br /> stroke-width="2"<br /> stroke-linejoin="round"/><br /> </svg><br /> <br /> <div class="hex-content"><br /> <i class="fa-solid fa-oil-can"></i><br /> <strong>تعویض روغن</strong><br /> </div><br /> <br /> </a><br /> <br /> </div><br /> <br /> <br /> <br /> <div class="hex-row second-row"><br /> <br /> <br /> <a href="#" class="hex-item brown" aria-label="تعمیر سیستم ترمز"><br /> <br /> <svg class="hex-bg" viewBox="0 0 100 115" aria-hidden="true"><br /> <polygon<br /> points="50,2 94,27 94,88 50,113 6,88 6,27"<br /> stroke="currentColor"<br /> fill="currentColor"<br /> stroke-width="2"<br /> stroke-linejoin="round"/><br /> </svg><br /> <br /> <div class="hex-content"><br /> <i class="fa-solid fa-circle-stop"></i><br /> <strong>سیستم ترمز</strong><br /> </div><br /> <br /> </a><br /> <br /> <br /> <br /> <a href="#" class="hex-item brown" aria-label="عیب یابی خودرو"><br /> <br /> <svg class="hex-bg" viewBox="0 0 100 115" aria-hidden="true"><br /> <polygon<br /> points="50,2 94,27 94,88 50,113 6,88 6,27"<br /> stroke="currentColor"<br /> fill="currentColor"<br /> stroke-width="2"<br /> stroke-linejoin="round"/><br /> </svg><br /> <br /> <div class="hex-content"><br /> <i class="fa-solid fa-laptop-code"></i><br /> <strong>عیب‌یابی خودرو</strong><br /> </div><br /> <br /> </a><br /> <br /> <br /> <br /> <a href="#" class="hex-item brown" aria-label="سرویس دوره ای خودرو"><br /> <br /> <svg class="hex-bg" viewBox="0 0 100 115" aria-hidden="true"><br /> <polygon<br /> points="50,2 94,27 94,88 50,113 6,88 6,27"<br /> stroke="currentColor"<br /> fill="currentColor"<br /> stroke-width="2"<br /> stroke-linejoin="round"/><br /> </svg><br /> <br /> <div class="hex-content"><br /> <i class="fa-solid fa-car-side"></i><br /> <strong>سرویس دوره‌ای</strong><br /> </div><br /> <br /> </a><br /> <br /> <br /> <br /> <a href="#" class="hex-item brown" aria-label="فرمان و چرخ"><br /> <br /> <svg class="hex-bg" viewBox="0 0 100 115" aria-hidden="true"><br /> <polygon<br /> points="50,2 94,27 94,88 50,113 6,88 6,27"<br /> stroke="currentColor"<br /> fill="currentColor"<br /> stroke-width="2"<br /> stroke-linejoin="round"/><br /> </svg><br /> <br /> <div class="hex-content"><br /> <i class="fa-solid fa-arrows-left-right-to-line"></i><br /> <strong>فرمان و چرخ</strong><br /> </div><br /> <br /> </a><br /> <br /> </div><br /> <br /> </section><br /> <br /> <br /> <style><br /> <br /> /* =========================================<br /> تنظیمات اصلی<br /> ========================================= */<br /> <br /> .hex-services {<br /> <br /> --hex-width: 110px;<br /> --hex-gap: 2px;<br /> <br /> width: 100%;<br /> max-width: 680px;<br /> <br /> margin: 0 auto;<br /> padding: 20px 5px;<br /> <br /> box-sizing: border-box;<br /> <br /> direction: rtl;<br /> <br /> font-family:<br /> IRANSans,<br /> Tahoma,<br /> Arial,<br /> sans-serif;<br /> }<br /> <br /> <br /> /* =========================================<br /> ردیف ها<br /> ========================================= */<br /> <br /> .hex-row {<br /> <br /> width: 100%;<br /> <br /> display: flex;<br /> <br /> align-items: center;<br /> justify-content: center;<br /> <br /> gap: var(--hex-gap);<br /> <br /> flex-wrap: nowrap;<br /> }<br /> <br /> <br /> /* ردیف دوم */<br /> .second-row {<br /> margin-top: -1px;<br /> }<br /> <br /> <br /> /* =========================================<br /> شش ضلعی<br /> ========================================= */<br /> <br /> .hex-item {<br /> <br /> position: relative;<br /> <br /> flex: 0 1 var(--hex-width);<br /> <br /> width: var(--hex-width);<br /> <br /> aspect-ratio: 100 / 115;<br /> <br /> display: flex;<br /> <br /> align-items: center;<br /> justify-content: center;<br /> <br /> text-decoration: none;<br /> <br /> color: #444;<br /> <br /> box-sizing: border-box;<br /> <br /> transition:<br /> transform .25s ease,<br /> filter .25s ease;<br /> <br /> z-index: 1;<br /> }<br /> <br /> <br /> /* =========================================<br /> پس زمینه SVG<br /> ========================================= */<br /> <br /> .hex-bg {<br /> <br /> position: absolute;<br /> <br /> inset: 0;<br /> <br /> width: 100%;<br /> height: 100%;<br /> <br /> overflow: visible;<br /> <br /> pointer-events: none;<br /> <br /> z-index: -1;<br /> }<br /> <br /> <br /> /* =========================================<br /> محتوای داخل شش ضلعی<br /> ========================================= */<br /> <br /> .hex-content {<br /> <br /> position: relative;<br /> <br /> width: 82%;<br /> <br /> display: flex;<br /> <br /> flex-direction: column;<br /> <br /> align-items: center;<br /> justify-content: center;<br /> <br /> text-align: center;<br /> <br /> line-height: 1.3;<br /> <br /> z-index: 2;<br /> }<br /> <br /> <br /> /* =========================================<br /> آیکون<br /> ========================================= */<br /> <br /> .hex-content i {<br /> <br /> font-size: 30px;<br /> <br /> line-height: 1;<br /> <br /> margin-bottom: 8px;<br /> }<br /> <br /> <br /> /* =========================================<br /> متن<br /> ========================================= */<br /> <br /> .hex-content strong {<br /> <br /> font-family:<br /> IRANSans,<br /> Tahoma,<br /> Arial,<br /> sans-serif;<br /> <br /> font-size: 12px;<br /> <br /> font-weight: 600;<br /> <br /> white-space: nowrap;<br /> }<br /> <br /> <br /> /* =========================================<br /> رنگ ها<br /> ========================================= */<br /> <br /> .purple {<br /> color: #ffffff;<br /> }<br /> <br /> .green {<br /> color: #ffffff;<br /> }<br /> <br /> .orange {<br /> color: #ffffff;<br /> }<br /> <br /> .brown {<br /> color: #ffffff;<br /> }<br /> <br /> .white {<br /> color: #444444;<br /> }<br /> <br /> <br /> /* =========================================<br /> رنگ SVG<br /> ========================================= */<br /> <br /> .purple .hex-bg polygon {<br /> color: #603bb5;<br /> <br /> }<br /> <br /> .green .hex-bg polygon {<br /> color: #00d968;<br /> }<br /> <br /> .orange .hex-bg polygon {<br /> color: #ff8a00;<br /> }<br /> <br /> .brown .hex-bg polygon {<br /> color: #795548;<br /> }<br /> <br /> .white .hex-bg polygon {<br /> <br /> color: #ffffff;<br /> <br /> stroke: #c8c8c8;<br /> }<br /> <br /> <br /> /* =========================================<br /> هاور<br /> ========================================= */<br /> <br /> .hex-item:hover {<br /> <br /> transform: translateY(-4px);<br /> <br /> filter: brightness(.96);<br /> <br /> z-index: 5;<br /> }<br /> <br /> <br /> /* =========================================<br /> فوکوس<br /> ========================================= */<br /> <br /> .hex-item:focus-visible {<br /> <br /> outline: 2px solid #333;<br /> <br /> outline-offset: 3px;<br /> }<br /> <br /> <br /> /* =========================================<br /> تبلت<br /> ========================================= */<br /> <br /> @media (min-width: 600px) {<br /> <br /> .hex-services {<br /> --hex-width: 105px;<br /> }<br /> <br /> }<br /> <br /> <br /> /* =========================================<br /> دسکتاپ<br /> ========================================= */<br /> <br /> @media (min-width: 900px) {<br /> <br /> .hex-services {<br /> <br /> --hex-width: 110px;<br /> <br /> max-width: 680px;<br /> }<br /> <br /> .hex-content i {<br /> font-size: 31px;<br /> }<br /> <br /> .hex-content strong {<br /> font-size: 13px;<br /> }<br /> <br /> }<br /> <br /> <br /> /* =========================================<br /> موبایل<br /> ========================================= */<br /> <br /> @media (max-width: 599px) {<br /> <br /> .hex-services {<br /> <br /> --hex-width: 20vw;<br /> --hex-gap: 0;<br /> <br /> padding: 15px 2px;<br /> }<br /> <br /> .hex-item {<br /> <br /> flex: 1 1 0;<br /> <br /> width: auto;<br /> <br /> min-width: 0;<br /> }<br /> <br /> .hex-content i {<br /> <br /> font-size: clamp(17px, 6vw, 25px);<br /> <br /> margin-bottom: 5px;<br /> }<br /> <br /> .hex-content strong {<br /> <br /> font-size: clamp(8px, 2.4vw, 11px);<br /> }<br /> <br /> /* ردیف دوم وسط چین */<br /> .second-row {<br /> <br /> padding-left: 10%;<br /> padding-right: 10%;<br /> }<br /> <br /> }<br /> <br /> </style><br /> </html></div>

Javid