من شاهد اعمالى
الأربعاء، 17 يونيو 2015
موضوع اليوم كما هو واضح من العنوان انه عن اضافة متحركة تشابه بعض الشيء موضوع "طريقة عمل شريط اخباري لمدونتك" من ناحية ان الشريط المتحرك كما ذكرنا انه عبارة عن روابط نصيه متحركة وموضوع اليوم يشرح طريق عمل نص متحرك فقط بدون روابط ، قد تستخدمه لوضع رسالة ترحيب للزوار او خبر عن موضوع معين او اي شيء تريد كتابته ليراها الزوار بشكل ظريف ومتحرك .
ومن مميزات هذه الإضافة انه يمكنك التحكم في كل خصائصها من ناحية الحركة من اليمين الي اليسار او العكس او حتى من اعلى لأسفل وأيضا والعكس وكذلك تستطيع ان تختار لون خلفية النص وبالمثل لون النص وسرعة تحرك النص وطول وعرض الصندوق الذي يحتوي على النص المتحرك وأشياء أخرى جميلة سوف تتعرف عيها اثناء الشرح .
اولا : نبدأ بـ "بسم الله الرحمن الرحيم" ثم نشرح الكود للنص المتحرك وهو ما يسمى بكود marquee
وهذا هو الكود :
<marquee scrolldelay="200" width="300px" height="25px" direction="right"bgcolor="#3BB9FF"><font color="#000000" >ضع النص الذي تريده هنا</font></marquee>
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="left" bgcolor="#3BB9FF"><font color="#000000" > بسم الله الرحمن الرحيم </font></marquee>
- النص يتحرك يمينا ويسارا :
وها هو الكود :
<marquee behavior="alternate" width="300px" height="25px" direction="right" bgcolor="#3BB9FF"><font color="#000000" > سبحان الله وبحمده سبحان الله العظيم </font></marquee>
والجديد في هذا الكود هو هذا الجزء behavior="alternate"
- النص يتحرك من أعلى إلى أسفل :
وها هو الكود :
<marquee scrolldelay="200" width="200px" height="300px" direction="down" bgcolor="#3BB9FF"><font color="#000000" >لا إله إلا الله محمد رسول الله</font></marquee>
ويمكنك تغيير الاتجاه إلى العكس (من أسفل إلى أعلى) كما ذكرنا بتغيير كلمة down بكلمة up
- ونأتي لأهم كود من بين تلك الاكواد :
وها هو الكود :
<marquee scrolldelay="200" onmouseover="this.stop()" onmouseout="this.start()"width="200px" height="300px" direction="up" bgcolor="#3BB9FF"><font color="#000000" > لا اله الإ انت سبحانك اني كنت من الظالمين </font></marquee>
والذي يميز هذا الكود هو توقف النص عند وقف مؤشر الفأره (الماوس) عليه كما تراه في المثال السابق ، والاختلاف هنا يكمن في هذا الجزء onmouseover="this.stop()" onmouseout="this.start()"
ويمكنك استخدام هذا الجزء من الكود في أي مثال من الامثل السابقة او أي مثال تقوم بأعداده بوضع هذا الجزء في الكود لكي يتوقف النص عند وقف مؤشر الفأره علية .
ويمكنك تحميل مجموعة من الاكواد لنصوص متحركة بأشكلها المختلفة ، وما عليك سوى وضع الكود في المكان المناسب ، من هنا :
ولطب أي كود لشكل نص متحرك غير موجود في الشرح ولم تستطيع تكوينه يمكنك كتابة طلبك مع تعليقك ، وبأذن الله عز وجل سوف اعطيه لك .
0 التعليقات
الاشتراك في:
تعليقات الرسالة (Atom)
المشاركات الشائعة
-
بسم الله و الحمد لله و الصلاة و السلام على المصطفى الأمين نبينا محمد العدنان و على الآل و الصحب أجمعين. السلام عليكم و رحمة الله. بعد أن ... -
السلام عليكم ورحمة الله وبركاته أهلآ بكل متابعى و زوار مدونة الغالى الكرام سنتعرف اليوم بأذن الله على كود يبحث عنه الكثير من المدونين و... -
طريقة التحكم في حجم الهيدر فى قوالب بلوجر شرح كامل header قسم إضافات بلوجر كل التدوينات السلام عليكم ورحمة الله تعالى و... -
سكربت شريط الاخبار احصل علي شريط اخبار لموقعك مجانا. يمكنك اختيار من اشرطة الاخبار التالية. ويمكنك اضافة كود شريط الاخبار في ...
-
بسم الله الرحمن الرحيم والصلاة والسلام على أشرف المرسلين سيدنا محمد وعلى آله وصحبه أجمعين إذا كنت ترغب فى أن تجعل مد... -
أسهل طريقة لإضافة Slider Show للمدونة عمل احترافي بسم الله الرحمان الرحيم من أجمل الاضافات التي تعطي احترافية لأي مدونة هي ...
-
بسم الله الرحمن الرحيم والصلاة والسلام على أشرف المرسلين سيدنا محمد وعلى آله وصحبه أجمعين سأوضح كيفية تركيبها لصفحات الفيس بوك ... -
نقدم لكم هذه الإضافة الرائعة، التي ستضيف على شعارك لمعانا يجعله أكثر إحترافية بدون الحاجة إلى العمل عليه بالفوطوشوب وتحميل صورة صع... -
اهلا بكم من جديد اليوم نتطرق لموضوع فى غاية الاهمية. وهو أفضل قوالب بلوجر التى يمكنك ان تبحث عنها على الانترنت اقدم لكم اليوم نخبة... -
بسم الله الرحمن الرحيم والصلاة والسلام على أشرف المرسلين سيدنا محمد وعلى آله وصحبه أجمعين التطبيق يتيح تركيب العديد من أ...