FisicoGamers: Codigos HTML para tu sitio web!

Codigos HTML para tu web:

Si querés poner el buscador de Google en tu web solo debes ingresar el siguiente codigo:


<center>
<FORM method=GET action="http://www.google.com/search">
<TABLE bgcolor="#FFFFFF"><tr><td>
<A HREF="http://www.google.com/">
<IMG SRC="http://www.google.com/logos/Logo_40wht.gif" border="0" ALT="Google" align="absmiddle"></A>
<INPUT TYPE=text name=q size=31 maxlength=255 value="">
<INPUT TYPE=hidden name=hl value=es>
<INPUT type=submit name=btnG VALUE="Búsqueda Google">
</td></tr></TABLE>
</FORM>
</center>

Para cambiar la imagen que esta al lado de tu URL en la barra de direcciones debes ingresar

<LINK REL="SHORTCUT ICON" HREF="icono.ico">

entre <head> y </head>

Si querés que te manden mails los usuarios que entran a tu web debes ingresar el siguiente codigo:

A HREF="mailto:you@yourdomain.com?subject=my website">Email Me</A>

pero tenés que cambiarle you@yourdomain.com por tu direccion de correo electronico, tambien cambiale my website por el asunto quie quieras que diga y Email me por lo que dira el titulo para que te envien mails. Por ejemplo: Mandame tu opinion o tu idea...

Para redireccionar tu web hacia otra te servira:

<meta http-equiv="refresh" content="0; url=your new address.html">

Y debe estar entre <head> y </head>

El 0 que esta al lado de content indica la cantidad de segundos que se va a esperar antes de redireccionar, a ese numero puedes cambiarlo a tu necesidad.

Para que los que entran a tu web te agreguen a favoritos utiliza el siguiente codigo:

<a href="#" onClick="window.external.AddFavorite('http://tusitio','descripcion de tu sitio');return false;"><font color="#FFFFFF" size="2"><font color="#000000" face="Verdana, Arial, Helvetica, sans-serif"><font size="2">Agreganos
a tus favoritos</font><font color="#000000">...</font></font></font></a><font size="2"> ç

Primero debes cambiar http://www.tusitio por tu pagina web y lo demas si es que sabes tambien puedes, y sino me lo preguntas en esta noticia... Solo comenta..

Bueno me canse de poner barras!

Para que te pongan como pagina de inicio:

<a href="#" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://tuwebaquí');return false;">Pon
esta web como tu página de Inicio...</a>

Igual que el anterior codigo, cambialo a tu necesidad y cualquier cosa pregunta...

El siguiente codigo es para que una imagen que elijas siga al raton:

<SCRIPT LANGUAGE="JavaScript1.2">
var trailLength = 8;
var path = "my_image.gif";

var isIE = false, isNav = false, range = "all.", style = ".style", i, d = 0;
var topPix = ".pixelTop", leftPix = ".pixelLeft", images, storage;
if (document.layers) {
isNav = true, range = "layers.", style = "", topPix = ".top", leftPix = ".left";
} else if (document.all) {
isIE = true;
}
function initTrail() {
images = new Array();
for (i = 0; i < parseInt(trailLength); i++) {
images = new Image();
images.src = path;
}
storage = new Array();
for (i = 0; i < images.length*3; i++) {
storage = 0;
}
for (i = 0; i < images.length; i++) {
(isIE) ? document.write('<div id="obj' + i + '" style="position: absolute; z-Index: 100; height: 0; width: 0"><img src="' + images.src + '"></div>') : document.write('<layer name="obj' + i + '" width="0" height="0" z-index="100"><img src="' + images.src + '"></layer>');
}
trail();
}
function trail() {
for (i = 0; i < images.length; i++) {
eval("document." + range + "obj" + i + style + topPix + "=" + storageundefined);
eval("document." + range + "obj" + i + style + leftPix + "=" + storage[d+1]);
d = d+2;
}
for (i = storage.length; i >= 2; i--) {;
storage = storage[i-2];
}
d = 0;
clearTimeout(timer);
var timer = setTimeout("trail()", 10);
}
function processEvent(e) {
if (isIE) {
storage[0] = window.event.y+document.body.scrollTop+10;
storage[1] = window.event.x+document.body.scrollLeft+10;
} else {
storage[0] = e.pageY+12;
storage[1] = e.pageX+12;
}
}
if (isNav) {
document.captureEvents(Event.MOUSEMOVE);
}
if (isIE || isNav) {
initTrail();
document.onmousemove = processEvent;
}
// End -->
</script>

Solo tienes que poner

<style type="text/css">
BODY {overflow: scroll; overflow-x: hidden;}
</style>
</HEAD>

entre <head> y </head>

Aclaro que solo tienes que poner lo que dice style type="text/css" y no lo de SCRIPT LANGUAJE

Para que un texto haga una ola usa el siguiente codigo:

<head>
<CENTER><script language="JavaScript1.2">

//TEXTO QUE QUIERES Q APAREZCA
//-----------------------------------------

message="Letras haciendo la ola ¡¡¡¡"

//-----------------------------------------
ns6switch=1
var ns6=document.getElementById&&!document.all
mes=new Array();
mes[0]=-1;
mes[1]=-4;
mes[2]=-7;mes[3]=-10;
mes[4]=-7;
mes[5]=-4;
mes[6]=-1;
num=0;
num2=0;
txt="";
function jump0(){
if (ns6&&!ns6switch){
jump.innerHTML=message
return
}
if(message.length > 6){
for(i=0; i != message.length;i++){
txt=txt+"<span style='position:relative;' id='n"+i+"'>"+message.charAt(i)+"</span>"};
jump.innerHTML=txt;
txt="";
jump1a()
}
else{
alert("Tu mensaje es muy corto"
}
}

function jump1a(){
nfinal=(document.getElementById)? document.getElementById("n0" : document.all.n0
nfinal.style.left=-num2;
if(num2 != 9){
num2=num2+3;
ZYzTimeout("jump1a()",150)
}
else{
jump1b()
}
}

function jump1b(){
nfinal.style.left=-num2;
if(num2 != 0){num2=num2-3;
ZYzTimeout("jump1b()",50)
}
else{
jump2()
}
}

function jump2(){
txt="";
for(i=0;i != message.length;i++){
if(i+num > -1 && i+num < 7){
txt=txt+"<span style='position:relative;top:"+mes[i+num]+"'>"+message.charAt(i)+"</span>"
}
else{txt=txt+"<span>"+message.charAt(i)+"</span>"}
}
jump.innerHTML=txt;
txt="";
if(num != (-message.length)){
num--;
ZYzTimeout("jump2()",50)}
else{num=0;
ZYzTimeout("jump0()",50)}}
</script>
</head>
<body>

<h2><div id="jumpx" style="color:red"></div></h2>
<script>
if (document.all||document.getElementById){
jump=(document.getElementById)? document.getElementById("jumpx" : document.all.jumpx
jump0()
}
else
document.write(message)
</script></CENTER>

<center><a href="http://dipro.multimania.com"><img src="logo.gif" border=0></a></center>

</body>

¿Querés utilizar una nueva manera de informar a tus visitantes sobre el destino de cada vínculo? Entonces usá viñetas con el siguiente codigo:

<script>

</script>
<div id="tooltip2" style="position:absolute;visibility:hidden;clip:rect(0 150 50 0);width:150px;background-color:lightyellow">
<layer name="nstip" width=1000px bgColor="lightyellow"></layer>
</div>

Después, personalice cada uno de sus vínculos de la siguiente manera:

<a href="http://www.microsoft.com" onMouseover="showtip2(this,event,'Clic here to go to microsoft.com')" onMouseout="hidetip2()">Microsoft</a>

Acelera tu texto en cursiva con:

<span id="webaddress" style="position:relative; visibility:hidden; font-style:italic;"> Have you ever seen text move so fast? </span>

<script language="JavaScript1.2">

</script>

Espero que les sirva

Suerte

FisicoGamers

Páginas

domingo, 24 de junio de 2012

Codigos HTML para tu sitio web!

No hay comentarios:

Publicar un comentario