شريط آخر الاخبار او التحديثات بتأتير جميل حصريا لموقعك او مدونتك

بسم الله الرحمان الرحيم

انشاء الله متابعي ومتابعات مدونة حاسوبي Astuce

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

خصيصا لمدونتك او موقعك

بدون اطالة ترى المعاينة ثم نعود

معاينة

شرح الطريقة

ما عليك سوى ان تقوم بلصق الكود التالي في المكان الذي تريد ان يظهر فيه الشريط

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js'></script>
<script>
var lastnews=[];
lastnews[0]="تمت اضافة اثباتات دفع اخرى من موقع NubaSpace";
lastnews[1]="تمت اضافة اثباتات دفع اخرى من موقع GoldTasks";
lastnews[2]="تمت اضافة اثباتات دفع اخرى من موقع GrabPoints";
lastnews[3]="تم تحديث صفحة اثباتات الدفع";
lastnews[4]="تمت اضافة اثباتات دفع اخرى من موقع CashSignups";
lastnews[5]="تمت اضافة اثبات دفع رابع من موقع WorldWideGPT";
lastnews[6]="تمت اضافة قسم خاص باخر اثباتات الدفع";
lastnews[7]="تمت اضافة العديد من اثباتات الدفع من موقع MicroSignups";
lastnews[8]="تمت اضافة اثباتين للدفع لموقع Adflares";
lastnews[9]="تم اضافة زر تحديد الكل لتسهيل عملية نسخ الاكواد";
lastnews[10]="قم باضافة موقعك الى مدونتنا مجانا";
var i=-1;
function startnews() {
$(document).ready(function(){
        $("#news").slideUp();
        setTimeout(function(){  document.getElementById('news').innerHTML=lastnews[i]; }, 500);
        $("#news").slideDown();
        if (i==(lastnews.length-1)){i=0}else {
        i++;}
});
}
setInterval(function(){ startnews(); }, 4000);
</script>
<a href="//astuce-hassoubi.blogspot.com" style="displya:none;">حاسوبي astuce</a>
<style>
.alllnews {position:fixed;margin-right:1px;transition:.5s;overflow:auto;height:auto;border-top:1px solid #EEEEEE;width:100%;bottom:1px;background:#fff;}
.allnews li:hover {padding-right:5px;transition:.5s;}
.alllnews b{background: #4CAF50; color: #fff; float: right; font-size:16px ; height: 20px; margin-left: 10px; text-align: center; width: auto;padding:10px; position: relative;}
.alllnews #news {padding:10px;margin-left: 10px; text-align: center; width: auto;padding:10px; position: relative;float: right;height:20px;cursor:pointer;font-size:14px;}
</style>
<div dir="rtl" class="alllnews">
<b>آخر الاخبار:</b><a id="news">جاري التحميل...</a>
</div>

تحديد الكل

 الشريط يحنوي على 10 رسائل يمكنك التحكم به من السلسة المسماة lastnews

مثلا اذ كنت تريد ان تضيف رسالة ما عليك سوى اضافة الكود التالي

lastnews[count]="رسالتك...";

استبدل count برقم الخبر مثلا اخر خبر في الشريط هو 10 اي اذا كنت تريد ان تضيف خبر اخر

استبدل count ب 11

وهكذا دواليك
الشريط مكانه في الاسفل لتغييره ما عليك سوى البحث نالكود التالي

width:100%;bottom:1px;background:#fff;

ثم استبدل كلمة bottom ب top
لا تنسى حذف الكود التالي اذا كانت مكتبة الجيكويري مضمافة الى موقعك
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js'></script>

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

• غرّد
• شارك
• شارك
• شارك
• شارك