Codigos HTML para tu sitio web!

Codigos HTML para tu web:


Codigos HTML para tu sitio web!

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

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

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

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

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

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


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 + "=" + storage[d]);
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>
<!--

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

Comentarios Destacados

@xersx +12
recomendaría para la mejor lectura del código que no centralices el texto ya que sería de mucha mejor lectura.

34 comentarios - Codigos HTML para tu sitio web!

@Joshue
taa buenoo ..
@staticpo -7
Cabe aclarar que lo de favoritos y homepage sólo funciona en IE...
@elnono -22
tan piolas, si te fijas en el dw estan los snipets, que tienen un monton de estas boludeces
@Netz01 +2
sirve, se agradece
@Chichicero -7


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



&lt;LINK REL=\&quot;SHORTCUT ICON\&quot; HREF=\&quot;icono.ico\&quot;&gt;



entre &lt;head&gt; y &lt;/head&gt;




Amigo, donde es que debo incluir eso por ejemplo en blogger?...
@Juan_vegeta -7
Buenísimo Post +10 y a favoritos!!!
@xersx +12
recomendaría para la mejor lectura del código que no centralices el texto ya que sería de mucha mejor lectura.
@guaflex3 -7
muy basico

parece que taringa esta descontrolado por que salir de pagina de inicio hoy 23-02-2010
@sss04
es lo q buscaba +10
@kotr21 -1
utilize algunas gracias
@nintend
tremendo copy and paste las caritas te revelan
@UPL04D33R
Exclente me vino de p. madre +10
@ninarona
probe y todos los que no estan en barras no funcionan
@KRON0S +4
Chichicero dijo:

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

&lt;LINK REL=&quot;SHORTCUT ICON&quot; HREF=&quot;icono.ico&quot;&gt;

entre &lt;head&gt; y &lt;/head&gt;


Amigo, donde es que debo incluir eso por ejemplo en blogger?...

En un gadget, en el cual diga HTML.


Gonzalex94 dijo:Repost !

Pelotudo no ves que el post es de hace 3 años? ¬¬
@vacatiti -1
desastre tu pagina no me gusta esta todo ensimado
@coquitos23
HEY CHAVOS O CHAVAS TENGO UNA broncota lo que pasa es que quiero meter lo que es una galeria de gfotos que vayan pasando solitas lo intente hacer con winslider pero es que como no es echa por mi la pagina sino la tengo en un servidor suempresa.com y solo puedo meter modulos para meter codigo html php,java script entonces quiero ver si me psan un codigo para poder meterla