https://fa.faraghaib.ir/w/index.php?action=history&feed=atom&title=%D8%A7%D9%84%DA%AF%D9%88%3A%D8%A8%D8%A7%DA%A9%D8%B3_%D8%B4%D9%86%D8%A7%D9%88%D8%B1%2F%DA%A9%D8%A7%D8%A8%DB%8C%D9%86%D8%AA_%DB%8C%D8%A7%D8%B4%DB%8C%D9%84
الگو:باکس شناور/کابینت یاشیل - تاریخچهٔ نسخهها
2026-08-25T20:35:47Z
تاریخچهٔ نسخهها برای این صفحه در ویکی
MediaWiki 1.43.8
https://fa.faraghaib.ir/w/index.php?title=%D8%A7%D9%84%DA%AF%D9%88:%D8%A8%D8%A7%DA%A9%D8%B3_%D8%B4%D9%86%D8%A7%D9%88%D8%B1/%DA%A9%D8%A7%D8%A8%DB%8C%D9%86%D8%AA_%DB%8C%D8%A7%D8%B4%DB%8C%D9%84&diff=6503&oldid=prev
Javid در ۱۷ اوت ۲۰۲۶، ساعت ۱۰:۱۴
2026-08-17T10:14:28Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="fa">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">→ نسخهٔ قدیمیتر</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">نسخهٔ ۱۷ اوت ۲۰۲۶، ساعت ۱۰:۱۴</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l6">خط ۶:</td>
<td colspan="2" class="diff-lineno">خط ۶:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <title>کادر معرفی</title></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <title>کادر معرفی</title></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> <meta name="description" content="<del style="font-weight: bold; text-decoration: none;">محصولات سرمایشی امامی</del>" /></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> <meta name="description" content="<ins style="font-weight: bold; text-decoration: none;">کابینت یاشیل</ins>" /></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <link rel="preconnect" href="https://fonts.googleapis.com" /></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <link rel="preconnect" href="https://fonts.googleapis.com" /></div></td></tr>
<!-- diff cache key faraghaib_wifaesfand71:diff:1.41:old-6499:rev-6503:php=table -->
</table>
Javid
https://fa.faraghaib.ir/w/index.php?title=%D8%A7%D9%84%DA%AF%D9%88:%D8%A8%D8%A7%DA%A9%D8%B3_%D8%B4%D9%86%D8%A7%D9%88%D8%B1/%DA%A9%D8%A7%D8%A8%DB%8C%D9%86%D8%AA_%DB%8C%D8%A7%D8%B4%DB%8C%D9%84&diff=6499&oldid=prev
Javid در ۱۷ اوت ۲۰۲۶، ساعت ۱۰:۱۱
2026-08-17T10:11:14Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="fa">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">→ نسخهٔ قدیمیتر</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">نسخهٔ ۱۷ اوت ۲۰۲۶، ساعت ۱۰:۱۱</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l148">خط ۱۴۸:</td>
<td colspan="2" class="diff-lineno">خط ۱۴۸:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> .online-support-box {</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> .online-support-box {</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> left: 14px;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> left: 14px;</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> bottom: <del style="font-weight: bold; text-decoration: none;">14px</del>;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> bottom: <ins style="font-weight: bold; text-decoration: none;">80px</ins>;</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> }</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> }</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<!-- diff cache key faraghaib_wifaesfand71:diff:1.41:old-6496:rev-6499:php=table -->
</table>
Javid
https://fa.faraghaib.ir/w/index.php?title=%D8%A7%D9%84%DA%AF%D9%88:%D8%A8%D8%A7%DA%A9%D8%B3_%D8%B4%D9%86%D8%A7%D9%88%D8%B1/%DA%A9%D8%A7%D8%A8%DB%8C%D9%86%D8%AA_%DB%8C%D8%A7%D8%B4%DB%8C%D9%84&diff=6496&oldid=prev
Javid: صفحهای تازه حاوی « <html lang="fa" dir="rtl"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>کادر معرفی</title> <meta name="description" content="محصولات سرمایشی امامی" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link href="https://fonts.googleapis.co...» ایجاد کرد
2026-08-17T10:07:32Z
<p>صفحهای تازه حاوی « <html lang="fa" dir="rtl"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>کادر معرفی</title> <meta name="description" content="محصولات سرمایشی امامی" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link href="https://fonts.googleapis.co...» ایجاد کرد</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.0" /><br />
<br />
<title>کادر معرفی</title><br />
<meta name="description" content="محصولات سرمایشی امامی" /><br />
<br />
<link rel="preconnect" href="https://fonts.googleapis.com" /><br />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /><br />
<link<br />
href="https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;700&display=swap"<br />
rel="stylesheet"<br />
/><br />
<br />
<link<br />
rel="stylesheet"<br />
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"<br />
/><br />
<br />
<style><br />
* {<br />
margin: 0;<br />
padding: 0;<br />
box-sizing: border-box;<br />
}<br />
<br />
body {<br />
font-family: "Vazirmatn", sans-serif;<br />
background: #f5f5f5;<br />
padding: 20px;<br />
line-height: 1.9;<br />
color: #444;<br />
}<br />
<br />
/* محل قرارگیری کادر در دسکتاپ */<br />
.online-support-box {<br />
position: fixed;<br />
left: 20px;<br />
bottom: 20px;<br />
z-index: 999999;<br />
}<br />
<br />
/* کادر اصلی */<br />
.info-box {<br />
max-width: 340px;<br />
width: 100%;<br />
background: #fff;<br />
border-radius: 14px;<br />
box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);<br />
padding: 14px;<br />
position: relative;<br />
overflow: hidden;<br />
transition: opacity 0.3s ease, transform 0.3s ease;<br />
}<br />
<br />
.info-box.hide {<br />
opacity: 0;<br />
transform: translateY(15px);<br />
pointer-events: none;<br />
}<br />
<br />
/* دکمه ضربدر */<br />
.close {<br />
position: absolute;<br />
top: 10px;<br />
left: 10px;<br />
width: 30px;<br />
height: 30px;<br />
border: none;<br />
background: #006400;<br />
border-radius: 50%;<br />
cursor: pointer;<br />
transition: 0.3s;<br />
display: flex;<br />
align-items: center;<br />
justify-content: center;<br />
color: #D4AF37;<br />
font-size: 14px;<br />
}<br />
<br />
.close:hover {<br />
background: #e7e7e7;<br />
transform: rotate(90deg);<br />
}<br />
<br />
/* بخش عنوان */<br />
.info-header {<br />
display: flex;<br />
align-items: center;<br />
gap: 10px;<br />
<br />
padding:24px 0 0 14px;<br />
}<br />
<br />
/* آیکون داخل کادر */<br />
.avatar {<br />
width: 90px;<br />
height: 52px;<br />
border-radius: 50%;<br />
background: linear-gradient(135deg, #0EA5E9, #E0F2FE);<br />
display: flex;<br />
align-items: center;<br />
justify-content: center;<br />
font-size: 24px;<br />
color: #fff;<br />
flex-shrink: 0;<br />
box-shadow: 0 3px 10px rgba(44, 155, 102, 0.25);<br />
}<br />
<br />
.info-title {<br />
font-size: 14px;<br />
font-weight: 700;<br />
color: #006400;<br />
line-height: 1.8;<br />
padding: 20px 10px 0 0;<br />
}<br />
<br />
.info-text {<br />
font-size: 14px;<br />
color: #666;<br />
}<br />
<br />
/* آیکون شناور مخصوص موبایل */<br />
.mobile-toggle {<br />
display: none;<br />
width: 56px;<br />
height: 56px;<br />
border: none;<br />
border-radius: 50%;<br />
background: linear-gradient(135deg, #2c9b66, #45b883);<br />
color: #fff;<br />
font-size: 24px;<br />
cursor: pointer;<br />
box-shadow: 0 5px 16px rgba(44, 155, 102, 0.35);<br />
align-items: center;<br />
justify-content: center;<br />
transition: 0.3s;<br />
}<br />
<br />
.mobile-toggle:hover {<br />
transform: scale(1.08);<br />
}<br />
<br />
/* تنظیمات موبایل */<br />
@media (max-width: 600px) {<br />
.online-support-box {<br />
left: 14px;<br />
bottom: 14px;<br />
}<br />
<br />
.info-box {<br />
display: none;<br />
max-width: calc(100vw - 28px);<br />
}<br />
<br />
.info-box.mobile-open {<br />
display: block;<br />
animation: showBox 0.3s ease forwards;<br />
}<br />
<br />
.mobile-toggle {<br />
display: flex;<br />
}<br />
<br />
.mobile-toggle.hidden {<br />
display: none;<br />
}<br />
}<br />
<br />
@keyframes showBox {<br />
from {<br />
opacity: 0;<br />
transform: translateY(15px);<br />
}<br />
<br />
to {<br />
opacity: 1;<br />
transform: translateY(0);<br />
}<br />
}<br />
</style><br />
</head><br />
<br />
<body><br />
<div class="online-support-box"><br />
<br />
<!-- آیکون مخصوص موبایل --><br />
<button<br />
class="mobile-toggle"<br />
id="mobileToggle"<br />
aria-label="نمایش اطلاعات"<br />
title="نمایش اطلاعات"<br />
><br />
<i class="fa-solid fa-headset"></i><br />
</button><br />
<br />
<!-- کادر معرفی --><br />
<section class="info-box" id="infoBox" aria-label="محصولات"><br />
<button class="close" id="closeBtn" aria-label="بستن"><br />
<i class="fa-solid fa-xmark"></i><br />
</button><br />
<br />
<div class="info-header"><br />
<div class="avatar"><br />
<i ><img src="https://dl.faraghaib.ir/m/100/vorojak.gif" width: 52px;<br />
height: 52px;></i><br />
</div><br />
</div><br />
<br />
<p class="info-title"><br />
تماس با ما<br />
</p><br />
</section><br />
</div><br />
<br />
<script><br />
const closeBtn = document.getElementById("closeBtn");<br />
const infoBox = document.getElementById("infoBox");<br />
const mobileToggle = document.getElementById("mobileToggle");<br />
<br />
// باز کردن کادر در موبایل<br />
mobileToggle.addEventListener("click", function () {<br />
infoBox.classList.add("mobile-open");<br />
mobileToggle.classList.add("hidden");<br />
});<br />
<br />
// بستن کادر<br />
closeBtn.addEventListener("click", function () {<br />
if (window.innerWidth <= 600) {<br />
infoBox.classList.remove("mobile-open");<br />
mobileToggle.classList.remove("hidden");<br />
} else {<br />
infoBox.classList.add("hide");<br />
<br />
setTimeout(function () {<br />
infoBox.style.display = "none";<br />
}, 300);<br />
}<br />
});<br />
</script><br />
</body><br />
</html></div>
Javid