<

   
 
  CoDiGoS PaRa Tu WeB
 

Codigos Para Tu Web


Elejir y cambiar el color de fondo a la web : Este código sirve para poder cambiar el fondo de nuestra pagina Web a un color solo tu elijes el color que quieras y el fondo de nuestra Web se pondrá al color que elejistes. copia el siguiente código y pegalo en donde quieras en HTML.  

 
<FORM>
<INPUT TYPE="button" VALUE="gris" ONCLICK="document.bgColor='silver'">
<INPUT TYPE="button" VALUE="negro" ONCLICK="document.bgColor='black'">
<INPUT TYPE="button" VALUE="verde" ONCLICK="document.bgColor='lightgreen'">
<INPUT TYPE="button" VALUE="rojo" ONCLICK="document.bgColor='red'">
<INPUT TYPE="button" VALUE="blanco" ONCLICK="document.bgColor='white'">
<INPUT TYPE="button" VALUE="amarillo" ONCLICK="document.bgColor='yellow'">
</FORM>
<FORM>
<INPUT TYPE="button" VALUE="gris" ONCLICK="document.bgColor='silver'">
<INPUT TYPE="button" VALUE="negro" ONCLICK="document.bgColor='black'">
<INPUT TYPE="button" VALUE="verde" ONCLICK="document.bgColor='lightgreen'">
<INPUT TYPE="button" VALUE="rojo" ONCLICK="document.bgColor='red'">
<INPUT TYPE="button" VALUE="blanco" ONCLICK="document.bgColor='white'">
<INPUT TYPE="button" VALUE="amarillo" ONCLICK="document.bgColor='yellow'">
</FORM>
 


Buscador de imágenes: Este Código funciona para colocar un buscador de Imágenes eso si NO es un buscador de Imágenes de Google si no que de xfacts bueno solo copia el siguiente codigo y pegalo en Fuente HTML de tu pagina.


 
 
<embed src="http://xfacts.com/widgets/flickr_search.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="600" height="600"></embed>


 


Calendario: Este Código funciona para colocar un calendario a tu pagina Web es para que los visitantes que entren a tu Web vean que dia es hoy. bueno solo copia el siguiente codigo y pegalo en Fuente HTML de tu pagina.


 <script languaje="JavaScript">
           mesarray=new Array("Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio","Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre");
          diaarray=new Array( "Domingo","Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado");
          hoy = new Date();
          dias = hoy.getDate();
          dia = hoy.getDay();
          mes = hoy.getMonth();
          mes=mesarray[mes];
          dia =diaarray[dia];
          anno = hoy.getYear();
          if (anno <200)
            anno = anno+1900;
          document.write('<TABLE WIDTH="60" height="60" BORDER="2" BGCOLOR="#FFFFFF"><TR><TD><CENTER>');
          document.write('<FONT SIZE="2" COLOR="#000000"> <B>'+mes+'</B></FONT><br>');
          document.write('<FONT SIZE="1" COLOR="#000000">'+anno+'</FONT><br>');
          document.write('<FONT SIZE="4" COLOR="#000000" FACE="Arial"><B>'+dias+'</B></FONT><br>');
          document.write('<FONT SIZE="1" COLOR="#000000">'+dia+'</FONT><br>');
          document.write('</CENTER></TR></TD></TABLE>');
          </script>


Texto Parpadiante: Este Código funciona para colocar un texto parpadeante en tu web adentro de un marco solo copia el siguiente Código y pegalo en un block de notas y edita donde dice AQUI EL TEXTO QUE VA A PARPADEAR ahy colocarás lo que quieres que parpadee buendo despues copia y pega en Fuente HTML de tu pagina web.


 <script language="JAVASCRIPT">
TE1="AQUI EL TEXTO QUE VA A PARPADEAR";
TE2="";
M=TE1;
cnt=0;
function SH(){
document.Switch.A.value=M;
cnt++;
if(cnt==1 && M==TE1){M=TE2;}
if(cnt==2 && M==TE2){cnt=0;M=TE1;}
setTimeout("SH()",500);
}
// -->
</script>
<form name="Switch">
<div align="center"><center><p><font color="#008000" face="Verdana"><input name="A" size="50" style="color: #33ff33; font-weight: bold; font-family: Verdana, Arial; background-color: rgb(255,255,255); border: 2px outset rgb(0,128,0); margin-top: auto; padding-left: 5px">
                      </font><script language="JAVASCRIPT">
 
<!--
SH();
// -->
</script></font></p>
                      </center></div>
                    </form>
 



Bloquear botón derecho: Este Código funciona para bloquear el botón derecho sirve para que no roben imformación de la Web si quieren el Código solo copia el siguiente Código y pegalo en Texto por encima de la pagina.



 <body oncontextmenu="return false" onselectstart="return false" ondragstart="return false">
 


Pac Man en tu web : Este Código sirve para colocar un juego en tu Web llamado Pac Man es para que los visitantes de tu Web se emocionen jugando y nunca salgan de tu Web bueno solo copia el siguiente Código y pegalo en donde quieras de HTML.



 <script src="http://www.gmodules.com/ig/ifr?url=http://www.schulz.dk/pacman.xml&up_LANG=en&synd=open&w=200&h=200&title=PacMan+v2.6&lang=es&country=MX&border=#ffffff|3px,1px+solid+#999999&output=js"></script>
 


Poner tu pagina de inicio: Este Código sirve para que los visitantes de tu Web puedan tener tu Web en la pagina de inicio Ejemplo: que cuando habra su navegador va a parecer tu Web como inicio Bueno solo copia el siguiente y edita donde dice URL ahi colocas tu Web despues lo pegas en donde Quieras en HTML.


<A class="chlnk" style="FONT-WEIGHT: bold; CURSOR: hand;
COLOR: #004080; FONT-FAMILY: Verdana" onclick=
"this.style.behavior='url(#default#homepage)';
this.setHomePage('URL');">
<FONT face=Arial color=#000000 size=-2><U>
Establecer como página de inicio</U></FONT></A>


Saludo al visitante : Este Código sirve para que los visitantes vean un mensaje de buenos dias o buenas tardes o buenas noche solo copia el siguiente Código y pegalo en donde quieras en  HTML.


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


Imagen para ir arriba: Este codigo sirve para colocar al inferior de la parte derecha de tu web una imagen que si le das click te lleve a sia arriba si estas asta abajo le das click a la imagen y te lleva asta arriba de nuevo bueno si lo quieres solo copia el siguiente codigo y pegalo en Texto por debajo de la pagina.


 <a href='#' title='Ir arriba'><img alt='Ir arriba' border='0' src='http://inacho07.googlepages.com/2uparrow.png' style='position:fixed; bottom:0; right:0;'/></a>


Como insertar meta tags en tu Web: Este Código sirve para insertar meta tags son para que los buscadores encuentre tu Web mas rapido solo tú colocas las palabras claves bueno si te gusta copia el siguiente Código y edita y despues copialo y pegalo en Texto por encima de la pagina.


 <meta name="title" content="Titulo de tu página web"/>
<meta name="keywords" content="palabras,claves,separadas,por,comas"/>
<meta name="description" content="Descripcion de tu página web"/>


<meta name="author" content="Nombre del autor"/>
<meta name="robots" content="all"/>
<meta name="revisit" content="10 days"/>
<meta name="distribution" content="all"/>



Colocar un cuadro de información:  Este Código sirve para poner un cuadro de Información como el que tengo yo en mi pagina Web en la pagina de INICIO es un cuadro blanco bueno si ya sabes cual es entonces copia el siguiente codigo y edita donde dice COLOCA LO QUE QUIERAS AQUI y donde dice TAMBIEN AKI ESCRIBE LO QUE QUIERAS y tambien donde dice TU NOMBRE bueno ya que lo tengas copialo y pegalo en donde quieras de HTML.


 <style type="text/css">div#pop-up{padding:12px;width:400px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;
position:absolute;
top:16%;
left:-50%;
z-index:2;
display:none;
opacity:0;
background-color:#ffffff;
color:#000000;
border:1px solid black;
elevation:above;
}</style> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> <script>$(document).ready(function(){
pop=$("div#pop-up");
abrir();
//funciones abrir cerrar by-ro0driig0o.es.tl
function abrir(){ pop.stop().css( 'display','block' ).animate({'left':'33%','opacity':1} ,900); }
function cerrar(){ pop.stop().animate({'left':'-50%','opacity':0},900,function(){pop.css('display','none');}); }
$("div#cerrar").click(function(){cerrar();});
});/*codigo por adan-2994.es.tl*/</script>
<div id="pop-up">
<div style="cursor: pointer; width: 28px; height: 28px; background-image: url(&quot;https://img.webme.com/pic/b/by-ro0driig0o/favicon.ico&quot;); background-repeat: no-repeat;" id="cerrar">&nbsp;</div>
<p>COLOCA LO QUE QUIERAS AQUI</p>
<p>TAMBIEN AKI ESCRIBE LO QUE QUIERAS</p>
<p>Atte. TU NOMBRE</p>
<p align="left"></p>
</div>



Abrir una Web en Pop Up: Este Código sirve para que cuando entren a tu pagina Web automaticamente se abra otra pagina en una pestaña abierta si lo quieres copia el siguiente Código y edita donde dice AQUI URL DE TU WEB ahí colocas tu Web y listo copialo y pegalo en TEXTO POR ENCIMA DE LA PAGINA.


 <script language='JavaScript'>window.open('AQUI URL DE TU WEB', 'geoflotante', '');</script>


Imagen con LINK:  Con este Código podremos colocar una Imagen con link es decir que cuando le den click a la Imagen te enviará a una pagina, bueno si te gustó copia el siguiente Código y edita donde dice URL DE LA PAGINA ahí colocas la url de la Web que quieres ir y donde dice URL DE LA IMAGEN ahí coloca la url de la Imagen a la que le darán click y listo copialo y pegalo en FUENTE HTML de tu pagina Web.


 <a href="URL DE LA PAGINA" target="_blank"><img src="URL DE LA IMAGEN" alt="" /></a>


Crear un link para download:  Si queremos poner archivos para que los visitantes los puedan descargar a sus computadoras, solo debemos subir ese archivo a nuestro servidor e insertar en nuestra Web el siguiente Código HTML en FUENTE HTML.


 <a href="ejemplo.exe">Descripción del enlace </a>

 

 


Imagen volando por la pantalla:  Con este Código podremos hacer que una Imagen vuele por toda la pantalla de nuestra Web bueno copia el siguiente Código y edita donde dice INGRESA EL NOMBRE DEL ARCHIVO DE IMAGEN AQUI ahí coloca la url de la Imagen que quieres que vuele por la pantalla y listo copia el Código y pegaló en donde quieras que aparezca la Imagen en FUENTE HTML.


 
 


<SCRIPT language="JavaScript1.2">
var imagem="Ingresa el nombre del archivo de imagen aquí"
if (document.layers)
{document.write("<LAYER NAME='animacao' LEFT=10 TOP=10><img src='"+imagem+"' ></LAYER>")}
else if (document.all){document.write("<div id='animacao' style='position:absolute;top:10px;left:10px;width:17px;height:22px;z-index:50'><img src='"+imagem+"'></div>")}

conta=-1;
move=1;
function curva(){
abc=new Array(0,1,1,1,2,3,4,0,6,-1,-1,-1,-2,-3,-4,0,-6)
for (i=0; i < abc.length; i++)
{var C=Math.round(Math.random()*[i])}
iniciar=abc[C];
setTimeout('curva()',1900);
return iniciar;
}
ypos=10;
xpos=10;
movimento = 60;
function moveR(){
caminho=movimento+=iniciar;
y = 4*Math.sin(caminho*Math.PI/180);
x = 6*Math.cos(caminho*Math.PI/180);
if (document.layers){
ypos+=y;
xpos+=x;
document.animacao.top=ypos+window.pageYOffset;
document.animacao.left=xpos+window.pageXOffset;
}
else if (document.all){
ypos+=y;
xpos+=x;
document.all.animacao.style.top=ypos+document.body.scrollTop;
document.all.animacao.style.left=xpos+document.body.scrollLeft;
}
T=setTimeout('moveR()',50);
}
function edges(){
if (document.layers){
if (document.animacao.left >= window.innerWidth-40+window.pageXOffset)movimento=Math.round(Math.random()*45+157.5);
if (document.animacao.top >= window.innerHeight-30+window.pageYOffset)movimento=Math.round(Math.random()*45-112.5);
if (document.animacao.top <= 2+window.pageYOffset) movimento = Math.round(Math.random()*45+67.5);//OK!
if (document.animacao.left <= 2+window.pageXOffset) movimento = Math.round(Math.random()*45-22.5);//OK!
}
else if (document.all)
{
if (document.all.animacao.style.pixelLeft >= document.body.offsetWidth-45+document.body.scrollLeft)movimento=Math.round(Math.random()*45+157.5);
if (document.all.animacao.style.pixelTop >= document.body.offsetHeight-35+document.body.scrollTop)movimento=Math.round(Math.random()*45-112.5);
if (document.all.animacao.style.pixelTop <= 2+document.body.scrollTop) movimento = Math.round(Math.random()*45+67.5);//OK!
if (document.all.animacao.style.pixelLeft <= 2+document.body.scrollLeft) movimento = Math.round(Math.random()*45-22.5);//OK!
}
setTimeout('edges()',100);
}
function efeito(){
curva();
moveR();// onUnload="opener.gO()"
edges();
}
if (document.all||document.layers)
efeito()
</script>


Quitar encabezado de iceblue:  Con este Código podemos quitar el encabezado del diseño iceblue solo copia el siguiente Código y pegaló en Texto por encima de la pagina.



 
<style type="text/css">  <!--
td.edit_header_full{background-image:url(  );background-color:;height:0px;}
--></style>


Efecto de electricidad en los link de tu Web: Con este Código podemos hacer que cuando pasames el mouse por un link de nuestra Web de pronto nos salga un efecto de electricidad. copia el siguiente Código y pegaló en Texto por encima de la Pagina.



 <style type="text/css"> a.navbar:hover{color:red; font-weight:bold;background-image:url(http://www.nackvision.com/myspace/links/lightningline.gif);} a:hover, a.redlink:hover, a.navbar:hover {background-image:url(http://www.nackvision.com/myspace/links/lightningline.gif); text-decoration:none; border:0px solid;} a:hover img {background-image:url(http://www.nackvision.com/myspace/links/lightningline.gif); filter:alpha(finishopacity=0, style=2); } </style>

 
  Hoy habia 4 visitantes (7 clics a subpáginas) ¡Aqui en esta página!  
 
-----------------------------------------------------------------------
Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis