Texto que sigue al cursor
<style type='text/css'>
/* Texto giratorio que sigue al cursor */
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family:verdana, arial; /* Tipo de letra */
color:white ; /* Color del texto */
/* No editar esta area */
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;}
</style><br />
<script type='text/javascript'>
//<![CDATA[
/* 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(){
// Mensaje
var msg = "Acá el mensaje que quieras poner";
// Tamaño de la letra
var size = 22;
// Determina si es ovalado o circular, 1 es circular, 2 es ovalado
var circleY = 7; var circleX = 3;
// Espacio entre cada letra
var letter_spacing = 5;
// Diametro del circulo
var diameter = 10;
// Velocidad de rotacion
var rotation = 0.2;
// Velocidad de reaccion
var speed = 0.3;
////////////////////// No editar nada mas //////////////////////
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 + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
d.left = Math.round(x + 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 = Y += (y[i-1] - Y) * speed;
x = X += (x[i-1] - X) * 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));
oi.appendChild(d); y = x = Y = X = 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>
---------------------------------------------------------------------------------------------------
Probador de codigos html:
<script type="text/javascript">
//<![CDATA[
function probar(texto) {
ventana = window.open('', 'popup', '');
ventana.document.write(texto);
}
//]]>
</script>
<form name="probador" action="" id="probador">
<font face="Verdana" size=2>Esto es un probador de códigos, inserta el código HTML y te dará el resultado en una ventana nueva!</font>
<hr />
<textarea name="texto" cols="50" rows="10">
</textarea> <font face="Verdana" size=2><br /></font> <input type="button" value="Convertir" onclick="probar(texto.value)" />
</form>
---------------------------------------------------.------------------------------------------------
Codigo para ventana de texto
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function copyit(theField) {
var tempval=eval("document."+theField)
tempval.focus()
tempval.select()
therange=tempval.createTextRange()
therange.execCommand("Copy"
}
// End -->
</script>
<center><form name="it">
<input onclick="copyit('it.select1')" type="button" value="seleccionar texto" name="cpy">
<p><textarea name="select1" rows="5" cols="19">Aqui va el texto que quieren que sea seleccionado</textarea></p>
</form></center>
Bueno, eso es todo.
---------------------------------------------------------------------------------------------------
PErfiles sociales osa el icono de facebook, twiiter todo eso , adonde dice la url de la web social ponen su id osea asi www.facebook.com/su id la mia es byten01 ok la cambian por la sulla, yo solo tengo fb xD
<div id='rsidebar-wrapper'>
<div class='widget-container'>
<div class='social-profiles-widget'>
<h3 class='widgettitle'>Social Profiles</h3>
<a href='http://twitter.com/' target='_blank'><img alt='Twitter' src='http://3.bp.blogspot.com/-TTziR7rv-oM/Ui26fIddfrI/AAAAAAAAJqQ/C9GAkKae2mc/s1600/twitter.png' title='Twitter'/></a><a href='http://facebook.com/' target='_blank'><img alt='Facebook' src='http://2.bp.blogspot.com/-2G1uqwb-1UU/Ui26dXoMoiI/AAAAAAAAJp8/fVWh-BDY6Ys/s1600/facebook.png' title='Facebook'/></a><a href='https://plus.google.com/' target='_blank'><img alt='Google Plus' src='http://2.bp.blogspot.com/-lq7DwjA6zPE/Ui26dtifTYI/AAAAAAAAJpw/rjIuC5ThO7I/s1600/gplus.png' title='Google Plus'/></a><a href='http://www.linkedin.com/' target='_blank'><img alt='LinkedIn' src='http://***/-uQdbnT1u1e0/Ui26eZOy3VI/AAAAAAAAJqA/h4wzaYt2L_Y/s1600/linkedin.png' title='LinkedIn'/></a><a expr:href='data:blog.homepageUrl + "feeds/posts/default"' target='_blank'><img alt='RSS Feed' src='http://2.bp.blogspot.com/-5Cj8lzm0SIs/Ui26ekOUupI/AAAAAAAAJqM/IxD4bXjezkA/s1600/rss.png' title='RSS Feed'/></a><a href='mailto:[email protected]' target='_blank'><img alt='Email' src='http://3.bp.blogspot.com/-V1StGHq6jJA/Ui26ddxbjGI/AAAAAAAAJps/lHgl1aR49fo/s1600/email.png' title='Email'/></a>
</div>
</div>
<div style='clear:both;'/>
---------------------------------------------------------------------------------------------------
Codigo de dar bienvenida:
<script language="JavaScript" type="text/javascript">
//<![CDATA[
mensagem = prompt("Por favor, ingresa tu nombre",'');
if (mensagem==null) {
document.write("¡Hola, visitante!"
}else{
if (mensagem=='') {
document.write("<b><font face=arial size=5 color=#000000>¡Hola, visitante!</font></b>"
}else{
document.write("<b><font face=arial size=5 color=#000000>¡Hola "+mensagem+"! Bienvenido a mi sitio</font></b>";
}
}
//]]>
</script>
<span class="Apple-style-span" style=font-family:Trebuchet#MS,sans-serif;>
</span>
<span class="Apple-style-span" style=font-family:Trebuchet#MS,sans-serif;>
</span>
-------------------------------------------------------------------------------------------------------
Homero en la esquina "Deja un comentario "
<br /><a style=display:scroll;position:fixed;bottom:0px;right:0px; href="pla-net01.blogspot.com"><img src="http://2.bp.blogspot.com/_m1oYXQ1EEAI/SZG29IhuiEI/AAAAAAAABqU/VLk-c3Gax6Q/S1600-R/Deja+un+comentario+homero.png" /></a><br />
Bueno les dejo estos codes son widgets no ase falta editar el html porfa soy nuevo noe como se usa para agranda las letras ._.
Porfa punteén soy nuevo en Taringa!
Mi web (es nueva :v) http://pla-net01.blogspot.com/p/blog-page_9.html
<style type='text/css'>
/* Texto giratorio que sigue al cursor */
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family:verdana, arial; /* Tipo de letra */
color:white ; /* Color del texto */
/* No editar esta area */
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;}
</style><br />
<script type='text/javascript'>
//<![CDATA[
/* 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(){
// Mensaje
var msg = "Acá el mensaje que quieras poner";
// Tamaño de la letra
var size = 22;
// Determina si es ovalado o circular, 1 es circular, 2 es ovalado
var circleY = 7; var circleX = 3;
// Espacio entre cada letra
var letter_spacing = 5;
// Diametro del circulo
var diameter = 10;
// Velocidad de rotacion
var rotation = 0.2;
// Velocidad de reaccion
var speed = 0.3;
////////////////////// No editar nada mas //////////////////////
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 + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
d.left = Math.round(x + 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 = Y += (y[i-1] - Y) * speed;
x = X += (x[i-1] - X) * 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));
oi.appendChild(d); y = x = Y = X = 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>
---------------------------------------------------------------------------------------------------
Probador de codigos html:
<script type="text/javascript">
//<![CDATA[
function probar(texto) {
ventana = window.open('', 'popup', '');
ventana.document.write(texto);
}
//]]>
</script>
<form name="probador" action="" id="probador">
<font face="Verdana" size=2>Esto es un probador de códigos, inserta el código HTML y te dará el resultado en una ventana nueva!</font>
<hr />
<textarea name="texto" cols="50" rows="10">
</textarea> <font face="Verdana" size=2><br /></font> <input type="button" value="Convertir" onclick="probar(texto.value)" />
</form>
---------------------------------------------------.------------------------------------------------
Codigo para ventana de texto
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function copyit(theField) {
var tempval=eval("document."+theField)
tempval.focus()
tempval.select()
therange=tempval.createTextRange()
therange.execCommand("Copy"
}
// End -->
</script>
<center><form name="it">
<input onclick="copyit('it.select1')" type="button" value="seleccionar texto" name="cpy">
<p><textarea name="select1" rows="5" cols="19">Aqui va el texto que quieren que sea seleccionado</textarea></p>
</form></center>
Bueno, eso es todo.
---------------------------------------------------------------------------------------------------
PErfiles sociales osa el icono de facebook, twiiter todo eso , adonde dice la url de la web social ponen su id osea asi www.facebook.com/su id la mia es byten01 ok la cambian por la sulla, yo solo tengo fb xD
<div id='rsidebar-wrapper'>
<div class='widget-container'>
<div class='social-profiles-widget'>
<h3 class='widgettitle'>Social Profiles</h3>
<a href='http://twitter.com/' target='_blank'><img alt='Twitter' src='http://3.bp.blogspot.com/-TTziR7rv-oM/Ui26fIddfrI/AAAAAAAAJqQ/C9GAkKae2mc/s1600/twitter.png' title='Twitter'/></a><a href='http://facebook.com/' target='_blank'><img alt='Facebook' src='http://2.bp.blogspot.com/-2G1uqwb-1UU/Ui26dXoMoiI/AAAAAAAAJp8/fVWh-BDY6Ys/s1600/facebook.png' title='Facebook'/></a><a href='https://plus.google.com/' target='_blank'><img alt='Google Plus' src='http://2.bp.blogspot.com/-lq7DwjA6zPE/Ui26dtifTYI/AAAAAAAAJpw/rjIuC5ThO7I/s1600/gplus.png' title='Google Plus'/></a><a href='http://www.linkedin.com/' target='_blank'><img alt='LinkedIn' src='http://***/-uQdbnT1u1e0/Ui26eZOy3VI/AAAAAAAAJqA/h4wzaYt2L_Y/s1600/linkedin.png' title='LinkedIn'/></a><a expr:href='data:blog.homepageUrl + "feeds/posts/default"' target='_blank'><img alt='RSS Feed' src='http://2.bp.blogspot.com/-5Cj8lzm0SIs/Ui26ekOUupI/AAAAAAAAJqM/IxD4bXjezkA/s1600/rss.png' title='RSS Feed'/></a><a href='mailto:[email protected]' target='_blank'><img alt='Email' src='http://3.bp.blogspot.com/-V1StGHq6jJA/Ui26ddxbjGI/AAAAAAAAJps/lHgl1aR49fo/s1600/email.png' title='Email'/></a>
</div>
</div>
<div style='clear:both;'/>
---------------------------------------------------------------------------------------------------
Codigo de dar bienvenida:
<script language="JavaScript" type="text/javascript">
//<![CDATA[
mensagem = prompt("Por favor, ingresa tu nombre",'');
if (mensagem==null) {
document.write("¡Hola, visitante!"
}else{
if (mensagem=='') {
document.write("<b><font face=arial size=5 color=#000000>¡Hola, visitante!</font></b>"
}else{
document.write("<b><font face=arial size=5 color=#000000>¡Hola "+mensagem+"! Bienvenido a mi sitio</font></b>";
}
}
//]]>
</script>
<span class="Apple-style-span" style=font-family:Trebuchet#MS,sans-serif;>
</span>
<span class="Apple-style-span" style=font-family:Trebuchet#MS,sans-serif;>
</span>
-------------------------------------------------------------------------------------------------------
Homero en la esquina "Deja un comentario "
<br /><a style=display:scroll;position:fixed;bottom:0px;right:0px; href="pla-net01.blogspot.com"><img src="http://2.bp.blogspot.com/_m1oYXQ1EEAI/SZG29IhuiEI/AAAAAAAABqU/VLk-c3Gax6Q/S1600-R/Deja+un+comentario+homero.png" /></a><br />
Bueno les dejo estos codes son widgets no ase falta editar el html porfa soy nuevo noe como se usa para agranda las letras ._.
Porfa punteén soy nuevo en Taringa!
Mi web (es nueva :v) http://pla-net01.blogspot.com/p/blog-page_9.html

