إضافة تأثير متعدد الألوان للارتباطات مدونات بلوغر

مرحبا جميعا في كل مرة أقوم بنشر منشور أتحدث فيه عن تحسين المدونات ولكن الان أشعر بأنني يجب أن أضف بعض المرح والحيل ,اليوم سأتحدث عن كيفية إضافة تأثيرات وصلاتك عندما يحوم الزائر حولها
والعملية سهلة تابع معي كيفية إضافته وتذكر أن هذه الاداة جديدة ولن تجدها الاّ على عربي كاش 2 نذهب الى موضعنا
انتقل الى لوحة التحكم وانتقل الى :الرئيسية> تخطيط> تحرير أتش تي أم أل، قم بالبحث عن الكود التالي :
بالاسعانة باختصار لوحة المفاتيح CTRL+F
<head/>

//<![CDATA[

var rate = 20;

if (document.getElementById)
  window.onerror=new Function("return true")

var objActive;  // The object which event occured in
  var act = 0;    // Flag during the action
  var elmH = 0;   // Hue
  var elmS = 128; // Saturation
  var elmV = 255; // Value
  var clrOrg;     // A color before the change
  var TimerID;    // Timer ID

if (document.all) {
  document.onmouseover = doRainbowAnchor;
  document.onmouseout = stopRainbowAnchor;
  }
  else if (document.getElementById) {
  document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  document.onmouseover = Mozilla_doRainbowAnchor;
  document.onmouseout = Mozilla_stopRainbowAnchor;
  }

function doRainbow(obj)
  {
  if (act == 0) {
  act = 1;
  if (obj)
  objActive = obj;
  else
  objActive = event.srcElement;
  clrOrg = objActive.style.color;
  TimerID = setInterval("ChangeColor()",100);
  }
  }

function stopRainbow()
  {
  if (act) {
  objActive.style.color = clrOrg;
  clearInterval(TimerID);
  act = 0;
  }
  }

function doRainbowAnchor()
  {
  if (act == 0) {
  var obj = event.srcElement;
  while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  obj = obj.parentElement;
  if (obj.tagName == 'A' || obj.tagName == 'BODY')
  break;
  }

if (obj.tagName == 'A' && obj.href != '') {
  objActive = obj;
  act = 1;
  clrOrg = objActive.style.color;
  TimerID = setInterval("ChangeColor()",100);
  }
  }
  }

function stopRainbowAnchor()
  {
  if (act) {
  if (objActive.tagName == 'A') {
  objActive.style.color = clrOrg;
  clearInterval(TimerID);
  act = 0;
  }
  }
  }

function Mozilla_doRainbowAnchor(e)
  {
  if (act == 0) {
  obj = e.target;
  while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  obj = obj.parentNode;
  if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  break;
  }

if (obj.nodeName == 'A' && obj.href != '') {
  objActive = obj;
  act = 1;
  clrOrg = obj.style.color;
  TimerID = setInterval("ChangeColor()",100);
  }
  }
  }

function Mozilla_stopRainbowAnchor(e)
  {
  if (act) {
  if (objActive.nodeName == 'A') {
  objActive.style.color = clrOrg;
  clearInterval(TimerID);
  act = 0;
  }
  }
  }

function ChangeColor()
  {
  objActive.style.color = makeColor();
  }

function makeColor()
  {
  // Don't you think Color Gamut to look like Rainbow?

// HSVtoRGB
  if (elmS == 0) {
  elmR = elmV;    elmG = elmV;    elmB = elmV;
  }
  else {
  t1 = elmV;
  t2 = (255 - elmS) * elmV / 255;
  t3 = elmH % 60;
  t3 = (t1 - t2) * t3 / 60;

if (elmH < 60) {
  elmR = t1;  elmB = t2;  elmG = t2 + t3;
  }
  else if (elmH < 120) {
  elmG = t1;  elmB = t2;  elmR = t1 - t3;
  }
  else if (elmH < 180) {
  elmG = t1;  elmR = t2;  elmB = t2 + t3;
  }
  else if (elmH < 240) {
  elmB = t1;  elmR = t2;  elmG = t1 - t3;
  }
  else if (elmH < 300) {
  elmB = t1;  elmG = t2;  elmR = t2 + t3;
  }
  else if (elmH < 360) {
  elmR = t1;  elmG = t2;  elmB = t1 - t3;
  }
  else {
  elmR = 0;   elmG = 0;   elmB = 0;
  }
  }

elmR = Math.floor(elmR).toString(16);
  elmG = Math.floor(elmG).toString(16);
  elmB = Math.floor(elmB).toString(16);
  if (elmR.length == 1)    elmR = "0" + elmR;
  if (elmG.length == 1)    elmG = "0" + elmG;
  if (elmB.length == 1)    elmB = "0" + elmB;

elmH = elmH + rate;
  if (elmH >= 360)
  elmH = 0;

return '#' + elmR + elmG + elmB;
  }

//]]>

</script><br />

والان بعد أن قمت بالخطوات التي شرحته لك قم بحفظ القالب, مبروك عليك روابط مزخرفة ولتنسى أن تترك رداُُ

اعلان

عرض النتائج لـ

Pages

إضافة تأثير متعدد الألوان للارتباطات مدونات بلوغر

والان بعد أن قمت بالخطوات التي شرحته لك قم بحفظ القالب, مبروك عليك روابط مزخرفة ولتنسى أن تترك رداُُ

jamaa alhiane

ما رأيك بالموضوع !

2 comments:

حكمة اليوم !

عرض النتائج لـ

Pages

والان بعد أن قمت بالخطوات التي شرحته لك قم بحفظ القالب, مبروك عليك روابط مزخرفة ولتنسى أن تترك رداُُ

تريد الحصول على أخبارنا الرهيبة؟

كن متابعاً أولاً بأول، خطوة بسيطة وتكون ممن يطلعون على الخبر في بداية ظهوره، اشترك الآن في القائمة البريدية

الموضوع التالي

رسالة أحدث

الموضوع السابق

رسالة أقدم

jamaa alhiane

إضافات بلوجر

ما رأيك بالموضوع !

2 comments: