طريقة وضع صندوق نصى متحرك

طريقة وضع صندوق نصى متحرك

عن طريق استخدام كود marquee

مش هادخل فى تفاصيل عن الكود ده
انا هادى امثلة علطول
هاتلاقى الكود وبعد كده منظر الكود عند تشغيله
الحكاية دى تقدر تعملها سواء فى الاطار الجانبى للمدونة او فى التدوينة نفسها او حتى فى راس المدونة
هاتدخل على
dashboard > layout > template > page elements

اختار add page element فى المكان اللى انتا عايز تضيف فيه الصندوق سواء الاطار الجانبى او راس او ذيل المدونة

من القايمة اللى هاتطلع اختار text

ضع عنوان للصندوق

ضع الكود فى المكان المناسب

احفظ

دى بعض الاكواد الجاهزة اختار منها اللى يناسبك

الامثلة فيها نصوص للتوضيح فقط

غير النص الموجود وحط النص اللى يعجبك قبل ماتنسخ الكود بالكامل وتشغله


<marquee scrolldelay="200" width="400px" height="25px" bgcolor="#ffffcc">النص يتحرك افتراضيا من اليمين لليسار.</marquee>



النص يتحرك افتراضيا من اليمين لليسار.







ده الاتجاه الافتراضى من اليمين للشمال
ملاحظات :
ممكن تغير لون خلفية الصندوق bgcolor="#ffffcc">
ممكن تغير سرعة تحرك النص scrolldelay="200"
ممكن تغير طول الصندوق height="25px"
ممكن تغير عرض الصندوق width="400px"


ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ


<marquee behavior="alternate" width="400px" scrolldelay="200" height="25px" bgcolor="#ffffcc">النص يرجع فى الاتجاه المعاكس.</marquee>



النص يرجع فى الاتجاه المعاكس.






ده نفس الكلام الفرق ان النص هايرجع يتحرك فى الاتجاه المعاكس
والسر فى behavior="alternate"
طبعا ممكن تغير المقاسات وسرعة النص ولون الخلفيه برضو


ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ



<marquee scrolldelay="150" direction="up" width="200px" height="300px" bgcolor="#ffffcc">فى هذا المثال يتحرك النص من اسفل الى اعلى.</marquee>


فى هذا المثال يتحرك النص من اسفل الى اعلى.




هنا النص بيتحرك من تحت لفوق
ممكن تغير الاتجاه direction="up"
وممكن تغير لون الخلفيه والمقاسات والذى منه


ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

<marquee hspace="50%" direction="down" scrolldelay="50" height="300px" bgcolor="#ffffcc">فى هذا المثال يتحرك النص من اعلى الى اسفل.</marquee>

فى هذا المثال يتحرك النص من اعلى الى اسفل.

هنا النص بيتحرك من فوق لتحت

لاحظ الفرق فى سرعة تحرك النص

ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

<marquee hspace="50%" onmouseover="this.stop()" onmouseout="this.start()" direction="down" scrolldelay="30" height="300px" width="200px" bgcolor="#ffffcc">النص يتحرك من اعلى الى اسفل .. ويقف تحرك النص عند مرور الماوس عليه وهذا اهم مثال.</marquee>


النص يتحرك من اعلى الى اسفل .. ويقف تحرك النص عند مرور الماوس عليه وهذا اهم مثال.


ده اهم مثال لان النص بيقف لما الماوس يؤشر عليه

والسر فى الوسمين دول

onmouseover="this.stop()" onmouseout="this.start()"

لو حطيتهم فى اى كود من الاربعة اللى فوق فى المكان المناسب هايشتغلوا بنفس الطريقة