rose_princess
Administrator
Age : 31
Registration date : 2009-03-02
Number of posts : 138
Location : taguig city
Job/hobbies : landdin asawa quh hahaha
Humor : i love danilo
|
Subject: circling text cursor Thu Mar 12, 2009 2:02 am |
|
|
--> ready a notepad --> hosting site --> patience put this codes on a notepad NOTE: edit only the BOLD ONES save it as .txt file
- Spoiler:
;(function(){ // Your message here (QUOTED STRING) var msg = "lYOUR WELCOME MESSAGE HERE"; /* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */ // Set font's style size for calculating dimensions // Set to number of desired pixels font size (decimal and negative numbers not allowed) var size = 14; // Set both to 1 for plain circle, set one of them to 2 for oval // Other numbers & decimals can have interesting effects, keep these low (0 to 3) var circleY = 0.75; var circleX = 2; // The larger this divisor, the smaller the spaces between letters // (decimals allowed, not negative numbers) var letter_spacing = 3; // The larger this multiplier, the bigger the circle/oval // (decimals allowed, not negative numbers, some rounding is applied) var diameter = 10; // Rotation speed, set it negative if you want it to spin clockwise (decimals allowed) var rotation = 0.4; // This is not the rotation speed, its the reaction speed, keep low! // Set this to 1 or a decimal less than one (decimals allowed, not negative numbers) var speed = 0.3; ////////////////////// Stop Editing ////////////////////// if (!window.addEventListener && !window.attachEvent || !document.createElement) return; msg = msg.split(''); var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20, ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [], o = document.createElement('div'), oi = document.createElement('div'), b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body, mouse = function(e){ e = e || window.event; ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position }, makecircle = function(){ // rotation/positioning if(init.nopy){ o.style.top = (b || document.body).scrollTop + 'px'; o.style.left = (b || document.body).scrollLeft + 'px'; }; currStep -= rotation; for (var d, i = n; i > -1; --i){ // makes the circle d = document.getElementById('iemsg' + i).style; d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px'; d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px'; }; }, drag = function(){ // makes the resistance y[0] = Y[0] += (ymouse - Y[0]) * speed; x[0] = X[0] += (xmouse - 20 - X[0]) * speed; for (var i = n; i > 0; --i){ y[i] = Y[i] += (y[i-1] - Y[i]) * speed; x[i] = X[i] += (x[i-1] - X[i]) * speed; }; makecircle(); }, init = function(){ // appends message divs, & sets initial values for positioning arrays if(!isNaN(window.pageYOffset)){ ymouse += window.pageYOffset; xmouse += window.pageXOffset; } else init.nopy = true; for (var d, i = n; i > -1; --i){ d = document.createElement('div'); d.id = 'iemsg' + i; d.style.height = d.style.width = a + 'px'; d.appendChild(document.createTextNode(msg[i])); oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0; }; o.appendChild(oi); document.body.appendChild(o); setInterval(drag, 25); }, ascroll = function(){ ymouse += window.pageYOffset; xmouse += window.pageXOffset; window.removeEventListener('scroll', ascroll, false); }; o.id = 'outerCircleText'; o.style.fontSize = size + 'px'; if (window.addEventListener){ window.addEventListener('load', init, false); document.addEventListener('mouseover', mouse, false); document.addEventListener('mousemove', mouse, false); if (/Apple/.test(navigator.vendor)) window.addEventListener('scroll', ascroll, false); } else if (window.attachEvent){ window.attachEvent('onload', init); document.attachEvent('onmousemove', mouse); }; })();
-->next.. this codes to anoder notepad -->you can also edit the BOLD LABELS -->save dis now as .css
- Spoiler:
#outerCircleText { /* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */ font-style: italic; font-weight: bold; font-family: 'palatino linotype', times new roman, arial; color: #FF0000; /* End Optional */ /* Start Required - Do Not Edit */ position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;} #outerCircleText div {position: relative;} #outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;} /* End Required */ /* End Circle Text Styles */
upload the codes on your file hosting site den after that put their direct links in this injection code to avoid conflicts to other codes you need to have your css layout too.. save dis as .js file
- Spoiler:
incCSS(""); incJS("UR .TXT DIRECT LINK HERE"); incCSS("UR .CSS DIRECT LINK HERE"); ////////////////////////////////////////////// /*CDT Functions*/ function incJS(filename){ var script = document.createElement("script"); script.type = "text/javascript"; script.src = filename; document.getElementsByTagName("head")[0].appendChild(script); } function incCSS(filename){ var css = document.createElement("link"); css.setAttribute("type","text/css"); css.setAttribute("rel","stylesheet"); css.setAttribute("href",filename); css.setAttribute("media","screen, print"); document.getElementsByTagName("head")[0].appendChild(css); } /*END CDT Functions*/ //////////////////////////////////////////////
put the link of this js file to a linker and then that's it.. ur done happy tweaking ^^ credits to me and to my inspiration |
|
[AKOSIAMICK]
VIP
Age : 27
Registration date : 2009-03-11
Number of posts : 60
Location :
Job/hobbies :
Humor :
|
Subject: Re: circling text cursor Fri Mar 13, 2009 1:33 am |
|
|
yah i already using it in my profile check i t out |
|