hadiasadi879@gmail.com
کارتل پژو 405/ سمند
- نام خودرو: پژو 405
- مورد استفاده:
- اصل: بله
- کشور سازنده: ایران
- برند خودرو: ایرانخودرو
بررسی
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ویرایشگر محصول | وب‌شاپ</title>
<style>
body {
background: #f5f7fa;
margin: 0;
padding: 20px;
}
.editor-box {
max-width: 600px;
margin: 0 auto;
background: white;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
overflow: hidden;
}
.editor-header {
background: linear-gradient(90deg, #6a11cb 0%, #2575fc 100%);
color: white;
padding: 15px;
text-align: center;
}
.editor-body {
padding: 15px;
}
textarea {
width: 100%;
height: 200px;
border: 1px solid #ddd;
border-radius: 4px;
padding: 10px;
resize: vertical;
}
.counter {
text-align: left;
font-size: 12px;
color: #666;
margin-top: 5px;
}
.editor-footer {
padding: 10px 15px;
background: #f8f9fa;
display: flex;
justify-content: space-between;
align-items: center;
}
.save-btn {
background: #6a11cb;
color: white;
border: none;
padding: 8px 20px;
border-radius: 4px;
cursor: pointer;
}
.chars-left {
color: #6a11cb;
font-weight: bold;
}
</style>
</head>
<body>
<div class="editor-box">
<div class="editor-header">
<h2>ویرایشگر توضیحات محصول</h2>
<p>حداکثر 800 کاراکتر مجاز است</p>
</div>
<div class="editor-body">
<textarea id="product-desc" maxlength="800"
placeholder="توضیحات جذاب و مختصر محصول را وارد کنید..."></textarea>
<div class="counter">
کاراکترهای باقیمانده: <span id="char-count" class="chars-left">800</span>
</div>
</div>
<div class="editor-footer">
<small>از کلمات کلیدی استفاده کنید</small>
<button class="save-btn">ذخیره</button>
</div>
</div>
<script>
const textarea = document.getElementById('product-desc');
const counter = document.getElementById('char-count');
textarea.addEventListener('input', function() {
const remaining = 800 - this.value.length;
counter.textContent = remaining;
if(remaining < 50) {
counter.style.color = '#ff4757';
} else {
counter.style.color = '#6a11cb';
}
});
</script>
</body>
</html>
ویژگی ها
کارتل پژو 405/ سمند
- نام خودرو
- پژو 405
- مورد استفاده
- اصل
- بله
- کشور سازنده
- ایران
- برند خودرو
- ایرانخودرو
- برند تولید کننده
- رادیکال
- نام قطعه
- کارتل پژو 405
