Forum gratuit: forum de suport al utilizatorilor
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

Cum pun un text rotitor in jurul cursorului(sagetei)

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Cum pun un text rotitor in jurul cursorului(sagetei)

Mesaj Scris de YoNuT123 Mier Noi 03, 2010 4:48 pm

Vreau un text care sa se invarta in jurul cursorului(sagetei) va rog frumos ajutati-ma
avatar

YoNuT123
Membru Forumgratuit

Mesaje : 62
Varsta : 37
Localizare : bucuresti
Data înscrierii : 03/11/2010
Mulțumiri : 0
Internet Explorer phpBB2

http://forum4all.wow3.info
YoNuT123 a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Cum pun un text rotitor in jurul cursorului(sagetei)

Mesaj Scris de Dark7en Mier Noi 03, 2010 4:53 pm

Cod:
<style type="text/css">
/* 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: #PLACE YOUR COLOR HERE;
/* 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 */
</style>
<script type="text/javascript">

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

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

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

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

})();

</script>

Acesta este codul la care te referi. Nu?
Dark7en

Dark7en
Membru Forumgratuit

Mesaje : 15
Varsta : 27
Localizare : Craiova
Data înscrierii : 25/10/2010
Mulțumiri : 0
Internet Explorer phpBB3

http://arts.wikiforum.ro
Dark7en a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Cum pun un text rotitor in jurul cursorului(sagetei)

Mesaj Scris de Zack. Mier Noi 03, 2010 4:54 pm

Cod:
<style type="text/css">
/* 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: #PLACE YOUR COLOR HERE;
/* 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 */
</style>
<script type="text/javascript">

/* 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 = "SCRIE TEXTUL DORIT AICI";

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

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

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

})();

</script>

unde scrie: SCRIE TEXTUL DORIT AICI, scrii ce vrei

Se pune in: PA=>Afisare=>Pagina de start=>Generalitati=>Mesaj pe pagina de start.
Zack.

Zack.
Membru onorific
Membru onorific

Mesaje : 4830
Localizare : Sibiu
Data înscrierii : 24/06/2010
Mulțumiri : 0
Internet Explorer phpBB3

Zack. a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Cum pun un text rotitor in jurul cursorului(sagetei)

Mesaj Scris de YoNuT123 Mier Noi 03, 2010 5:25 pm

Dark7en textul tau nu a fost bun dar iti multumesc
iar text-ul lui DarkStar ma ajutat extrem de mult iti multumesc

Va multumesc la amundoi
avatar

YoNuT123
Membru Forumgratuit

Mesaje : 62
Varsta : 37
Localizare : bucuresti
Data înscrierii : 03/11/2010
Mulțumiri : 0
Internet Explorer phpBB2

http://forum4all.wow3.info
YoNuT123 a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Cum pun un text rotitor in jurul cursorului(sagetei)

Mesaj Scris de Zack. Mier Noi 03, 2010 5:31 pm

cu placere
Zack.

Zack.
Membru onorific
Membru onorific

Mesaje : 4830
Localizare : Sibiu
Data înscrierii : 24/06/2010
Mulțumiri : 0
Internet Explorer phpBB3

Zack. a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Cum pun un text rotitor in jurul cursorului(sagetei)

Mesaj Scris de YoNuT123 Mier Noi 03, 2010 10:13 pm

Puteti inchide Topicul (T.C) Râset Râset Râset Râset
avatar

YoNuT123
Membru Forumgratuit

Mesaje : 62
Varsta : 37
Localizare : bucuresti
Data înscrierii : 03/11/2010
Mulțumiri : 0
Internet Explorer phpBB2

http://forum4all.wow3.info
YoNuT123 a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Cum pun un text rotitor in jurul cursorului(sagetei)

Mesaj Scris de Vizitato Joi Noi 04, 2010 12:50 am

=> Inchis
Anonymous

Vizitato
Vizitator


Vizitato a fost mulțumit de autorul acestui subiect.

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum