Codigos HTML Para Tu Pagina Web

Codigos HTML PAra tu PaginaWeb! Gratis!



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




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




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>




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>

<head>

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




//TEXTO QUE QUIERES Q APAREZCA

essage="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>



¿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:1pxsolidblack>'+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(0150500);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>

Esto es todo si sabeis alguno mas ponerdlo en comentario Gràcias Por su atención!

//-----------------------------------------

Si os sirvió dejad puntos Gracìas !

Fuentes de Información - Codigos HTML Para Tu Pagina Web

El contenido del post es de mi autoría, y/o, es un recopilación de distintas fuentes.

Tags: web | html | tu | sitio | codigos | gracias | o | para | blog

Dar puntos
16 Puntos
Votos: 0 - T!score: 0/10
  • 0 Seguidores
  • 901 Visitas
  • 10 Favoritos

5 comentarios - Codigos HTML Para Tu Pagina Web

@Nishi14 Hace más de 2 años +1
Muy Buenos códigos.
@Jared90 Hace más de 2 años +1
wow probando
@barretoatk Hace más de 2 años
Gracias men, muy buen post te dejo 5 puntos .

Se les agradeciria si entran a mi web: http://gta4xbox.es.tl/Home.htm
En twitter la web aparece como: @GTA4XBOXfans , sigan esta cuenta porfa!!!!
en hotmail si tienen una curiosiedad del gta 4 o sino pueden pasar alguna mision, mandenme un mensaje, webgta4@hotmail.com , el sueño de esta web es crecer y que la gente pregunten sus curiosidades del juego.

Gracias