https://fa.faraghaib.ir/w/index.php?action=history&feed=atom&title=%D8%A7%D9%84%DA%AF%D9%88%3A%D9%85%D9%86%D9%88%DB%8C_%D8%B2%DB%8C%D8%B1_%D8%B5%D9%81%D8%AD%D9%87%2F%D9%86%D8%B9%D9%85%D8%AA%DB%8C
الگو:منوی زیر صفحه/نعمتی - تاریخچهٔ نسخهها
2026-08-25T17:08:36Z
تاریخچهٔ نسخهها برای این صفحه در ویکی
MediaWiki 1.43.8
https://fa.faraghaib.ir/w/index.php?title=%D8%A7%D9%84%DA%AF%D9%88:%D9%85%D9%86%D9%88%DB%8C_%D8%B2%DB%8C%D8%B1_%D8%B5%D9%81%D8%AD%D9%87/%D9%86%D8%B9%D9%85%D8%AA%DB%8C&diff=6314&oldid=prev
Javid: صفحهای تازه حاوی « <html lang="fa" dir="rtl"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> <style> /* ===== دسکتاپ: منو کاملاً مخفی ===== */ .bottom-nav { display: none; } /* ===== موبایل (کمتر از ۷۶۸px)...» ایجاد کرد
2026-08-11T14:50:13Z
<p>صفحهای تازه حاوی « <html lang="fa" dir="rtl"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> <style> <span class="autocomment">===== دسکتاپ: منو کاملاً مخفی =====: </span> .bottom-nav { display: none; } /* ===== موبایل (کمتر از ۷۶۸px)...» ایجاد کرد</p>
<p><b>صفحهٔ تازه</b></p><div><br />
<html lang="fa" dir="rtl"><br />
<head><br />
<meta charset="UTF-8"><br />
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"><br />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"><br />
<style><br />
/* ===== دسکتاپ: منو کاملاً مخفی ===== */<br />
.bottom-nav { display: none; }<br />
<br />
/* ===== موبایل (کمتر از ۷۶۸px) ===== */<br />
@media (max-width: 767px) {<br />
.bottom-nav {<br />
display: flex;<br />
position: fixed;<br />
bottom: 0;<br />
inset-inline: 0; /* سازگار با RTL */<br />
background: #000;<br />
align-items: stretch;<br />
justify-content: space-around;<br />
padding: 4px 8px calc(8px + env(safe-area-inset-bottom));<br />
z-index: 9999;<br />
box-shadow: 0 -2px 10px rgba(0,0,0,.5);<br />
-webkit-tap-highlight-color: transparent;<br />
}<br />
<br />
.nav-item {<br />
flex: 1;<br />
display: flex;<br />
flex-direction: column;<br />
align-items: center;<br />
justify-content: flex-end;<br />
gap: 3px;<br />
padding-bottom: 6px;<br />
color: #fff;<br />
text-decoration: none;<br />
font-size: 11px;<br />
transition: opacity .2s ease;<br />
}<br />
<br />
.nav-item i { font-size: 20px; }<br />
.nav-item:active { opacity: .75; }<br />
<br />
/* ===== دکمه FAB وسط (محصولات) ===== */<br />
.nav-item.fab { justify-content: flex-start; }<br />
<br />
.nav-item.fab i {<br />
width: 58px;<br />
height: 58px;<br />
margin-top: -30px; /* بیرونزدگی از بالای نوار */<br />
border-radius: 50%;<br />
background: #fff; /* رنگ دکمه */<br />
color: #000; /* رنگ آیکون */<br />
display: flex;<br />
align-items: center;<br />
justify-content: center;<br />
font-size: 24px;<br />
box-shadow: 0 4px 12px rgba(255,255,255,.35);<br />
border: 3px solid #000;<br />
}<br />
<br />
.nav-item.fab span {<br />
font-size: 11px;<br />
color: #fff;<br />
margin-top: 2px;<br />
}<br />
<br />
/* ===== فضای خالی برای محتوا ===== */<br />
body {<br />
padding-bottom: calc(70px + env(safe-area-inset-bottom));<br />
}<br />
}<br />
</style><br />
</head><br />
<body><br />
<br />
<!-- Bottom Navigation - فقط موبایل --><br />
<nav class="bottom-nav" aria-label="منوی اصلی پایین صفحه"><br />
<a href="/" class="nav-item"><br />
<i class="fas fa-home"></i><br />
<span>خانه</span><br />
</a><br />
<br />
<a href="/products" class="nav-item fab" aria-label="محصولات"><br />
<i class="fas fa-box"></i><br />
<span>محصولات</span><br />
</a><br />
<br />
<a href="/cart" class="nav-item"><br />
<i class="fas fa-shopping-cart"></i><br />
<span>سبد خرید</span><br />
</a><br />
</nav><br />
<br />
</body><br />
</html></div>
Javid