كود تأثيرات الالوان المتعددة لروابط مدونة الووردبريس | المهندس الاول
الرئيسية / الرئيسيه / كود تأثيرات الالوان المتعددة لروابط مدونة الووردبريس

كود تأثيرات الالوان المتعددة لروابط مدونة الووردبريس

links-multicolor

اذا كنت تبحث عن طريقة عمل تأثيرات على روابط المدونة والموقع لتصبح متعددة الالوان (شاهد الصورة بالاعلى) كما هو الحال في المنتديات فيمكنك ذلك من خلال هذا الكود الذي سأقوم بطرحه بالاسفل مما سيمكنك من جعل روابط موقعك بألوانه متغيره عند مرور الماوس عليها ويعطي موقعك تأثير خاص فيك .

في البداية افتح ملف header.php الخاص بمدونتك وابحث عن :

<script type='text/javascript'> //----Start script---- //thetopengineer.com
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()
{
// http://ed3s.com
// 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;
}
//----end script---- //thetopengineer.com
</script>

استبدل القيمة 20 الموجودة في var rate = 20 بما يناسبك لزيادة او انقاص سرعة وميض الرابط بالالوان .

بالامكان استخدام كود تأثيرات الالوان على الروابط في المدونات الاخرى والمواقع المبرمجة بـ HTML .

كود تأثيرات الالوان المتعددة لروابط مدونة الووردبريس
5 (100%) 1 vote

Bookmark and Share

عن المهندس الاول

محمد عبدالله:عربي الهوية مصري الجنسية /اعمل في مجال الانترنت و الكمبيوتر لهدف واحد ووحيد وهو مساعدة كل عربي مبتدئ وتأهيله للإعتماد علي نفسه بعد الله عز وجل وأرجو منكم مساعدتي في تحقيق الهدف بأن تكونو في عون بعضكم البعض كعرب دون النظر للجنسية أو الدين أو العرق .
المهندس الاول للتدريب تعليم كل مايخص الحاسوب من البداية للإحتراف حماية - صيانة - تصميم - انترنت - برامج كامله -دورات ......