todoloquehai.es.tl

Probador de HTML

<script>
function probar(texto) {
ventana = window.open('', 'popup', '');
ventana.document.write(texto);
}
</script>
<form action="" name="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!<hr />
    </font><textarea rows="10" cols="50" name="texto"></textarea><font face="Verdana" size="2"> <br />
    </font><input type="button" onclick="probar(texto.value)" value="Convertir" /><font face="Verdana" size="2"> </font>
</form>

Tabla de colores en tu web

Fecha en tu sitio

Saludo según la hora del día

<Font size=2 face=arial><b>
<Script Language="JavaScript">

</script>
</b></font>

Tiempo restante para finalizar el día

<body>
<p>Tiempo restante para finalizar el día</p>
<form name="Reloj">
<input type="text" size="7" name="tiempo" value="mm:hh:ss" title="Tiempo restante para finalizar el día">
<script language="JavaScript">
<!--
var tiempoAtras;

updateReloj();
function updateReloj() {
var tiempo = new Date();
var hora = 23-tiempo.getHours();
var minutos = 59-tiempo.getMinutes();
var segundos = 59-tiempo.getSeconds();

tiempoAtras= (hora < 10) ? hora :hora;
tiempoAtras+= ((minutos < 10) ? ":0" : ":") + minutos;
tiempoAtras+= ((segundos < 10) ? ":0" : ":") + segundos;

document.Reloj.tiempo.value = tiempoAtras;

setTimeout("updateReloj()",1000);
}
//-->
</script>
</form>
</body>

Texto que sigue al cursor

<script>

var x,y

var step=20

var flag=0

// Tienes que dejar un espacio al final de tu mensaje!!!!!

var message="ESTO LO MODIFICAS EN EL CODIGO "

message=message.split("")

var xpos=new Array()

for (i=0;i<=message.length-1;i++) {

xpos[i]=-50

}

var ypos=new Array()

for (i=0;i<=message.length-1;i++) {

ypos[i]=-50

}

function handlerMM(e){

x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX

y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY

flag=1

}

function makesnake() {

if (flag==1 && document.all) {

for (i=message.length-1; i>=1; i--) {

xpos[i]=xpos[i-1]+step

ypos[i]=ypos[i-1]

}

xpos[0]=x+step

ypos[0]=y

for (i=0; i<message.length-1; i++) {

var thisspan = eval("span"+(i)+".style")

thisspan.posLeft=xpos[i]

thisspan.posTop=ypos[i]

}

else if (flag==1 && document.layers) {

for (i=message.length-1; i>=1; i--) {

xpos[i]=xpos[i-1]+step

ypos[i]=ypos[i-1]

}

xpos[0]=x+step

ypos[0]=y

for (i=0; i<message.length-1; i++) {

var thisspan = eval("document.span"+i)

thisspan.left=xpos[i]

thisspan.top=ypos[i]

}

var timer=setTimeout("makesnake()",30)

}

</script>

</head>

</body>

<!-- Beginning of JavaScript -

for (i=0;i<=message.length-1;i++) {

document.write("<span id='span"+i+"' class='spanstyle'>")

document.write(message[i])

document.write("</span>")

}

if (document.layers){

document.captureEvents(Event.MOUSEMOVE);

}

document.onmousemove = handlerMM;

// - End of JavaScript - -->

</script>

</html>

Título a la página

<script LANGUAGE="JavaScript">

var txt="ACA VA EL TÍTULO";

var espera=30;

var refresco=null;

function rotulo_title() {

document.title=txt;

txt=txt.substring(1,txt.length)+txt.charAt ;

refresco=setTimeout("",espera);}

rotulo_title();

</script>

Insertar un foro de foroactivo u otro en nuestra web.

var browser = navigator.appName;

var version = navigator.appVersion;

if (browser=="Microsoft Internet Explorer" && version>="2") {

document.write('<iframe name="window" src="URL DEL FORO" width="558" height="550" marginwidth="0" scrolling="yes" frameborder="0"></iframe>');

}</script>

Redireccionar página

<script>location='http://google.cl/'</script>

Negrita:

<b>TEXTO</b>

Subrayado

<i>TEXTO</i>

Cursiva

<u>TEXTO</u>

Cambiar tamaño de letra:

<font size="7">EL NÚMERO 7 DEFINE EL TAMAÑO DE LA FUENTE</font>

Cambiar tipo de letra:

<font face="Times New Roman">PUEDES CAMBIAR "TIMES NEW ROMAN" POR "VERDANA" POR EJEMPLO</font>

Cambiar color de letra

<font color="#FF0000">A LOS CODIGOS DE LOS COLORES LOS SACAS EN LA SECCIÓN DE TABLA DE COLORES</font>

Un "enter"

<br />

Insertar un link

<a href="AQUÍ COLOCA LA URL DE DESTINO">Y AQUí LA PALABRA</a>

Insertar una imagen:

<img src="AQUÍ COLOCA LA URL DE LA IMAGEN">
Imagen de fondo

Insertar archivo flash

Web dentro de otra

<iframe name="window" src="URL DE LA WEB" width="565" height="900" marginwidth="0" scrolling="yes" frameborder="0"></iframe>

Poner caja con código dentro

<textarea rows="5" cols="10">
Código
</textarea>

Sonido o música de fondo

<BGSOUND SRC="sonido.mid" LOOP=none>
<WIDTH=200 HEIGHT=55 AUTOSTART="true" LOOP="false" HIDDEN="true">

Línea separadora

<hr>

Links de toda la página

<STYLE type="text/css">
A:link {COLOR: red; TEXT-DECORATION: none}
A:visited {COLOR: red; TEXT DECORATION: none}
A:active {TEXT-DECORATION: none}
A:hover {COLOR: black; font-face: verdana; TEXT-DECORATION: underline} -->
</STYLE>

Colores de barra de desplazamiento

<style type="text/css">
body {
    scrollbar-3dlight-color:#FFFFFF;
    scrollbar-arrow-color:#FF0000;
    scrollbar-face-color:#0E0D0D;
    scrollbar-track-color:#000000;
    scrollbar-darkshadow-color:#FFFFFF;
    scrollbar-highlight-color:#858181;
    scrollbar-shadow-color:#FFFFFF;
}
</style>

Fondo en tu web

<STYLE type=text/css>
BODY {
BACKGROUND-COLOR: #Númerodelcolor ; BACKGROUND-IMAGE: url(URL de imagen de fondo)
}
</STYLE>

Transformar el cursor en una mira

<style type="text/css">

</style>