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



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

نشوف مثال
متحرك





هذه صوره للكود


الحين ناتي الى شرح التركيب

من لوحة تحكم الاداره

الاستايلات والقوالب



التحكم بالاستايلات
وبعدين خيارات [الاستايل] المراد التعديل عليه



نختار من القائمه
القوالب الشائعة/Common Templates

ونحط الكود في بدايةالهيدر

الكود/ COOD

الكود:

<script language="Javascript">


<!--


//  


//  


var currentdate = 0


var core = 0


 


function StringArray (n) {


  this.length = n;


  for (var i =1; i <= n; i++) {


    this[i] = ' '


 


  }


}


image = new StringArray(10)


image[0] = 'رابط الصورة'  


image[1] = 'رابط الصورة'


image[2] = 'رابط الصورة'    


image[3] = 'رابط الصورة'


image[4] = 'رابط الصورة'


image[5] = 'رابط الصورة'


image[6] = 'رابط الصورة'


image[7] = 'رابط الصورة'


 


var ran = 60/image.length


function ranimage() {


  currentdate = new Date()


  core = currentdate.getSeconds()


  core = Math.floor(core/ran)


    return(image[core])


}


document.write("<img src='" +ranimage()+ "'>")


//-->


</script>

نضعه ف بداية الهيدر
صبح





ملاحظه/ اذا كان, الاستايل[/COLOR] مكود بـ الـCSS

نظع الكود السابق في وسط كلاس صورة الهيدر

مثل الصوره





و في الختام ارجو ان يكون الكود عجبكم



اوصيكم بالدعاء
والصلاة على النبي
م/ن

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