الويب العربي - حركاات x انفنتي ...فكرة لخبر عاجل يصلح للمواقع الإخبارية

الويب العربي (http://www.arabwebtalk.com/index.php)

- مجتمع ديموفنف (http://www.arabwebtalk.com/forumdisplay.php?f=73)

حركاات x انفنتي ...فكرة لخبر عاجل يصلح للمواقع الإخبارية

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

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

ولكن رأيت هذه الحركة بموقع أجنبي وأعجبتني وتمّ التعديل عليها لتناسب اللغة العربية

الوصف :

الحركة ببساطة هي ظهور سكرول صغير لخبر عاجل يهمّك لفت الانتباه اليه يتحرك مع حركة الماوس

سواء خبر خاص بالموقع او خبر على الصعيد المحلّي أو العالمي بحسب رغبتك

الكود بشكله الافتراضي الذي اخترته انا لن يستغرق منك سوى دقيقة

لكتابة الخبر الذي تريد ومن ثم اضافة الكود مباشرة فى انفنتي

أمّا من يودّ التعرّف على مفردات الكود وكيفية التعديل عليه ليناسب احتياجاته فسأفرد ذلك فى المشاركة القادمة لحالها ان شاء الله

---------------------

الشكل الخارجي باختلاف لون الخلفية

للمعاينة على الطبيعة

http://www.fara7atypharm.net/test.htm

---------------------

الكود وكيفية ادراج الخبر به

كود:

<body style="width:100%;overflow-x:hidden;overflow-y:scroll"> 





<SCRIPT language="JavaScript1.2"> 

<!--





//1) set message to display

var scroller_msg='  خبر عاجل : تم افتتاح الموقع من جديد '

//2) set whether message should auto disappear after x seconds (0=perpetual).

//Note that double clicking page will also dismiss message

var dismissafter=180



function ietruebody(){

return (dcidcidcidcidocument.compatMode && dcidcidcidcidocument.compatMode!="BackCompat")? dcidcidcidcidocument.dcidcidcidcidocumentElement : dcidcidcidcidocument.body

}



var initialvisible=0

if (dcidcidcidcidocument.all)

dcidcidcidcidocument.write('<marquee  direction=right  id="curscroll" style="position:absolute;width:150px;border:1px solid black;font-size:14px;background-color:yellow;visibility:hidden">'+scroller_msg+'</marquee>')



function followcursor(){

//move cursor function for IE



if (initialvisible==0){

curscroll.style.visibility="visible"

initialvisible=1

}



curscroll.style.left=ietruebody().scrollLeft+event.clientX+10

curscroll.style.top=ietruebody().scrollTop+event.clientY+10

}



function dismissmessage(){

curscroll.style.visibility="hidden"

}





if (dcidcidcidcidocument.all){

dcidcidcidcidocument.onmousemove=followcursor

dcidcidcidcidocument.ondblclick=dismissmessage

if (dismissafter!=0)

setTimeout("dismissmessage()",dismissafter*1000)

}



//-->

 </SCRIPT>

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

مع مراعاة الحفاظ على القوسين المحيطين بها ' '

---------------------

خطوات ادراجه بانفنتي

1-

1-- نماذج وقوالب >> نماذج العرض >> اسم الاستايل الذي تعمل عليه >> تحرير

نموذج الـ headermain.html إن كنت تريد ظهوره فى الواجهة فقط

وقم بنفس التعديل على نموذج الـ header.html ايضا ان اردت ظهور الخبر بكامل الموقع

2-

ابحث عن هذا الكود باستخدام البحث فى الصفحة

<body>

احذفه وضع كامل الكود بالأعلى بدلا منه

لن تحتاج سوى ذلك ليظهر لك المؤشر بموقعك بالمواصفات التالية

1 يتحرك الى اليمين
2-- الكلام اسود وله خلفية صفراء
3--يختفي الخبر بعد 3 دقائق لعدم ازعاج الزائر

-------------------------------------

ملااحظة هاامة

قم بنسخ الكود من الملف في المرفقات
نظرا لأن المنتديى يضيف حروف dci على وسم الـ dcidcidocument بالصفحة

للتعديل عليه تابع المداخلة القادمة

هذا هو الكود مرة اخرى

كود:

<body style="width:100%;overflow-x:hidden;overflow-y:scroll"> 





<SCRIPT language="JavaScript1.2"> 

<!--





//1) set message to display

var scroller_msg='  خبر عاجل : تم افتتاح الموقع من جديد '

//2) set whether message should auto disappear after x seconds (0=perpetual).

//Note that double clicking page will also dismiss message

var dismissafter=180



function ietruebody(){

return (dcidcidcidcidcidcidocument.compatMode && dcidcidcidcidcidcidocument.compatMode!="BackCompat")? dcidcidcidcidcidcidocument.dcidcidcidcidcidcidocumentElement : dcidcidcidcidcidcidocument.body

}



var initialvisible=0

if (dcidcidcidcidcidcidocument.all)

dcidcidcidcidcidcidocument.write('<marquee  direction=right  id="curscroll" style="position:absolute;width:150px;border:1px solid black;font-size:14px;background-color:yellow;visibility:hidden">'+scroller_msg+'</marquee>')



function followcursor(){

//move cursor function for IE



if (initialvisible==0){

curscroll.style.visibility="visible"

initialvisible=1

}



curscroll.style.left=ietruebody().scrollLeft+event.clientX+10

curscroll.style.top=ietruebody().scrollTop+event.clientY+10

}



function dismissmessage(){

curscroll.style.visibility="hidden"

}





if (dcidocument.all){

dcidocument.onmousemove=followcursor

dcidocument.ondblclick=dismissmessage

if (dismissafter!=0)

setTimeout("dismissmessage()",dismissafter*1000)

}



//-->

 </SCRIPT>

هناك 3 متغيرات تستطيع التحكم بها فى الكود تم التعليم عليها باللون الأحمر بالأعلى

1-- مدّة بقاء السكرول ملاصق للمؤشر
وهذه مسؤول عنها السطر

var dismissafter=180

الرقم بالثواني اخترت انا 180 اى 3 دقائق
ويمكنك كتابة 0 لكى لا يختفي الخبر ويظل طول مدة بقاء الزائر

2-- لون خلفية الخبر

ستجدها صفراء بالموقع

والمسؤول عنها كلمة yellow التي علّمت عليها بالكود انا

ويمكنك اختيار red احمر

او blue ازرق وهكذا بحسب استايل موقعك

3-- اتّجاه الحركة يمكن ان تجعله متردد اى ذهابا وايابا

وهذا بحذف الكود direction=right المعلّم عليه بالأحمر

ثمّ نسخ هذه الجملة بدلاً منه BEHAVIOR=ALTERNATE

وترك مسافة بعدها

وهكذا تستطيعون تطويعه بحسب رغبتكم

اتمنّى أن تستمتعوا به

اطيب تحية

مشكور اختي نجلاء على الحركة

جميلة

تحياتي

العفو استاذي

تواجدكم أجمل :)

أطيب تحية

الله يسعدك ويغفر لك ولوالديك

إقتباس:

2-

ابحث عن هذا الكود باستخدام البحث فى الصفحة

<body>

احذفه وضع كامل الكود بالأعلى بدلا منه

وجدت الكود<body>
وحذفته ووضعت بدلا عنه ماتم وضعه من قبلكم فخترب الاستايل

عبارة الاعلى مالمقصود منها هل يعنى بداية القالب ام ماذا
دمتى ودام عطائك اختنا الكريمه

إقتباس:

اقتباس من مشاركة بوابة مكة (المشاركة 584649)

الله يسعدك ويغفر لك ولوالديك

وجدت الكود<body>
وحذفته ووضعت بدلا عنه ماتم وضعه من قبلكم فخترب الاستايل

عبارة الاعلى مالمقصود منها هل يعنى بداية القالب ام ماذا
دمتى ودام عطائك اختنا الكريمه

ويسعدك استاذي الكريم ..وأشكرك على الدعاء

بالنسبة للكود ففقط قم بحذفه واضف بدلا منه كامل الكود بالمرفقات

حيث المنتدى لخبط الكود على الصفحة هنا قليلا

ان لم يضبط عندك

ارفق لي الكود الخاص بك وساقوم بتعديله لك مع ذكر الجملة المطلوب اضافتها

ملاحظة : يمكنك الضغط على زر " استعادة السابق " اسفل النموذج لكى يستعيد لك النموذج قبل التعديل

أطيب تحية

شكراً لكِ آختي نجلاء

لكن الكود غير متوافق مع المتصفح الفايرفوكس
لذالك لا يعمل لدي :)

تقبلي تحياتي

شكرا استاذه نجلاء على الحركة الحلوه ..

العفو استاذي kahahah65

والحقيقة المشكلة في قصور متصفح الفايرفوكس وليست فى الكود :)

ملااحظة عاامة : أني حقيقة اتعجّب من كل المشاكل التي تقابل المصممين لتطويع مواقعهم لتوافق الفايرفوكس حيث انه لا يقبل الكثير من اكواد الجافا اسكربت ولا يقرأ العديد من التنسيقات وغير متوافق مع صناديق تنسيق النصوص ايضا
وكثيرا ما يقلب الموقع فوق تحت ويمين شمال ;)
وعدم تولّد قناعة عند مستخدمي الشبكة بصفة عامة حتى الآن
أنه يمكن الاستغناء عنه و استبداله افضل باى متصفح اكثر ذكااءا منه :)

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

شكراا لمرورك ومتابعتك

أستاذي lama7at

العفو ..... ومتابعتكم هنا هى الأحلى دوماً

اطيب تحية

بارك الله فيك

وفيك استاذي

اشكرك على الإهتمام والمرور

أطيب تحية

طريقة جيدة

الله يعطيك العافية

مجهود تشكرين عليه يا نجلاء ،،

الله يجزاك عنا كل خير ،،

تحياتي
المعروف

satam2k

المعروف

مشكورين على المرور

واتمنى بالفعل يضيف الجديد لمواقعكم والجميع

أطيب تحية

مساءالخير د / نجلاء
ومساء الخير على الإخوة الكرام
طلب صغير أنا عاوز ادرج الشريط المتحرك في موقع المؤسسة العامة للتدريب التقني عندي على انفنيتي اعمل ايه
وجزاكم الله كل خير للمساعدة
شكرا

إقتباس:

اقتباس من مشاركة prince1149 (المشاركة 639244)

عذرا استاذي لم افهم اى شريط قصدت ؟؟ فليتك توضح اكثر لاستطيع مساعدتك

أطيب تحية

وفقكم الله لكل خير

أخوكم
خالد الشريف

رااائع جدا

شكرا لك اخت نجلاء

للمشاهدة

www.qm.org.sa

أختي الكريمة هناك رابط يغني عن الفرنت بيج تم حذفه مؤخراً من قبل موقع صيدلية دأحمد هل هناك رابط اخر ؟؟؟

Christian Louboutin Astraqueen Boots Pink