/* Add custom Js styles below */ 
Skip to content
Chat history

You said:
كيفية عمل النص متحرك فى الموقع بتاعى على منصة سلة
ChatGPT said:
تمام يا أحمد 👌
خلينى أوضحلك خطوة بخطوة إزاى تعمل نص متحرك على موقعك فى منصة سلة (Salla) — سواء كان نص إعلان، عنوان، أو شريط متحرك فى الصفحة الرئيسية.

🧩 الطريقة 1: (الأسهل) — باستخدام كود HTML + CSS بسيط داخل محرر سلة
📍الخطوات:
افتح لوحة تحكم سلة → المظهر → تخصيص التصميم

اختَر المكان اللى عايز يظهر فيه النص (مثلاً: الهيدر أو البانر أو الوصف).

أضف بلوك HTML مخصص (عن طريق "إضافة مكون → كود HTML").

انسخ هذا الكود وألصقه فيه 👇

<div class="moving-text">
  ⚡️ عروض خاصة هذا الأسبوع - خصومات حتى 50% على كل الإضاءة ⚡️
</div>

<style>
.moving-text {
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
  font-size: 18px;
  font-weight: bold;
  color: #ffcc00;
  background: #222;
  padding: 10px;
  animation: move 12s linear infinite;
}

@keyframes move {
  from { transform: translateX(100%); }
  to { transform: translateX(-100%); }
}
</style>
🟢 النتيجة: النص هيتحرك من اليمين لليسار بشكل مستمر وسلس.
تقدر تغيّر الألوان أو السرعة حسب ذوقك (قلل أو زوّد مدة 12s).

🎨 الطريقة 2: تأثير الكتابة المتدرجة (typing effect)
لو حابب شكل احترافى أكتر (النص يكتب نفسه كأنه آلة كاتبة):

<h3 class="typing-text"></h3>

<style>
.typing-text {
  width: 0;
  overflow: hidden;
  white-space: nowrap;
  border-right: 2px solid #ffcc00;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  animation: typing 4s steps(40, end) infinite alternate;
}

@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}
</style>

<script>
document.querySelector(".typing-text").textContent = "مرحباً بكم فى متجر أعمال المختص!";
</script>
💡 ملاحظات مهمة:
منصة سلة تسمح بإضافة أكواد HTML وCSS مباشرة، لكن بعض القوالب قد لا تسمح بجافاسكريبت داخلها (لو حصل، نستخدم الطريقة الأولى فقط).

تقدر تستخدم الألوان والخطوط بتاعة موقعك عشان يكون الشكل متناسق.

الأفضل تستخدم نص قصير علشان الحركة تكون سلسة وواضحة للمستخدم.

هل تحب أعمل لك نص متحرك مخصص باسم متجرك “أعمال المختص” بالألوان المناسبة لمتجر كهرباء منزلي (فاتح ومشرق زي ما قلت قبل كده)؟
لو موافق، قولّي شكل الحركة اللى تفضلها:

🔁 تمرير أفقي (يمين–يسار)

✍️ كتابة تلقائية

⚡ وميض متكرر / نبض كهربائى



No file chosenNo file chosen
ChatGPT can make mistakes. Check important info.