Thursday, 1 July 2010

வலைப்பதிவு இடுகைத் தலைப்புக்களின் எழுத்து பல வர்ணங்களில் மாறி,மாறி (Multi Color Effect ) காட்சி தர வேண்டுமா?

எமது வலைப்பதிவிலே நாம் இடுகின்ற இடுகைகளுக்கான  தலைப்பு அதிகமாக ஏதாவது ஒரு வர்ணத்திலேதான் இருக்கும். சிலர் நினைக்கலாம் தலைப்பினுடைய வர்ணம் பல வர்ணங்களில் (Multi Color Effect ) மாறிக்கொண்டு இருந்தால் அழகாக இருக்கும் என்று நினைக்கலாம்.




Dashboard ==>> Layout ==>> Edit html  செல்லுங்கள்

</head> எங்கே இருக்கின்றது என்று தேடுங்கள்.

</head> க்கு மேல் கீழே தருகின்ற HTML உள்ளிட்டு Save வே பண்ணுங்கள்




<script type='text/javascript'>

//<![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>


அவ்வளவுதான் உங்கள் இடுகைகளின் தலைப்பும் இப்போ பல வர்ணங்களில்.

Post Comment


Digg Google Bookmarks reddit Mixx StumbleUpon Technorati Yahoo! Buzz DesignFloat Delicious BlinkList Furl

9 comments: on "வலைப்பதிவு இடுகைத் தலைப்புக்களின் எழுத்து பல வர்ணங்களில் மாறி,மாறி (Multi Color Effect ) காட்சி தர வேண்டுமா?"

Jey said...

thanks for your info.

முனைவர்.இரா.குணசீலன் said...

வண்ணமயமான தகவல் சந்ரு அருமை..

முனைவர்.இரா.குணசீலன் said...

எனது வலைப்பதிவில் இணைத்துவிட்டேன் அருமையாகவுள்ளத சந்ரு..

மிக்க மகிழ்ச்சி.

சந்ரு said...

//Jey கூறியது...
thanks for your info.//

உங்கள் கருத்துக்களுக்கும் வருகைக்கும் நன்றிகள்.

சந்ரு said...

// @. முனைவர்.இரா.குணசீலன்//

நன்றிகள்... உங்கள் வலைப்பதிவைப் பார்த்தேன்.

varagan said...

நன்றி பயனுள்ள தகவல்
நான் இதை எனது தளத்தில்
தங்கள் கட்டுரையால்
பயன்படுத்தியுள்ளேன்

Jeyamaran said...

கலகுற சந்ரு

mkr said...

நல்ல தகவல்.பகிர்ந்து கொண்டதற்கு மிக்க நன்றி நண்பா/சகோதரே

Post a Comment