TE AYUDARE MENCIONANDO LOS CÓDIGOS QUE HE UTILIZADO EN MI BLOG:
CODIGO RELOJ NARUTO SASKE
<Embed pluginspage = "http://www.macromedia.com/go/getflashplayer" src = "http://fc03.deviantart.com/fs30/f/2008/139/2/b/Naruto_turns_to_sasuke_clock_by_sd0711.swf" type = "" wmode = "transparent" height = "250" width = "180"> </ embed>
CURSOR PERSONALIZADO
Este efecto en el cursor, es el que yo estoy utilizando en este momento. Deben tomar en cuenta que deben colocar este codigo en el head de la pagina.
Para llegar al head, iniciamos sesion despues damos click en ajustes y buscamos head, alli escribimos primeramente <Head> aki adentro pegamos el codigo </head> y luego cerramos el head.
Luego guardamos los cambios y a ver los resultados.
El codigo que sigue lo pegamos dentro del head
----------------------------------------------------------------------
<style type="text/css">
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: 'verdana', arial;
color: #F0BBAA;
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>
<script type="text/javascript">
;(function(){
var msg = "http://disemucho.jimdo.com"; //aki cambien el texto, este sera el que siga al raton
var size = 15;//tamaño de la letra
var circleY = 0.75; var circleX = 3;
var letter_spacing = 5;
var diameter = 5;
var rotation = 0.1;
var speed = 0.1;
if (!window.addEventListener && !window.attachEvent || !document.createElement) return;
msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.408333), 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(){
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){
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(){
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(){
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>
TEXTO EN MOVIMIENTO DE ARRIBA ABAJO O VICEVERSA
<marquee id="ejemplo" direction="up">
AQUI VA EL TEXTO QUE DESEES </marquee><a href="javascript:void(0);" onclick="getElementById('ejemplo').direction='down';">
Hacia abajo
</a>---
<a href="javascript:void(0);" onclick="getElementById('ejemplo').direction='up';">
Hacia arriba
</a>
PÁJARO TWITTER
<script src="http://plantillasgratis.comuv.com/disemucho/pajaro_twitter_navidad/twitter/disemucho.js" type="text/javascript">
</script><script type="text/javascript">
//<![CDATA[
var birdSprite='http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/iffeafe7e991f963f/1341590653/std/image.png';
var targetElems=new Array('img','hr','table','td','div','input','textarea','button',
'select','ul','ol','li','h1','h2','h3','h4','p','code','object','a','b','strong','span');
var twitterAccount = 'http://twitter.com/#!/tu usuario';
var twitterThisText ='Sigueme en Twitter';
tripleflapInit();
//]]>
</script>
TRADUCTOR
<div id="translator_2947"><noscript>Javascript is disable - <a href="http://www.webestools.com/">http://www.webestools.com/</a> - <a href="http://www.webestools.com/translator-buttons-web-page-translation-google-translate-website-widget-online-html-translator.html">Translation Buttons Generator</a></noscript></div><script type="text/javascript" src="http://services.webestools.com/translator/2947-1-yyyyyyyyy.js"></script>
Bibliografia:
http://www.disemucho.net/codigos-html/
http://www.webestools.com/translator-buttons-web-page-translation-google-translate-website-widget-online-html-translator.html
http://norfipc.com/codigos/index.php
Bibliografia:
http://www.disemucho.net/codigos-html/
http://www.webestools.com/translator-buttons-web-page-translation-google-translate-website-widget-online-html-translator.html
http://norfipc.com/codigos/index.php
No hay comentarios:
Publicar un comentario