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

أو مدونتك نوعا من الحركية والحياة كما لا أنصح بالاطناب في استعمالها كي لا يصبح الموقع أو المدونة كلها نصوص متحركة فيذهب من جمالها ودورها،،



أين يمكنني إضافة كود النص المتحرك scrolling text-marquee-html codes ؟

يمكنني إضافته في رأس المدونة header، المواضيع Posts ، منطقة الذيل Footer والأعمدة الجانبية Sidebars .

لعمل هذا قم بالدخول لحسابك :التخطيط|عناصر الصفحة|إضافة أداة واخترHTML/JAVASCRIPT

إذا كنت تريد اضافة النص المتحرك لموضوعك ما عليك الا التأكد أنك في الجزء : تحرير HTML لا الـتأليف Compose لكي تضيف الكود الخاص بالنص المتحرك .

نبدأ بنص متحرك بسيط : مثلا :

الكود:

<marquee>عالم المعلوميات</marquee>

مدونة الطالب
مثال آخر :

الكود:

<marquee bgcolor="#99CCFF">عالم المعلوميات</marquee>


عالم المعلوميات

والآن نتطرق لبعض الأمور التي يجب علينا معرفتها :

direction="left" (يسار) direction="right" (يمين) direction="up" (أعلى) direction="down" (أسفل)

الكود:

<marquee direction="up" bgcolor="#ccfb5d">عالم المعلوميات</marquee>

(لقد اخترت المسار من الاسفل الى الأعلي باختيار الجهة "up")

الطالب

مازلنا مع اضافة بعض الخصائص :

behavior="alternate"

هذه الخاصية لجعل النص المتحرك في حركة ذهاب واياب حسب الجهة التي اخترتها (يمين أو يسار،أعلى،،)

<marquee behavior="alternate" direction="right" bgcolor="#ccfb5d">بسم الله الرحمن الرحيم</marquee>

مثال :
بسم الله الرحمن الرحيم
يمكنك ايضا التحكم في سرعة النص المتحرك :

scrollamount="2"

الكود:

<marquee behavior="alternate" direction="right" scrollamount="2" bgcolor="#ccfb5d">بسم الله الرحمن الرحيم</marquee>

بسم الله الرحمن الرحيم
اذا أردت سرعة أكبر فزد في قيمة scrollamount
الأن سنرى كيفية جعل النص المتحرك يتوقف بمجرد تمرير المشيرة (الماوس) عليه :

الكود:

<marquee behavior="alternate" direction="right" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" scrolldelay="50" bgcolor="#cccccc"> سبحان الله والحمد لله والله أكبر</marquee>

سبحان الله والحمد لله والله أكبر

مرر الآن المشيرة فوق النص .
لتغيير لون النص يمكنك ذلك بإضافة :

ليصبح الكود :

<span style="color:#FF0000" ><marquee behavior="alternate" direction="right" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" scrolldelay="50" bgcolor="#cccccc"> سبحان الله والحمد لله والله أكبر</marquee></span>

سبحان الله والحمد لله والله أكبر