رجال العراق: اضافة جميلة لعمل نص متحرك في بلوجر

اضافة جميلة لعمل نص متحرك في بلوجر

السلام عليكم ورحمة الله

اضافة جميلة لعمل نص متحرك في بلوجر

الخطوات \الذهاب الى

تصميم....ثم تخطيط...ثم اضافة اداة....والذهاب الى .HTML/JavaScript

1. كلمة scrolldelay تعني سرعة تحرك النص هنا تجد السرعة 200 وبإمكانك التحكم فيها كما تشاء

ملحوظه : كلما قلة قمية السرعة كلما كانت حركة النص اسرع (50 اسرع من 100)

2. كلمة width تعني عرض الصندوق الذي سيحتوي على النص ويمكن التحكم فيه عبر تغيير قيمته الموجودة هنا في الكود بـ 300

3. كلمة height تعني طول الصندوق الذي سيحتوي على النص ويمكن التحكم فيه عبر تغيير قيمته الموجودة هنا في الكود بـ 25

4. كلمة direction تعني ان حركة النص ستتجه من اليسار إلى اليمين ويمكنك التحكم في الاتجاه كما ذكرنا في اول الموضوع في اي اتجاه عن طريق تغيير القيمة الموجود وهي right إلى مثلا :

* من اليمين الي اليسار ضع كلمة left

* من أعلى إلى اسفل ضع كلمة down

* من اسفل إلى أعلى ضع كلمة up

5. كلمة bgcolor تعني لون خلفية النص او الصندوق الذي يحتوي علية النص ويمكنك اختيار ما يناسبك من الالوان بتغيير كود اللون الموجود في الكود وهو #3BB9FF

6. كلمة font color تعني لون الخط اي لون النص الذي سوف تكتبه وأيضا تستطيع اختيار ما يناسبك بتغيير كود اللون هذا #000000

وهذا هو الكود :

<marquee scrolldelay="200" width="300px" height="25px" direction="right"bgcolor="#3BB9FF">مدونة رجال العراق</marquee>

مثال هنــــــــــــــــــا

- النص يتحرك من اليمين إلى اليسار :

بسم الله الرحمن الرحيم

وها هو الكود :

<marquee scrolldelay="200" width="300px" height="25px" direction="left" bgcolor="#3BB9FF"> بسم الله الرحمن الرحيم </marquee>

- النص يتحرك يمينا ويسارا :

سبحان الله وبحمده سبحان الله العظيم

وها هو الكود :

<marquee behavior="alternate" width="300px" height="25px" direction="right" bgcolor="#3BB9FF"> سبحان الله وبحمده سبحان الله العظيم </marquee>

والجديد في هذا الكود هو هذا الجزء behavior="alternate"

- النص يتحرك من أعلى إلى أسفل :

لا إله إلا الله محمد رسول الله

وها هو الكود :

ويمكنك تغيير الاتجاه إلى العكس (من أسفل إلى أعلى) كما ذكرنا بتغيير كلمة down بكلمة up

- ونأتي لأهم كود من بين تلك الاكواد :

لا اله الإ انت سبحانك اني كنت من الظالمين

وها هو الكود :

<marquee scrolldelay="200" onmouseover="this.stop()" onmouseout="this.start()"width="200px" height="300px" direction="up" bgcolor="#3BB9FF"> لا اله الإ انت سبحانك اني كنت من الظالمين </marquee>

والذي يميز هذا الكود هو توقف النص عند وقف مؤشر الفأره (الماوس) عليه كما تراه في المثال السابق ، والاختلاف هنا يكمن في هذا الجزء onmouseover="this.stop()" onmouseout="this.start()"

ويمكنك استخدام هذا الجزء من الكود في أي مثال من الامثل السابقة او أي مثال تقوم بأعداده بوضع هذا الجزء في الكود لكي يتوقف النص عند وقف مؤشر الفأره علية .