Codigos HTML para tu web
Codigos HTML para tu web
Si quieres poner el buscador de Google en tu web solo debes ingresar el siguiente código:
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:
pero tienes que cambiarle [email protected] 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:
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:
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 cansé de poner barras!
Para que te pongan como pagina de inicio:
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:
Solo tienes que poner
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:
¿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:
Después, personalice cada uno de sus vínculos de la siguiente manera:
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">
<!--
if (document.all){
webaddress.style.left=document.body.clientWidth
webaddress.style.visibility="visible"
}
function moveit(){
if (webaddress.style.pixelLeft>15)
webaddress.style.pixelLeft-=15
else{
webaddress.style.fontStyle="normal"
webaddress.style.left=0
clearInterval(moving)
}
}
if (document.all)
moving=setInterval("moveit()",40)
//-->
</script>
Espero que les sirva
Suerte ;)
Si quieres poner el buscador de Google en tu web solo debes ingresar el siguiente código:
<!-- Búsqueda Google -->
<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>
<!-- Búsqueda Google -->
<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>
<!-- Búsqueda Google -->
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:[email protected]?subject=mi web">Email Me</A>
pero tienes que cambiarle [email protected] 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">
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 cansé 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>
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[i].src = path;
}
storage = new Array();
for (i = 0; i < images.length*3; i++) {
storage[i] = 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[i].src + '"></div>') : document.write('<layer name="obj' + i + '" width="0" height="0" z-index="100"><img src="' + images[i].src + '"></layer>');
}
trail();
}
function trail() {
for (i = 0; i < images.length; i++) {
eval("document." + range + "obj" + i + style + topPix + "=" + storage[d]);
eval("document." + range + "obj" + i + style + leftPix + "=" + storage[d+1]);
d = d+2;
}
for (i = storage.length; i >= 2; i--) {;
storage[i] = 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>
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[i].src = path;
}
storage = new Array();
for (i = 0; i < images.length*3; i++) {
storage[i] = 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[i].src + '"></div>') : document.write('<layer name="obj' + i + '" width="0" height="0" z-index="100"><img src="' + images[i].src + '"></layer>');
}
trail();
}
function trail() {
for (i = 0; i < images.length; i++) {
eval("document." + range + "obj" + i + style + topPix + "=" + storage[d]);
eval("document." + range + "obj" + i + style + leftPix + "=" + storage[d+1]);
d = d+2;
}
for (i = storage.length; i >= 2; i--) {;
storage[i] = 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>
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>
<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>
<!--
if (!document.layers&&!document.all)
event="test"
function showtip2(current,e,text){
if (document.all&&document.readyState=="complete"{
document.all.tooltip2.innerHTML='<marquee style="border:1px solid black">'+text+'</marquee>'
document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+10
document.all.tooltip2.style.pixelTop=event.clientY+document.body.scrollTop+10
document.all.tooltip2.style.visibility="visible"
}
else if (document.layers){
document.tooltip2.document.nstip.document.write('<b>'+text+'</b>')
document.tooltip2.document.nstip.document.close()
document.tooltip2.document.nstip.left=0
currentscroll=setInterval("scrolltip()",100)
document.tooltip2.left=e.pageX+10
document.tooltip2.top=e.pageY+10
document.tooltip2.visibility="show"
}
}
function hidetip2(){
if (document.all)
document.all.tooltip2.style.visibility="hidden"
else if (document.layers){
clearInterval(currentscroll)
document.tooltip2.visibility="hidden"
}
}
function scrolltip(){
if (document.tooltip2.document.nstip.left>=-document.tooltip2.document.nstip.document.width)
document.tooltip2.document.nstip.left-=5
else
document.tooltip2.document.nstip.left=150
}
// -->
</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>
<!--
if (!document.layers&&!document.all)
event="test"
function showtip2(current,e,text){
if (document.all&&document.readyState=="complete"{
document.all.tooltip2.innerHTML='<marquee style="border:1px solid black">'+text+'</marquee>'
document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+10
document.all.tooltip2.style.pixelTop=event.clientY+document.body.scrollTop+10
document.all.tooltip2.style.visibility="visible"
}
else if (document.layers){
document.tooltip2.document.nstip.document.write('<b>'+text+'</b>')
document.tooltip2.document.nstip.document.close()
document.tooltip2.document.nstip.left=0
currentscroll=setInterval("scrolltip()",100)
document.tooltip2.left=e.pageX+10
document.tooltip2.top=e.pageY+10
document.tooltip2.visibility="show"
}
}
function hidetip2(){
if (document.all)
document.all.tooltip2.style.visibility="hidden"
else if (document.layers){
clearInterval(currentscroll)
document.tooltip2.visibility="hidden"
}
}
function scrolltip(){
if (document.tooltip2.document.nstip.left>=-document.tooltip2.document.nstip.document.width)
document.tooltip2.document.nstip.left-=5
else
document.tooltip2.document.nstip.left=150
}
// -->
</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">
<!--
if (document.all){
webaddress.style.left=document.body.clientWidth
webaddress.style.visibility="visible"
}
function moveit(){
if (webaddress.style.pixelLeft>15)
webaddress.style.pixelLeft-=15
else{
webaddress.style.fontStyle="normal"
webaddress.style.left=0
clearInterval(moving)
}
}
if (document.all)
moving=setInterval("moveit()",40)
//-->
</script>
Espero que les sirva
Suerte ;)
0 Comentarios