السلام عليكم ورحمة الله وبركاته
كثير من المواقع الإخبارية تود اضافة شريط متحرك لخبر عاجل والأكواد موجودة ومتاحة فى اكثر من موضوع هنا
ولكن رأيت هذه الحركة بموقع أجنبي وأعجبتني وتمّ التعديل عليها لتناسب اللغة العربية
الوصف :
الحركة ببساطة هي ظهور سكرول صغير لخبر عاجل يهمّك لفت الانتباه اليه يتحرك مع حركة الماوس
سواء خبر خاص بالموقع او خبر على الصعيد المحلّي أو العالمي بحسب رغبتك
الكود بشكله الافتراضي الذي اخترته انا لن يستغرق منك سوى دقيقة
لكتابة الخبر الذي تريد ومن ثم اضافة الكود مباشرة فى انفنتي
أمّا من يودّ التعرّف على مفردات الكود وكيفية التعديل عليه ليناسب احتياجاته فسأفرد ذلك فى المشاركة القادمة لحالها ان شاء الله
---------------------
الشكل الخارجي باختلاف لون الخلفية
للمعاينة على الطبيعة
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 بالصفحة
للتعديل عليه تابع المداخلة القادمة
حركاات x انفنتي ...فكرة لخبر عاجل يصلح للمواقع الإخبارية
النمط الأُحادي
