+ + + + +
Share/Save/Bookmark

2008-04-18

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




طريقة وضع صندوق نصى متحرك

عن طريق استخدام كود marquee

مش هادخل فى تفاصيل عن الكود ده
انا هادى امثلة علطول
هاتلاقى الكود وبعد كده منظر الكود عند تشغيله
الحكاية دى تقدر تعملها سواء فى الاطار الجانبى للمدونة او فى التدوينة نفسها او حتى فى راس المدونة
هاتدخل على
dashboard > layout > template > page elements

اختار add page element فى المكان اللى انتا عايز تضيف فيه الصندوق سواء الاطار الجانبى او راس او ذيل المدونة
من القايمة اللى هاتطلع اختار text

ضع عنوان للصندوق

ضع الكود فى المكان المناسب

احفظ

دى بعض الاكواد الجاهزة اختار منها اللى يناسبك

الامثلة فيها نصوص للتوضيح فقط

غير النص الموجود وحط النص اللى يعجبك قبل ماتنسخ الكود بالكامل وتشغله







النص يتحرك افتراضيا من اليمين لليسار.







ده الاتجاه الافتراضى من اليمين للشمال
ملاحظات :
ممكن تغير لون خلفية الصندوق bgcolor="#ffffcc">
ممكن تغير سرعة تحرك النص scrolldelay="200"
ممكن تغير طول الصندوق height="25px"
ممكن تغير عرض الصندوق width="400px"


ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ






النص يرجع فى الاتجاه المعاكس.






ده نفس الكلام الفرق ان النص هايرجع يتحرك فى الاتجاه المعاكس
والسر فى behavior="alternate"
طبعا ممكن تغير المقاسات وسرعة النص ولون الخلفيه برضو


ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ






فى هذا المثال يتحرك النص من اسفل الى اعلى.




هنا النص بيتحرك من تحت لفوق
ممكن تغير الاتجاه direction="up"
وممكن تغير لون الخلفيه والمقاسات والذى منه


ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ





فى هذا المثال يتحرك النص من اعلى الى اسفل.

هنا النص بيتحرك من فوق لتحت

لاحظ الفرق فى سرعة تحرك النص

ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ





النص يتحرك من اعلى الى اسفل .. ويقف تحرك النص عند مرور الماوس عليه وهذا اهم مثال.


ده اهم مثال لان النص بيقف لما الماوس يؤشر عليه
والسر فى الوسمين دول

onmouseover="this.stop()" onmouseout="this.start()"
لو حطيتهم فى اى كود من الاربعة اللى فوق فى المكان المناسب هايشتغلوا بنفس الطريقة

اشوفكوا على خير



الصق لوجو المدونة عندك

اشكال بديلة اخرى من هـنـا

14 اضف تعليق , التعليقات:

حسن محمد توفيق said...

اخى الفاضل الغالى

وائل

كل الشكر لك محاولاتك المتميزة لمحو امية امثالى من هواة التدوين..
اخبرك بانى حاولت عمل ارشيف لمقالاتى بروابط من مدونة قديمة بمكتوب فى اطار جانبى للاسف الروابط لا تعمل وكذلك لا يتوقف عندما اضع الماوس عليه كما هو مكتوب على الاختيار الاخير
ارجوك زور مدونتى واطلع عليها وقولى اعمل ايه
شكرا لك على كل ما قمت به وتقوم به

Wael said...

استاذ حسن :
اهلا بيك

فى الحقيقة يوجد موضوعين

الاول : صندوق نصوص متحركة

الثانى : صندوق روابط متحركة

عشان تعمل روابط متحركة محتاج تقرأ الموضوع التانى وتنفذ الاكواد اللى فيه , بخلاف الموضوع الاولانى اللى هاتكون نتيجته مجرد نص وليست روابط .

بخصوص مدونتك : اعتقد انك نفذت ماجاء فى الموضوع الاول وليس الموضوع الثانى .

ثانيا : النص يتوقف عند المرور عليه بالفعل .

ثالثا : محتاج تقلل سرعة الحركة اكتر من كده .

د / احمد فارما said...

عزيزي لؤي .. في كل موضوع استفاد منه هتلاقيني اشكرك من قلبي...

ما شاء الله عليك ... عن طريق المدونه قدرت يعني .. اعرف اقل حاجه اعدل في ال اتش تي ام ال اي نعم حاجه بسيطه انما اهو خطوه ...


لك مني كامل التقدير والاحترام علي شرحك الوافر لكل المشاكل والمتطلبات اللي المدون ممكن يحتاجها ...

ارجو منك زياره مدونتي والاطلاع عليها

د / احمد فارما said...

انا عايز نص يتحرك من الشمال الي اليمين .. ايه اللي هغيره ؟..

ارجو الرد من فضلك لان الموضوع محتاجه بجد ولك من الشكر

Wael said...

د / احمد فارما

بسيطة هاتغير الـ direction

تخليه right بدل left

د / احمد فارما said...

هو ينفع اغير الخط .. عايز اكبره شويه وعايز اغير اللون مش عارف اغيره ازاي

أحمد أمين said...

هل يمكن ان اجعل اعلان جوجل ادسنس يتحرك في المدونة

santos said...

انت راااااااااااااااااااااااااااااااااااااائع

Mohamed Elshbokshy said...

سلاموا عليكوا اولا
استاذ وائل لو سمحت عندى سؤالين وياريت الاقى منحضرتك اجابه عليهم علشان انا دوخت ومش لاقى حلول
السؤال الاول
ازاى احط اعلانات جوجل فى فارم متحرك زى النصوص كدى علشان انا جربت كذا طريقه وفشلت رغم انى شوفتها فى مدونات كتير وحاولت اخد الاتش تى ام ال واعدل فيه بس للأسف فشلت

اما بالنسبه للسؤال التانى

دلوقتى منطقه الميتا تاج والتيل والحاجات ديه فيها كام حاجة عايز اعرفها اول حاجة
ملفات السى اس اس واللينك لو سمحت شرح مبسط وازاى اخلى المواضيع بتاعتى تظهر فى نتائج البحث انا عملت مدونات كتير ووكلهم متأرشفين فى جوجل ويب مستر بس كلمات البحث مش بتجيب موقعى بحصل على الزوار من الفيس بوك يعنى اكتر حاجة ممكن اجيب بيها مدونتى فى كلمات البحث هوة التيتل بتاع الهوم بيج


لو سمحت النصيحه وياريت تزور المدونة ديه اخر واحدة عملتها
ياريت تقولى رأيك وتقولى بعض النصايح عليها ولك جزيل الشكر اخوك فى الله محمد الشبكشى
دة عنوان المدونة

http://egy-blogger.blogspot.com

اتمنى الرد قريبا

katie said...

انا عايزه اضع صور متحركه في عنوان الصفحه

ALHAKEM said...

شكرا جزيلا انت فعلا مدون رائع واستفاد منك كثيرا انا اجلس على مدونتك اكثر من مدونتى فجزاك الله خير الجذاء ونفع الله بعلمك جميع المدونين والعالمين
تفضل بقبول فائق التقدير والاحترام

ALHAKEM said...

اشكرك شكر جزيل استاذ وائل

ALHAKEM said...

أستاذ وائل زر مشاركة التدوينات من المونه للفيس لا تعمل ارجوج ان تعلمنى هل تم حظر مشاركات الفيس من المدونه لانه كل انواع المشاركات متاحهالا الفيس ارجو الافاده جزاك الله كل خير

headmaster said...

تلميح بسيط بس .. مثلا انت كاتب ده علي اساس انك بتكلم اللي متابعينك من زمان واللي خبرة ف الموضوع ده .. وانا شكلي هبدا م الاول خالص .. ممكن اعرف فين اول درس بقه؟؟!!

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment

اضف تعليقك هنا

اضغط على عنوان البوست لتظهر التعليقات