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

د.نجلاء نور الدين · #1 02-03-2009, 04:55 PM

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

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

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

الوصف :

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

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

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

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

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

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

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

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

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 بالصفحة

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

د.نجلاء نور الدين · #2 02-03-2009, 05:01 PM

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

كود:

<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

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

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

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

اطيب تحية

أبو طارق · #3 02-03-2009, 05:38 PM

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

جميلة

تحياتي

د.نجلاء نور الدين · #4 02-03-2009, 10:34 PM

العفو استاذي

تواجدكم أجمل

أطيب تحية

بوابة مكة · #5 03-03-2009, 12:08 AM

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

إقتباس:

	2- ابحث عن هذا الكود باستخدام البحث فى الصفحة <body> احذفه وضع كامل الكود بالأعلى بدلا منه

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

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

د.نجلاء نور الدين · #6 03-03-2009, 12:29 AM

إقتباس:

اقتباس من مشاركة بوابة مكة

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

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

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

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

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

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

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

أطيب تحية

kahahah65 · #7 03-03-2009, 02:10 AM

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

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

تقبلي تحياتي

lama7at · #8 03-03-2009, 02:54 AM

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

د.نجلاء نور الدين · #9 03-03-2009, 10:10 PM

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

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

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

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

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

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

أستاذي lama7at

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

اطيب تحية

albrzaa · #10 04-03-2009, 02:42 AM

بارك الله فيك

د.نجلاء نور الدين · #11 06-07-2009, 11:54 PM

وفيك استاذي

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

أطيب تحية

satam2k · #12 07-07-2009, 06:41 PM

طريقة جيدة

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

المعروف · #13 08-07-2009, 01:57 PM

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

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

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

د.نجلاء نور الدين · #14 09-07-2009, 12:04 AM

satam2k

المعروف

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

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

أطيب تحية

prince1149 · #15 15-07-2009, 02:42 PM

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

د.نجلاء نور الدين · #16 17-07-2009, 06:15 AM

إقتباس:

اقتباس من مشاركة prince1149

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

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

أطيب تحية

خآلد الشريف · #17 10-10-2009, 11:51 AM

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

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

زياد الشبانة · #18 16-10-2009, 05:23 PM

رااائع جدا

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

للمشاهدة

www.qm.org.sa

خآلد الشريف · #19 10-12-2009, 07:53 PM

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

tuvw482 · #20 22-08-2010, 07:06 PM

Christian Louboutin Boots, Christian Louboutin Alta Arielle A Talon Python Boots, Christian Louboutin Ariella Clou Silver Studded Boot Black, Christian Louboutin Arielle A Talon ankle boots, Christian Louboutin Astraqueen Boots Pink