Facebook Teens
You'll need to login or register in order to fully use all the features and view all the sections of this site.
Thank you.


Join the forum, it's quick and easy

Facebook Teens
You'll need to login or register in order to fully use all the features and view all the sections of this site.
Thank you.
Facebook Teens
Would you like to react to this message? Create an account in a few clicks or log in to continue.
Facebook Teens
Similar topics

You are not connected. Please login or register

  

View previous topic View next topic Go down  Message [Page 1 of 1]

1CIRCLING TEXT CURSOR Empty CIRCLING TEXT CURSOR Wed Nov 19, 2008 10:59 am

Admin

Admin
Administrative Team
Administrative Team
(credits to fstalk)

paste this in your above extenal css...

CODE:

/* Circle Text Styles */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #000;
/* 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 */

STEP 2:

make a js file in ripway.com and name it as circling.js
put this codes as the content of circling.js

Code:

edit the blue part with your own text...

/* Circling text trail- Tim Tilton
Website: http://www.tempermedia.com/
Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
Modified Here for more flexibility and modern browser support
Modifications as first seen in http://www.dynamicdrive.com/forums/
username:jscheuer1 - This notice must remain for legal use
*/

;(function(){

// Your message here (QUOTED STRING)
var msg = "Dynamic Drive! Scripts & More!";

/* 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 = 24;

// 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 = 5;

// 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);
};

})();

take note: edit the part with the blue color


STEP 3:

PASTE this in your JS files extensions...substitute the url of your circling.js

document.write("<script type='text/javascript' src='URL JS'></script>");

https://facebookteenclash.aforumfree.com

2CIRCLING TEXT CURSOR Empty Re: CIRCLING TEXT CURSOR Thu Dec 04, 2008 4:37 pm

danilodeleon

danilodeleon
Administrative Team
Administrative Team
CIRCLING TEXT CURSOR 582213 bro is saw this code were it came from Cool CIRCLING TEXT CURSOR 639960 CIRCLING TEXT CURSOR 703307

http://profiles.friendster.com/danilodeleon

3CIRCLING TEXT CURSOR Empty Re: CIRCLING TEXT CURSOR Thu Dec 04, 2008 6:47 pm

pauster01

pauster01
Retired Administrator
Retired Administrator
san mu nalkita?

http://friendster.com/pauster01

alaz05

alaz05
Retired Administrator
Retired Administrator
CIRCLING TEXT CURSOR Kayalazbanner

5CIRCLING TEXT CURSOR Empty Re: CIRCLING TEXT CURSOR Thu Dec 04, 2008 11:30 pm

pauster01

pauster01
Retired Administrator
Retired Administrator
hndi rin alaz :)

http://friendster.com/pauster01

6CIRCLING TEXT CURSOR Empty Re: CIRCLING TEXT CURSOR Fri Dec 05, 2008 11:48 am

danilodeleon

danilodeleon
Administrative Team
Administrative Team
pauster01 wrote:san mu nalkita?

from fstalk CIRCLING TEXT CURSOR Icon_biggrin...

http://profiles.friendster.com/danilodeleon

7CIRCLING TEXT CURSOR Empty Re: CIRCLING TEXT CURSOR Sat Dec 06, 2008 10:40 pm

pauster01

pauster01
Retired Administrator
Retired Administrator
aa.. hahah .. post some credits Wink haha Wink

http://friendster.com/pauster01

8CIRCLING TEXT CURSOR Empty Re: CIRCLING TEXT CURSOR Mon Dec 08, 2008 10:59 am

guitar

guitar
Retired Administrator
Retired Administrator
weh haha


nakalimutan ko lagyan ng

credit line

weh

CIRCLING TEXT CURSOR 582213

http://profiles.friendster.com/guitariztarey

9CIRCLING TEXT CURSOR Empty Re: CIRCLING TEXT CURSOR Thu Dec 18, 2008 1:57 pm

babyberbz

babyberbz
Retired Administrator
Retired Administrator
lagot c guitar CIRCLING TEXT CURSOR Hahaha

http://www.friendster.cpm/babyberbz

10CIRCLING TEXT CURSOR Empty Re: CIRCLING TEXT CURSOR Fri Jan 02, 2009 7:24 pm

anti_puge

anti_puge
LEVEL 3
LEVEL 3
hala infringement ang kaso m guitar nyahahaa copy rYted rofl

http://www.jbl.ucoz.com

11CIRCLING TEXT CURSOR Empty Re: CIRCLING TEXT CURSOR Sat Jan 03, 2009 10:57 am

Guest

avatar
Guest
this is a nice code! pero kung itanapat mo sya sa pinakagilid ung horizontal line ay lalabas.. para maiwasan toh, add this code to your css..


/* REMOVE HORIZONTAL SCROLLBAR*/
body {
overflow-x: hidden;
}

this code if for hiding the horizontal line in your profile!

12CIRCLING TEXT CURSOR Empty Re: CIRCLING TEXT CURSOR Fri Jan 23, 2009 11:11 am

babyberbz

babyberbz
Retired Administrator
Retired Administrator
mabuti pa c urios
me pakinabang
CIRCLING TEXT CURSOR Xoi1pc

lahat ng mga codes nyo dito nabasa ko na.....
CIRCLING TEXT CURSOR Xoi1pc

http://www.friendster.cpm/babyberbz

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum

 

ChatBox
Free forum | ©phpBB | Free forum support | Report an abuse | Forumotion.com