aca empieza
X
Mensaje para los visitantes:
Esta pagina estara siendo remodelada me tardara mas de 2 semanas Gracias :)

   
  santiadduproductions
Navegación
  codigos html
 


                 

PALABRA NEW EN EL MENU:
Este codigo sirve para poner la palabra new en en menu de nuestra web simplemente nos vamos a editar paginas y donde dice titulo de la pagina ponemos el titulo de nuestra pagina seguido de este codigo.

 

<img src="http://img61.imageshack.us/img61/5580/newbotonoz0.gif" alt="Image Hosted by ImageShack.us" border="0"></a>
 

 

MENSAJE DE DESPEDIDA: Este codigo sirve para que cuando un visitante salga de tu web salga un mensaje de despedida. copia el siguiente codigo y pegalo en texto por encima de la pagina.
<body onUnload="window.alert('Gracias por visitar la web ^^')">
 

 

IMAGEN EN LA PARTE INFERIOR IZQUIERDA: Con este codigo podran poner una imagen en la esquina inferior izquierda de su pagina. solo añade el url de la imagen, donde dice "url de la imagen" y listo, pegalo en texto por debajo de la pagina.
<a href='URL DEL SITIO WEB' _fcksavedurl='URL DEL SITIO WEB'style='display:scroll;position:fixed;bottom:0px;left:0px;'> <img src='URL DE LA IMAGEN' _fcksavedurl='URL DE LA IMAGEN' _fcksavedurl='URL DE LA IMAGEN'/></a> 
 

 

MENSAJE DE BIENVENIDA: Este codigo lo que hara sera que al entrar a la pagina les dara un mensaje de bienvenida a todos los visitantes. Solo peguen el codigo en texto por encima de la pagina.
<script language="Javascript"> alert("Bienvenidos A mi web."); </script>
 

 

LUCES LATERALES: Con este codigo tendran luces que cambian de colores en los lados derecho e izquierdo. Solo peguenlo en texto por debajo de la pagina.
 
<style>body {
background-image: url(http://photos1.hi5.com/0031/763/432/vr3mEw763432-03.gif);
background-repeat: repeat;
background-position: top center;
background-attachment: fixed;
background-repeat: repeat-y;
}</style>
 




 

IMAGEN DE FONDO: Con este codigo podran poner un fondo de pantalla en su web que no se mueve es decir que al bajar por el menu dara el efecto de que la imagen no se mueve, como el que pueden ver en mi pagina web solo copienlo en el block de notas y pongan el codigo url de la imagen donde les indicara y luego solo copienlo en texto por encima de la pagina.
 <style>
body
{
background-image: url(aki va el url de la imagen);
background-repeat: no-repeat;
background-attachment: fixed
}
</style>
 
<style>
body
{
background-image: url(aki va el url de la imagen);
background-repeat: no-repeat;
background-attachment: fixed
}
</style>

 

CENTRAR TU PAGINA: Con este codigo podran centrar su pagina web es decir para que les quede en el mero centro de la pantalla solo copienlo en texto por encima de la pagina en editar diseño.


 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http:/www.w3.org/1999/xhtml"> <div style="width:900px; position: relative; margin-left: auto; margin-right: auto;"> 



 



CAJAS DE TEXTO: Con este codigo podran poner cajas de texto como las que ven aqui solo deben de copiar el codigo y pegarlo en la fuente HTML donde deseen que aparezca la caja de texto

 
<div align="center">
<div style="background-color:white; border-color: black; border-style: solid; color: black; height: 100px; overflow: scroll; width: 250px;">
<span style="color: black; font-family: tahoma; font-size: 85%;"><b></b></span>
<div align="center">
<span style="color: black; font-family: tahoma; font-size: 85%;"><b></b></span>
</div>
<span style="color: black; font-family: tahoma; font-size: 85%;"></span>
</div>
</div>
<b></b>

Subrayar un Link al pasar el mouse:

 

Con este código podemos lograr ese tan conocido efecto que al pasar el mouse sobre un link, este se subraye. Podemos hacer que tenga un color antes de visitar el link, y que tenga otro una vez visitado va en codigo HTML.


 
 
<STYLE type="text/css">
<!--
A:link {COLOR: red; TEXT-DECORATION: none}
A:visited {COLOR: gray; TEXT-DECORATION: none}
A:active {TEXT-DECORATION: none}
A:hover {COLOR: blue; TEXT-DECORATION: underline} -->
</STYLE>
</p>
<p><a href="l1.htm">El texto que quieras.</a><br>
<a href="l2.htm">otro texto.</a><br>
<a href="l3.htm">Otro texto.</a><br>
</p>

 

Abrir un Link en una Ventana Nueva:

Cuando tenemos Links en nuestras páginas y alguien hace clic sobre ellos, automáticamente se abre esa dirección en nuestra ventana. Con este truco podemos hacer que al hacer clic sobre un determinado Link, esta dirección se abra en una ventana nueva, quedando la nuestra también abierta va en codigo HTML.
 
<a href="URL DE LA PAGINA QUE SE ABRIRA" target="_blank">AQUI EL TITULO DE LA PAGINA</a>

 

Diseño trasparente: Con este codigo tendran el menu transparente y de igual forma lograran la trasparencia de los box.Solo peguenlo en texto del 1 box derecha.


 
 

<style type="text/css"> <!--
/* Diesen Teil nicht rauslöschen*/
/* Copyright by streetplayer49 http://www.hp-service.de.tl */
/* Allgemein */

 

p, div{color:#ffffff;}
body{color: #ffffff;background-color:#000000;}

 

/*Navigation*/
td.edit_navi_headbg{background-image: none;width: 15%;}
td.nav_heading{background-image: url(transparent);height: 33px;padding-left: 27px;font-size: 14px;font-weight: bold;}
td.nav{background-image: url(transparent);height: 33px;}
td.nav:hover{background-image: url(http://Hier Bildlink/buttoncpredhov.jpg);height: 33px;}
td.nav a{color: #ffffff;text-decoration: none;font-size: 11px;}
td.nav a:hover{color: #ffffff;text-decoration: overline underline;font-size: 11px;}
td.nav a:visited{color: #ffffff;font-size: 11px;font-weight: bold;}
td.edit_below_nav{visibility: hidden;}

/*Content*/
td.edit_rechts_cbg{background-image: none;width: 100%;}
td.edit_content_top{height: 33px;background-image: url(transparent);font-size:14px;font-weight:bold;text-align: center;}
td.edit_content{background-image: none;background-color:transparent;}
td.edit_content div{color: #fff;font-size: 12px;font-weight: bold;}
td.edit_content p{color: #fff;font-size: 12px;font-weight: bold;}
td.edit_content font{color: #fff;font-size: 12px;font-weight: bold;}
td.edit_content_bottom{background-image: url(transparent);height: 33px;}
td.edit_content_bottom2{background-image: none;height: 38px;}
td.headline2{visibility: hidden;}

/*Rechte Boxen*/
td.sidebar_heading{background-image: url(https://img.webme.com/pic/s/success4you/realflashdown.gif);height: 33px;font-size: 14px;font-weight: bold;text-align: center;}
.shouty, .shouty2, .shouty3, .shouty4, .shouty5{background-image: none;background-color:transparent;border:transparent;}
td.edit_rechts_bottom{background-image: none;width: 15%;}
td.edit_rb_footer{background-image: none;}
/*Rechter Streifen*/
td.edit_rechts_sbg{background-image: none;visibility: hidden;position: absolute;right: 0px;}
--> </style>

p, div{color:#ffffff;}
body{color: #ffffff;background-color:#000000;}

 

Botones adelante,atras y actualizar: Con este codigo podras poner botones en tu pagina que digan adelante, atras y actualizar esto es para hacer màs comoda la visita de tus usuarios pega el codigo en la fuente HTML de la pagina que desees.


 
 
<input type="button" value="Atrás" onclick="history.back()" style="font-family: Verdana; font-size: 8 pt">
<input type="button" value="Actualizar" onclick="window.location.reload()" style="font-family: Verdana; font-size: 8 pt">
<input type="button" value="Adelante" onclick="history.forward()" style="font-family: Verdana; font-size: 8 pt">
                                                                                                         

bueno  luego subire mas codigos html sean pasientes

No dejar seleccionar el texto de nuestra Web:Con este código vamos a impedir que los visitantes seleccionen el texto de nuestra página para luego copiarlo a otro lado.

 
<script language="Javascript">
<!-- Begin
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function ("return false")
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
// End -->
</script>


Probador HTML: Con este codigo los visitantes entraran a tu sitio web y pongran todos sus codigos HTML para editarlos y despues colocarlos a su pagina web ya editados. Solo pega este codigo en la pagina que quieras  en HTML. 

 

<div style="text-align: center;"><!--- Codigo por a-battle-games.es.tl---> <script>
 function probar(texto) {
  ventana = window.open('', 'popup', '');
  ventana.document.write(texto);
 }a-battle-games.es.tl
 </script>
<form action="" name="probador">
    &nbsp;
</form>
</div>
<form action="" name="probador">
    <h1 style="text-align: center;"><font face="Verdana" size="2"><span style="font-family: Comic Sans MS;"><span style="font-size: larger;">Este es un Vizualizador de c&oacute;digos HTML, inserta el c&oacute;digo HTML y te dar&aacute; el resultado en una ventana nueva!&nbsp;</span></span></font></h1>
    <div style="text-align: center;">&nbsp;</div>
    <font face="Verdana" size="2"><hr />
    </font>
</form>
<div style="text-align: center;">
<form action="" name="probador">
    <textarea rows="10" cols="50" name="texto"></textarea><font face="Verdana" size="2"> <br />
    </font><input type="button" onclick="probar(texto.value)" value="Visualizar el codigo" name="" /><a target="By Battle-Games" href="http://a-battle-games.es.tl"><font face="Verdana" size="2"><br />
    </font></a> &nbsp;
</form>
<!--- Codigo por a-battle-games.es.tl---></div>

 

Palabra que se mueve asiala derecha o izquierda:Este codigo sirve para que cuando pongas un titulo en tu pagina web solo colocas este codigo y el titulo empesara a moverse asi la derecha o izquierda solo copia el codigo y pegalo en un block y editas en donde dise "TITULO AQUI" y ahi colocas lo que quieras que se mueva despues lo pegas en Donde quieras de HTML

 



<marquee>TITULO AQUI</marque>

Pagina en construccion:Este codigo sirve para poner tu pagina web en construccion solo copia el siguiente codigo y pegalo en Texto por debajo de la pagina


 
 

<style type="text/css">

<!--

body { visibility:hidden;

background-color:#FFFFFF;

background-image:url(http://www.cordoba-redes.com.ar/EnConstruccion.bmp);

background-repeat: no-repeat;

background-position: top; }

//-->

</style>

Efecto de sangre en la parte de arriba:Este codigo es una imagen de sangre que cai de arriba asia abajo de tu web bueno solo copia el codigo y pegalo donde quieras en HTML. Si quieres ver la imagen de sangre pincha AQUI

 

 
<img border='0' src='http://r23.imgfast.net/users/2314/14/04/12/album/bloodm10.gif' _fcksavedurl='http://r23.imgfast.net/users/2314/14/04/12/album/bloodm10.gif' style='position:fixed; top:0; left:0; width:100%; height:150px;'/>

 

Colocar un cargador de pagina:Este codigo sirve para que cuando un visitante entre a nuestra web se encuentre con una imagen de carga de que esta cargando la pagina bueno solo copia el siguiente codigo y pegalo en la pagina de inicio en Fuente HTML.
 




 
 </style> 
</head> 
<body> 
<FONT color="white"><script type='text/javascript'> 
window.onload = detectarCarga; 
function detectarCarga(){ 
document.getElementById("imgLOAD").style.display="none";
} 
</script> 

<div id='imgLOAD' style="TEXT-ALIGN: center"> 
<b>Cargando la pagina</b> 
<IMG src="https://img.webme.com/images/progress.gif">
</div>

 

 

Bloquear boton derecho: Este codigo funciona para bloquear el boton derecho sirve para que no roben imformacion de la web si quieren el codigo solo copia el siguiente codigo y pegalo en texto por encima de la pagina


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

 

Recomendar pagina web: Este codigo sirve para que los visitantes de tu web puedan recomendar tu pagina a sus amigos solo coloca el siguiente codigo y pegalo en donde quieras de HTML.

<form name="eMailer">
     ENVÍA ESTA PÁGINA A UN AMIGO
     <br>
     Indica su e-mail:
     <br>
     <input type="text" name="address" size="25">
     <br>
     <input type="button" value="Recomendá esta Web!" onClick="mailThisUrl();">
     </form>
     <script language="JavaScript1.2">
     var good;
     function checkEmailAddress(field) {
     // the following expression must be all on one line...
     var goodEmail = field.value.match(/b(^(S+@).+((.com)|(.net)|
     (.edu)|(.mil)|(.gov)|(.org)|(..{2,2}))$)b/gi);
     if (goodEmail){
     good = true
     } else {
     alert('Por favor introduce un e-mail valido')
     field.focus()
     field.select()
     good = false
     }
     }
     u = window.location;
     m = "Pienso que te puede interesar esta página...";
     function mailThisUrl(){
     good = false
     checkEmailAddress(document.eMailer.address)
     if (good){
     // the following expression must be all on one line...
     window.location = "mailto:"+document.eMailer.address.value+"?subject="+m+"&body="+document.title+" "+u;
     }
     }
     </script>

Imprimir pagina actual: Este codigo sirve para que los visitantes impriman la pagina en la que estan si te gusta copia el siguiente codigo y pegalo en donde quieras de HTML.


<h1><a href="javascript:print()"><span style="color: rgb(0, 255, 255);"><span style="font-family: Comic Sans MS;"><span style="font-size: x-large;">Imprimir</span></span></span></a></h1>

Nieve callendo en tu web:  Este codigo sirve para que caiga nieve en tu web y los visitantes se impresionen mucho, bueno si te gusta copia el siguiente codigo y pegalo en Texto por encima de la pagina.


<marquee behavior="scroll" direction="down" style="position: absolute; left: 100px; top: 0px; width: 16px; height: 700px;" scrollamount="5"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 95px; top: 0px; width: 16px; height: 60px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 115px; top: 0px; width: 16px; height: 70px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 116px; top: 5px; width: 16px; height: 570px;" scrollamount="3"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 132px; top: 15px; width: 16px; height: 600px;" scrollamount="5"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 148px; top: 5px; width: 16px; height: 610px;" scrollamount="2"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 214px; top: 25px; width: 16px; height: 500px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 330px; top: 25px; width: 16px; height: 450px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 246px; top: 15px; width: 16px; height: 430px;" scrollamount="6"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 312px; top: 55px; width: 16px; height: 400px;" scrollamount="5"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 338px; top: 65px; width: 16px; height: 410px;" scrollamount="2"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 354px; top: 35px; width: 16px; height: 460px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 370px; top: 0px; width: 16px; height: 700px;" scrollamount="5"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 386px; top: 5px; width: 16px; height: 570px;" scrollamount="3"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 402px; top: 15px; width: 16px; height: 600px;" scrollamount="5"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 418px; top: 5px; width: 16px; height: 610px;" scrollamount="2"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 434px; top: 25px; width: 16px; height: 500px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 450px; top: 25px; width: 16px; height: 450px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 466px; top: 15px; width: 16px; height: 430px;" scrollamount="6"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 482px; top: 55px; width: 16px; height: 400px;" scrollamount="5"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 598px; top: 65px; width: 16px; height: 410px;" scrollamount="2"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 614px; top: 35px; width: 16px; height: 460px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 894px; top: 15px; width: 16px; height: 260px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 630px; top: 0px; width: 16px; height: 700px;" scrollamount="5"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 646px; top: 5px; width: 16px; height: 570px;" scrollamount="3"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 662px; top: 15px; width: 16px; height: 600px;" scrollamount="5"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 678px; top: 5px; width: 16px; height: 610px;" scrollamount="2"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 694px; top: 25px; width: 16px; height: 500px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 710px; top: 25px; width: 16px; height: 450px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 726px; top: 15px; width: 16px; height: 430px;" scrollamount="6"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 742px; top: 55px; width: 16px; height: 400px;" scrollamount="5"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 758px; top: 65px; width: 16px; height: 410px;" scrollamount="2"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 774px; top: 35px; width: 16px; height: 460px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 974px; top: 35px; width: 16px; height: 160px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 790px; top: 0px; width: 16px; height: 700px;" scrollamount="5"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 806px; top: 5px; width: 16px; height: 570px;" scrollamount="3"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 812px; top: 15px; width: 16px; height: 600px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 828px; top: 5px; width: 16px; height: 610px;" scrollamount="2"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 844px; top: 25px; width: 16px; height: 500px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 860px; top: 25px; width: 16px; height: 450px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 876px; top: 15px; width: 16px; height: 430px;" scrollamount="6"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 892px; top: 55px; width: 16px; height: 400px;" scrollamount="5"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 898px; top: 65px; width: 16px; height: 410px;" scrollamount="2"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 900px; top: 35px; width: 16px; height: 460px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 90px; top: 0px; width: 16px; height: 700px;" scrollamount="5"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 180px; top: 5px; width: 16px; height: 570px;" scrollamount="5"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 206px; top: 15px; width: 16px; height: 600px;" scrollamount="1"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 399px; top: 5px; width: 16px; height: 610px;" scrollamount="3"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 409px; top: 25px; width: 16px; height: 500px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 520px; top: 25px; width: 16px; height: 450px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 656px; top: 15px; width: 16px; height: 430px;" scrollamount="6"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 865px; top: 55px; width: 16px; height: 400px;" scrollamount="1"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 370px; top: 65px; width: 16px; height: 410px;" scrollamount="6"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 290px; top: 35px; width: 16px; height: 460px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 425px; top: 0px; width: 16px; height: 700px;" scrollamount="5"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 580px; top: 5px; width: 16px; height: 570px;" scrollamount="3"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 306px; top: 15px; width: 16px; height: 300px;" scrollamount="1"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 599px; top: 5px; width: 16px; height: 610px;" scrollamount="3"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 609px; top: 25px; width: 16px; height: 180px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 1070px; top: 25px; width: 16px; height: 450px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 950px; top: 15px; width: 16px; height: 430px;" scrollamount="6"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 260px; top: 55px; width: 16px; height: 200px;" scrollamount="1"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 770px; top: 65px; width: 16px; height: 210px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 690px; top: 35px; width: 16px; height: 360px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 925px; top: 0px; width: 16px; height: 50px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 225px; top: 0px; width: 16px; height: 50px;" scrollamount="5"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 380px; top: 5px; width: 16px; height: 70px;" scrollamount="3"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 806px; top: 15px; width: 16px; height: 100px;" scrollamount="1"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 399px; top: 5px; width: 16px; height: 110px;" scrollamount="3"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 909px; top: 25px; width: 16px; height: 280px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 570px; top: 5px; width: 16px; height: 150px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 750px; top: 15px; width: 16px; height: 130px;" scrollamount="6"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 660px; top: 5px; width: 16px; height: 100px;" scrollamount="1"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 570px; top: 5px; width: 16px; height: 110px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 690px; top: 5px; width: 16px; height: 60px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 965px; top: 0px; width: 16px; height: 50px;" scrollamount="5"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 1000px; top: 0px; width: 16px; height: 50px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 1010px; top: 0px; width: 16px; height: 150px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 390px; top: 5px; width: 16px; height: 70px;" scrollamount="3"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 466px; top: 15px; width: 16px; height: 100px;" scrollamount="1"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 359px; top: 5px; width: 16px; height: 110px;" scrollamount="3"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 489px; top: 25px; width: 16px; height: 280px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 530px; top: 5px; width: 16px; height: 150px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 780px; top: 15px; width: 16px; height: 130px;" scrollamount="6"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 910px; top: 5px; width: 16px; height: 100px;" scrollamount="1"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 570px; top: 5px; width: 16px; height: 110px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 620px; top: 5px; width: 16px; height: 160px;" scrollamount="7"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 300px; top: 0px; width: 16px; height: 100px;" scrollamount="1"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 890px; top: 0px; width: 16px; height: 200px;" scrollamount="5"><span >*</span></marquee><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 840px; top: 10px; width: 16px; height: 100px;" scrollamount="7"><span >*</span></marquee>

 

Imagen con LINK:  Con este codigo pogremos colocar una imagen con link e decir que cuando le den click a la imagen te enviara a una pagina, bueno si te gusto copia el siguiente codigo y edicta donde dice URL DE LA PAGINA ahy colocas la url de la web que quieres ir y donde dice URL DE LA IMAGEN ahy coloca la url de la imagen a la que le daran 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>

 

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

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

Menu Desplegable:  Este codigo sirve para colocar un menu desplegable osea que es un menu de fila que cuando pones el codigo tienes que elejir una direccion y despues das en IR bueno si ya entendistes copia el siguiente codigo y EDITA todo lo que este en MAYUSCULA y pegalo en donde quieras de HTML.


<form>
<select name="urldestino">
<option selected>-----NOMBRE DEL MENU -----
<option value="LINK" >MENU
<option value="LINK">MENU
<option value="LINK">MENU
<option value="LINK">MENU
<option value="LINK">MENU
<option value="LINK">MENU
</select>
<input type="button" value="IR" onClick="location=this.form.urldestino.value" name="button">
</form>

Pajaro de twitter volando por toda tu web:  Este codigo sirve para colocar un pajaro que este volando por toda la web como el que tengo yo en la mia. ese pajaro cuando le das click sobre el, directamente te manda a tu cuenta de twitter bueno si te gusta copia el siguiente codigo y edita donde diga "USUARIO" ahi colocaras tu nombre de cuenta de tu TWITTER. y listo pegalo en TEXTO POR ENCIMA DE LA PAGINA.


<script src="http://oloblogger.googlecode.com/files/tripleflap.js" type="text/javascript"></script>
<script type="text/javascript">
var birdSprite='http://oloblogger.googlecode.com/files/birdsprite.png';
var targetElems=new Array('img','hr','table','td','div','input','textarea','button','select','ul','ol','li','h1','h2','h3','h4','p','code','object','a','b','strong','span');
var twitterAccount = 'http://twitter.com/USUARIO';
var twitterThisText ='';
tripleflapInit();
</script>

Efecto titulo de la web escribiendo estilo MAQUINA DE ESCRIBIR: Este codigo hace que el titulo de nuestra web escriba algo a estilo de una maquina de escribir osea tu pones el nombre del titulo y el codigo hara que escriba el titulo por cada palabra. Bueno si entendistes copia el siguiente codigo y edita donde diga "AQUI EL TITULO DE LA WEB" ahy colocares el titulo que hara efecto. Y listo copealo y pegalo enTEXTO POR ENCIMA DE LA PAGINA.


<script language="JavaScript1.2">

var message="AQUI EL TITULO DE LA WEB" //
var message=message+" "
i="0"
var temptitle=""
var speed="150" //
function titler(){
if (!document.all&&!document.getElementById)
return
document.title=temptitle+message.charAt(i)
temptitle=temptitle+message.charAt(i)
i++
if(i==message.length)
{
i="0"
temptitle=""
}
setTimeout("titler()",speed)
}

window.onload=titler
</script>




  
   
 
Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis