..::..
مصـري اللي يشـرح
طريقة وضع صندوق نصى متحرك
عن طريق استخدام كود 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()"
لو حطيتهم فى اى كود من الاربعة اللى فوق فى المكان المناسب هايشتغلوا بنفس الطريقة
وبس .. إن شاء اللهـ اكون افدتك
ودعـواتك لي .. هذا اللي ابيه (:
وعلميني وش يصير معك
..::..