عمل كود code نص متحرك ( بكل الإتجاهات )

[said]

http://www.dzbatna.com/images/icons/iconrote.gif ط¹ظ…ظ„ ظƒظˆط¯ ظ†طµ ظ…طھط*ط±ظƒ ( ط¨ظƒظ„ ط§ظ„ط¥طھط¬ط§ظ‡ط§طھ ) (http://www.dzbatna.com/t2070224/)


درس مفصل : عمل كود code نص متحرك ( بكل الإتجاهات )

كيفية عمل نص متحرك
سوف نتعلم الآن كيفية عمل نص متحرك كما في المثالين التاليين:

مثال (1) من أسفل لأعلى
إضغط هنا (http://sa.ae/2a60bda/)


مثال (2) من يمين إلى اليسار
إضغط هنا (http://sa.ae/2b92e55/)



لنقوم بعمل نص متحرك نستخدم الوسم marquee

وهذا الوسم له وسم بداية ووسم نهاية ويكون النص المتحرك بين وسمي البداية والنهاية كما يلي
رمز Code:
<marquee > كلمتان خفيفتان على اللسان ثقيلتان في الميزان حبيبتان إلى الرحمن سبحان الله وبحمده سبحان الله العظيم </marquee>
لتكون النتيجة :

إضغط هنا النتيجة!! (http://sa.ae/2b92e55/)
(http://dzbatna.net/link/fast_link.html?user=95781&url=http://sa.ae/2b92e55/)



ستلاحظ أن النص يتجه لليسار مما يجعلك تقرأ آخر الجملة joomla قبل أولها ...

لتصحيح ذلك وجعل النص يتجه لليمين نستخدم العبارة التالية
رمز Code:
direction=&quot;right&quot;


داخل وسم البداية كما يلي:





رمز Code:
<marquee direction=&quot;right&quot;> كلمتان خفيفتان على اللسان ثقيلتان في الميزان حبيبتان إلى الرحمن سبحان الله وبحمده سبحان الله العظيم </marquee>

والنتيجة :
إضغط هنا النتيجة !! (http://sa.ae/2fc02f8/)


هناك مشكلة ثانية أن النص يأتي من بداية الصفحة لنهايتها ماذا لو أردنا تحديد عرضها إلى 200 بكسل مثلا ....
نستخدم العبارة


رمز Code:
width=&quot;200&quot;

داخل وسم البداية أيضا كما يلي :





رمز Code:
<marquee direction=&quot;right&quot; width=&quot;200&quot;> كلمتان خفيفتان على اللسان ثقيلتان في الميزان حبيبتان إلى الرحمن سبحان الله وبحمده سبحان الله العظيم </marquee>


النتيجة:
إضغط هنا النتيجة !! (http://sa.ae/288fdd3/)


تستطيع تقليل السرعة عن طريق


رمز Code:
scrolldelay=&quot;x&quot;

x هذا يعبر عن مدى التأخير في سرعة النص بمعنى كلما زادت قيمته كلما أبطأ النص ... قيمته الافتراضية تكون 90 إذا أردت تبطيئه اجعلها 200 مثلا
النتيجة التالية تبين تقليل سرعة النص إلى 200









لو أردت النص يتحرك لأعلى استخدم


رمز Code:
direction=&quot;up&quot;



وغير الطول بما يناسبك مثلا نجعله 150










رمز Code:
<marquee direction=&quot;up&quot; width=&quot;200&quot; height=&quot;150&quot; scrolldelay=&quot;150&quot;>اللهم اشرح طريقة صدورنا ويسر أمورنا واختم لنا بالصالحات أعمالنا ويسرلنا الخير وادفع عنا الشر</marquee>





تستطيع تلوين خلفية النص المتحرك بوضع العبارة التالية داخل وسم البداية أيضا



رمز Code:
bgcolor=&quot;#abcdef&quot;


لتكون بالشكل التالي:


بالنسبة للنص نفسه تستطيع تنسيقه كما تنسق النص العادي وجميع التنسيقات تكون بين وسمي البداية والنهاية للكود code marquee.... النتيجة :



رمز Code:
<marquee direction=&quot;right&quot; width=&quot;300&quot; scrolldelay=&quot;150&quot; ><font face=&quot;tahoma&quot; color=&quot;red&quot;><b>الله أكبر ولله الحمد .. سبحان اله وبحمده سبحان الله العظيم .. لا إله إلا الله وحده.</b></font></marquee>

لجعل موضع النص المتحرك في الوسط مثلا نضع قبله كود code المحاذاه للوسط



رمز Code:
<p align=&quot;center&quot;><marquee direction=&quot;right&quot; width=&quot;300&quot; scrolldelay=&quot;150&quot; ><font face=&quot;tahoma&quot; color=&quot;red&quot;><b>الله أكبر ولله الحمد .. سبحان اله وبحمده سبحان الله العظيم .. لا إله إلا الله وحده.</b></marquee></p>

تصميم أخوكم : طه أبو مسلم (http://900g.co.cc/vb/showthread.php?p=94#post94)












التعديل الأخير كان بواسطة Taha.pS; 01 - 04 - 2014 الساعة 17:47

ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)




https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©