Códigos Para Tu Página Image and video hosting by TinyPic
 
Esto es un probador de códigos, inserta el código HTML y te dará el resultado en una ventana nueva!













Codigos Para tu Web

TRANSFORMAR EL CURSOR: Este codigo sirve para cambiar el cursor en nuestra web, al momento de los visitantes entrar en nuestra pagina el cursor cambiara de la simple flecha a una mira de disparo. copia el codigo en la fuente HTML


<style type="text/css">
<!--
body { cursor: crosshair}
-->
</style>
 


LIBRO DE VISITAS: Con este codigo podremos crear un libro de visitas para que cualquier visitante llene las casillas con todos sus datos, una vez hecho esto al presionar el boton enviar sus datos seran enviados a nuestro correo electronico. es como que los usuarios se registren en nuestra pagina. Pega este codigo en el block de notas y donde dice aqui tu correo, debes de poner tu correo electronico y pegalo en la fuente HTML.
     

<TABLE>

<TD ALIGN=RIGHT>Nombre:</TD>
<TD><INPUT type="text" size=36 name="nombre"></TD>
<TR><TD ALIGN=RIGHT>Direccion E-mail:</TD>
<TD><INPUT type="text" size=36 name="direccion"></TD>
<TR><TD ALIGN=RIGHT>como llegaste hasta esta pagina?</TD>
<TD><INPUT type="text" size=36 name="procedencia"></TD>
<TR><TD ALIGN=RIGHT>Tus comentatios:</TD>
<TD><TEXTAREA rows=5 cols=30 name="comentarios"></TEXTAREA></TD>

</TABLE>

<INPUT type="reset" value="Borrar todo"> <INPUT type="submit" value="Enviar">

</FORM>

 



PALABRA NEW EN EL MENU: Este codigo sirve para poner la palabra new en en menu de nuestra web, es decir cuando ponemos una seccion nueva en nuestra web como por ejemplo la seccion llamada Temas Para Windows 7 en esta pagina y queremos que nuestros visitantes se den cuenta simplemente nos vamos a editar paginas y donde dice titulo de la pagina ponemos el titulo de nuestra pagina seguido de este codigo y listo.

<img src="http://img61.imageshack.us/img61/5580/newbotonoz0.gif" alt="Image Hosted by ImageShack.us" border="0"></a>
 



RECOMENDAR WEB: Con este codigo podras poner una barra en tu pagina que dira recomienda esta pagina, cualquier persona puede recomendar tu pagina solo poniendo el correo electronico de la persona deseada. Pegalo en la fuente HTML de la pagina que desees.


<form name="eMailer">

ENVÍA ESTA PÁGINA A UN AMIGO

<br>

Indica su e-mail:

<br>

<input type="text" name="address" size="25">

<br>

<input type="button" value="Recomendá esta Web!" onClick="mailThisUrl();">

</form>

<script language="JavaScript1.2">

var good;

function checkEmailAddress(field) {

// the following expression must be all on one line...

var goodEmail = field.value.match(/b(^(S+@).+((.com)|(.net)|

(.edu)|(.mil)|(.gov)|(.org)|(..{2,2}))$)b/gi);

if (goodEmail){

good = true

} else {

alert('Por favor introduce un e-mail valido')

field.focus()

field.select()

good = false

}

}

u = window.location;

m = "Pienso que te puede interesar esta página...";

function mailThisUrl(){

good = false

checkEmailAddress(document.eMailer.address)

if (good){

// the following expression must be all on one line...

window.location = "mailto:"+document.eMailer.address.value+"?subject="+m+"&body="+document.title+" "+u;

}

}

</script>



MENSAJE DE DESPEDIDA: Con este codigo los visitantes de tu pagina recibiran un mensaje de despedida en su pantalla al momento de salir de tu pagina. Solo pegalo en texto por debajo de la pagina en editar diseño.

<body onUnload="window.alert('Gracias por tu visita! nos vemos pronto ^^')">
 


DISEÑO TRANSPARENTE: Con este codigo tendran su pagina web a la mia es decir con el fondo, los menues, los box y demas cosas. Algunas partes estan editas por mi !! (ahi veces que vine con un boton orrible).


 <style type="text/css"> <!--
/* Diesen Teil nicht rauslöschen*/
/* Copyright by streetplayer49 http://www.hp-service.de.tl */
/* Allgemein */

p, div{color:#ffffff;}
body{color: #ffffff;background-color:#000000;}



/*Navigation*/
td.edit_navi_headbg{background-image: none;width: 15%;}
td.nav_heading{background-image: url(transparent);height: 33px;padding-left: 27px;font-size: 14px;font-weight: bold;}
td.nav{background-image: url(transparent);height: 33px;}
td.nav:hover{background-image: url(http://Hier Bildlink/buttoncpredhov.jpg);height: 33px;}
td.nav a{color: #ffffff;text-decoration: none;font-size: 11px;}
td.nav a:hover{color: #ffffff;text-decoration: overline underline;font-size: 11px;}
td.nav a:visited{color: #ffffff;font-size: 11px;font-weight: bold;}
td.edit_below_nav{visibility: hidden;}

/*Content*/
td.edit_rechts_cbg{background-image: none;width: 100%;}
td.edit_content_top{height: 33px;background-image: url(transparent);font-size:14px;font-weight:bold;text-align: center;}
td.edit_content{background-image: none;background-color:transparent;}
td.edit_content div{color: #fff;font-size: 12px;font-weight: bold;}
td.edit_content p{color: #fff;font-size: 12px;font-weight: bold;}
td.edit_content font{color: #fff;font-size: 12px;font-weight: bold;}
td.edit_content_bottom{background-image: url(transparent);height: 33px;}
td.edit_content_bottom2{background-image: none;height: 38px;}
td.headline2{visibility: hidden;}

/*Rechte Boxen*/
td.sidebar_heading{background-image: url(/realflashdown.gif);height: 33px;font-ight: bold;text-align: center;}
.shouty, .shouty2, .shouty3, .shouty4, .shouty5{background-image: none;background-color:transparent;border:transparent;}
td.edit_rechts_bottom{background-image: none;width: 15%;}
td.edit_rb_footer{background-image: none;}
/*Rechter Streifen*/
td.edit_rechts_sbg{background-image: none;visibility: hidden;position: absolute;right: 0px;}
--> </style>





IMAGEN EN LA PARTE INFERIOR IZQUIERDA: Con este codigo podran poner una imagen en la esquina inferior izquierda de su pagina. solo añade el url de la imagen, donde dice "url de la imagen" y listo, pegalo en texto por debajo de la pagina.

<a href='URL DEL SITIO WEB' _fcksavedurl='URL DEL SITIO WEB'style='display:scroll;position:fixed;bottom:0px;left:0px;'> <img src='URL DE LA IMAGEN' _fcksavedurl='URL DE LA IMAGEN' _fcksavedurl='URL DE LA IMAGEN'/></a> 
 


LETRAS DEL BOX EN MOVIMIENTO: Este codigo sirve para que las letras de los box se muevan justo como las mias. Solo peguen este codigo en editar diseño y luego en donde dice nombre del box.


<marquee>Aqui escrie lo k kieas</marquee>
 



MENSAJE DE BIENVENIDA: Este codigo lo que hara sera que al entrar a la pagina les dara un mensaje de bienvenida a todos los visitantes. Solo peguen el codigo en texto por encima de la pagina.


body onload="window.alert('Bienvenido a mi pagina web, gracias por visitarnos')">


TV EN TU PAGINA: Con este codigo podran tener televison en su pagina web. Solo copien este codigo en la fuente HTML de la pagina que deseen.

<strong>.::TV ONLINE 24 HORAS---WWW.LADISKOTEKA.COM---::.</strong>
<p>&nbsp;</p>
<p align="left"><strong><font size="1" face="Verdana"><img width="20" height="14" alt="Bandera de Argentina" src="http://tvstation.iespana.es/images/ar.gif" /> <a target="tv" href="http://tvstation.iespana.es/argentina.html"><font color="#ff9900">Argentina</font></a><br />
<img width="20" height="14" alt="Bolivia" src="http://tvstation.iespana.es/images/bo.gif" /> <a target="tv" href="http://tvstation.iespana.es/bolivia.html"><font color="#ff9900">Bolivia</font></a><br />
<img width="20" height="14" alt="Chile" src="http://tvstation.iespana.es/images/cl.gif" /> <a target="tv" href="http://tvstation.iespana.es/chile.html"><font color="#ff9900">Chile</font></a><br />
<img width="20" height="14" alt="Colombia" src="http://tvstation.iespana.es/images/co.gif" /> <a target="tv" href="http://tvstation.iespana.es/colombia.html"><font color="#ff9900">Colombia</font></a><br />
<img width="20" height="14" alt="Costa Rica" src="http://tvstation.iespana.es/images/cr.gif" /> <a target="tv" href="http://tvstation.iespana.es/costarica.html"><font color="#ff9900">Costa Rica</font></a></font></strong><br />
<strong><font size="1" face="Verdana"><img width="20" height="14" alt="Cuba" src="http://tvstation.iespana.es/images/cu.gif" /> <a target="tv" href="http://tvstation.iespana.es/cuba.html"><font color="#ff9900">Cuba</font></a><br />
<img width="20" height="14" alt="El Salvador" src="http://tvstation.iespana.es/images/sv.gif" /> <a target="tv" href="http://tvstation.iespana.es/elsalvador.html"><font color="#ff9900">El Salvador</font></a><br />
<img width="20" height="14" alt="Banderas Animadas de Espa&ntilde;a" src="http://tvstation.iespana.es/images/es.gif" /> <font color="#ff9900"><a target="tv" href="http://tvstation.iespana.es/espana.html"><font color="#000000">Espa&ntilde;a</font></a></font><br />
<img width="20" height="14" alt="M&eacute;xico" src="http://tvstation.iespana.es/images/mx.gif" /> <a target="tv" href="http://tvstation.iespana.es/mexico.html"><font color="#ff9900">Mexico</font></a><br />
<u><a target="tv" href="http://tvstation.iespana.es/panama.html"><font color="#ff9900"><img width="20" height="14" alt="Panama" src="http://tvstation.iespana.es/images/pa.gif" />Panama</font></a></u><br />
<img width="20" height="14" alt="Per&uacute;" src="http://tvstation.iespana.es/images/pe.gif" /> <u><a target="tv" href="http://tvstation.iespana.es/peru.html"><font color="#ff9900">Peru</font></a></u><br />
<img width="20" height="14" alt="Puerto Rico" src="http://tvstation.iespana.es/images/pr.gif" /> <u><a target="tv" href="http://tvstation.iespana.es/puertorico.html"><font color="#ff9900">Puerto Rico</font></a></u><br />
<img width="20" height="14" alt="Republica Dominicana" src="http://tvstation.iespana.es/images/do.gif" /> <u><a target="tv" href="http://tvstation.iespana.es/repdom.html"><font color="#ff9900">Rep. Dom.</font></a></u><br />
<img width="20" height="14" alt="Uruguay" src="http://tvstation.iespana.es/images/uy.gif" /> <font color="#ff9900"><u><a target="tv" href="http://tvstation.iespana.es/uruguay.html">Uruguay</a></u></font><br />
<u><a target="tv" href="http://tvstation.iespana.es/venezuela.html"><font color="#ff9900"><img width="20" height="14" alt="Venezuela" src="http://tvstation.iespana.es/images/ve.gif" /><font color="#ff9900">Venezuela</font></font></a></u></font></strong></p>
<p align="center"><a target="tv" href="http://tvstation.iespana.es/intro.htm"><img width="80" height="21" border="0" alt="" src="http://www.pandasoftware.com/activescan/imagenes/imageneses/bot_detener_over.gif" /></a></p>
<iframe width="438" height="356" style="border: 2px solid rgb(0, 0, 0); width: 438px; height: 356px;" name="tv" src="http://mx.geocities.com/ladiskotk/tvonline.html"></iframe>
<p align="center">&nbsp;</p>
<object type="application/x-shockwave-flash" data="http://www.99counters.com/counters.swf?id=22037&ln=es" width="120" height="160" wmode="transparent"><param name="movie" value="http://www.99counters.com/counters.swf?id=22037&ln=es" /><param name="wmode" value="transparent" /><embed src="http://www.99counters.com/counters.swf?id=22037&ln=es" type="application/x-shockwave-flash" wmode="transparent" width="120" height="160"></embed><br><a href="http://www.onlinecasinoextra.com/">casino</a> <a href="http://es.99counters.com/">Contador De Visitas</a></object>

 


LUCES LATERALES: Con este codigo tendran luces que cambian de colores en los lados derecho e izquierdo. Solo peguenlo en texto por debajo de la pagina.  

<style>body {
background-image: url(http://photos1.hi5.com/0031/763/432/vr3mEw763432-03.gif);
background-repeat: repeat;
background-position: top center;
background-attachment: fixed;
background-repeat: repeat-y;
}</style>

 

 
 IMAGEN DE FONDO: Con este codigo podran poner un fondo de pantalla en su web que no se mueve es decir que al bajar por el menu dara el efecto de que la imagen no se mueve, como el que pueden ver en mi pagina web solo copienlo en el block de notas y pongan el codigo url de la imagen donde les indicara y luego solo copienlo en texto por encima de la pagina.



<style>
body
{
background-image: url(aki va el url de la imagen);
background-repeat: no-repeat;
background-attachment: fixed
}
</style>






CENTRAR TU PAGINA: Con este codigo podran centrar su pagina web es decir para que les quede en el mero centro de la pantalla solo copienlo en texto por encima de la pagina en editar diseño.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http:/www.w3.org/1999/xhtml"> <div style="width:900px; position: relative; margin-left: auto; margin-right: auto;"> 




 

CAJAS DE TEXTO: Con este codigo podran poner cajas de texto como las que ven aqui solo deben de copiar el codigo y pegarlo en la fuente HTML donde deseen que aparezca la caja de texto




<div align="center">
<div style="background-color:white; border-color: black; border-style: solid; color: black; height: 100px; overflow: scroll; width: 250px;">
<span style="color: black; font-family: tahoma; font-size: 85%;"><b></b></span>
<div align="center">
<span style="color: black; font-family: tahoma; font-size: 85%;"><b></b></span>
</div>
<span style="color: black; font-family: tahoma; font-size: 85%;"></span>
</div>
</div>
<b></b>



MOVER EL TITULO DE LA WEB: Con este codigo podras mover el titulo de tu web, el que se encuentra en la parte superior de tu navegador donde dice titulo aqui escribes lo que deceas y lo pegas en la fuente HTML de la pagina de inicio.


</script>
<p>
<br>
<p>
<Mas scripts en www.creatupropiaweb.com><SCRIPT LANGUAGE="JavaScript">
var txt="TITULO AQUI";
var espera=100;
var refresco=null;
function rotulo_title() {
document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
refresco=setTimeout("rotulo_title()",espera);}
rotulo_title();

</SCRIPT>
<p>
<br>
<p>

 

 

PROBRADOR HTML: Con este codigo podras poner un probador HTML en tu pagina es decir que cualquier persona puede probar sus codigos en tu pagina antes de instalarlos en su web. Asi como los codigos que ves en mi pagina. Pegalo en la fuente HTML de la pagina que desees.


<!-- ArkAngel,YonkoChileWebRox -->
<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&oacute;digos, inserta el c&oacute;digo HTML y te dar&aacute; 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>

 

 

HOSTED BY PWG: Con este codigo tendras una imagen en la parte inferior derecha de tu pagina que diga Hosted By PWG dandole un toque un poco màs profesional a tu web solo debes pegar este codigo en la fuente HTML de tu pagina de inicio.



<a href='http://paginawebgratis.es' style='display:scroll;position:fixed;bottom:0px;right:0px;'>
<img src='http://img91.imageshack.us/img91/6165/hostedbyxj1.gif'/></a> 


 

 

FECHA EN TU PAGINA: Este codigo lo que hace es poner la fecha exacta en tu pagina web que le dara un muy buen toque a tu pagina web copia el codigo en la fuente HTML de tu pagina de inicio.


<script language="JavaScript">
<!--
mydate = new Date();
myday = mydate.getDay();
mymonth = mydate.getMonth();
myweekday= mydate.getDate();
weekday= myweekday;
if(myday == 0)
day = " Domingo, "
else if(myday == 1)
day = " Lunes, "
else if(myday == 2)
day = " Martes, "
else if(myday == 3)
day = " Miércoles, "
else if(myday == 4)
day = " Jueves, "
else if(myday == 5)
day = " Viernes, "
else if(myday == 6)
day = " Sábado, "
if(mymonth == 0)
month = "Enero "
else if(mymonth ==1)
month = "Febrero "
else if(mymonth ==2)
month = "Marzo "
else if(mymonth ==3)
month = "Abril "
else if(mymonth ==4)
month = "Mayo "
else if(mymonth ==5)
month = "Junio "
else if(mymonth ==6)
month = "Julio "
else if(mymonth ==7)
month = "Agosto "
else if(mymonth ==8)
month = "Setiembre "
else if(mymonth ==9)
month = "Octubre "
else if(mymonth ==10)
month = "Noviembre "
else if(mymonth ==11)
month = "Diciembre "
document.write("<font face=arial, size=1>"+ day);
document.write(myweekday+" de "+month+ "</font>");
// -->
</script>

 

SALUDO SEGUN EL HORARIO: Este codigo lo que hara serà darle un cordia saludo a tus visitantes segun el horario en que este  en tu pagina, ejemplos, buenos dias, buenas tardes, buenas noches. Copia el codigo en la fuente HTML de tu pagina de Inicio.



<Font size=2 face=arial><b>
<Script Language="JavaScript">
<!--
today = new Date()
if(today.getMinutes() < 10){
pad = "0"}
else
pad = "";
document.write ;if((today.getHours() >=6) && (today.getHours() <=9)){
document.write("¡Buen día!")
}
if((today.getHours() >=10) && (today.getHours() <=11)){
document.write("¡Buen día!")
}
if((today.getHours() >=12) && (today.getHours() <=19)){
document.write("¡Buenas tardes!")
}
if((today.getHours() >=20) && (today.getHours() <=23)){
document.write("¡Buenas noches!")
}
if((today.getHours() >=0) && (today.getHours() <=3)){
document.write("¡Buenas noches!")
}
if((today.getHours() >=4) && (today.getHours() <=5)){
document.write("¡Buenas noches!")
}
// -->
</script>
</b></font>

 

HORAS RESTANTES PARA FINALIZAR EL DIA: Este codigo lo que hara es mostrar cuantas horas faltan para que acabe el dia. pegalo en la fuente HTML de tu pagina de inicio.


<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>

 

PAGINA EN CONSTRUCCION: Con este codigo podremos poner un mensaje que diga pagina en construccion en tu web, util para todos aquellos que aun no tienen finalizada su web y quieren que sepan los usuarios que su pagina esta en construccion. Pegalo en texto por debajo de la pagina.


 

<style type="text/css">

<!--

body { visibility:hidden;

background-color:#FFFFFF;

background-image:url(http://www.cordoba-redes.com.ar/EnConstruccion.bmp);

background-repeat: no-repeat;

background-position: top; }

//-->

</style>

 


 

 


 MENU DESPLEGABLE: Con este codigo podras tener un menu desplegable, pegalo en la fuente HTML. Si no tienes conocimientos previos en diseños no uses el codigos. Uso bajo tu cuenta y riesgo.


<form>
<SELECT NAME="urldestino">
<option selected>--- M E N U ---
<option value="LINK DEL MENU AQUI" >NOMBRE DE LA SECCION AQUI
<option value="LINK DEL MENU AQUI">NOMBRE DE LA SECCION AQUI
<option value="LINK DEL MENU AQUI">NOMBRE DE LA SECCION AQUI
<option value="LINK DEL MENU AQUI">NOMBRE DE LA SECCION AQUI
<option value="LINK DEL MENU AQUI">NOMBRE DE LA SECCION AQUI
<option value="LINK DEL MENU AQUI">NOMBRE DE LA SECCION AQUI
</SELECT>
<input type="button" value="IR" onClick="location=this.form.urldestino.value" name="button">
</form>
 







 
 
  Hay en total 15397 visitantes¡Aqui en esta página!  
 
Cute Running Puppy   Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis