- CODIGOS HTML 1

CODIGOS HTML 1

Si no esta el código que buscas,pidelo Aquí

Necesitas Ayuda para crear tu página web ? Aquí

Código para centrar tu web
Con este código centraras tu web solo tienes que pegar este código en texto por encima de la página

Centrar publicidad de PWG
(Diseño Ice Blue)
Texto por encima de la página

Centrar publicidad de pwg
(CSS Design) Copien el siguiente código y pegenlo en CSS-CODE SIN STYLE TAGS.

Imagen de fondo

Con este código podran poner un fondo de pantalla en su web que no se mueve,al bajar por el menu dara el efecto de que la imagen no se mueve,edita donde dice (url de la imagen de fondo).
Texto por encima de la pagina.

Insertar una imagen en la página web

Imagen

Con los atributos HTML width y height,nos permiten modificar el ancho y el alto de la imagen

Con los atributos HTML width,height y lineas de separación

Con los atributos HTML width,height,lineas de separación y texto por arriba

Imagen

Texto que acompaña a la imagen por arriba (una sola línea)

Con los atributos HTML width,height,lineas de separación y texto por el medio

Imagen

Texto que acompaña a la imagen por el medio

Con los atributos HTML width,height,lineas de separación y texto por abajo

Imagen

Texto que acompaña a la imagen por abajo.

Este texto acompaña a la imagen y va rodeando al gráfico,
hasta encontrar un márgen libre.

Formularios de contacto para tu web

Formulario de contacto 1

Formulario de contacto

Formulario de contacto 2

Formulario de contacto 3

Escriba su nombre y apellidos:

Dirección de e-mail:

Tema del mensaje:

Escriba su mensaje:

Enviar una copia de este mensaje a su propio E-mail

Enviar una copia de este mensaje a su propio E-mail

Formulario de contacto 4

Formulario de contacto 5

Formulario de Contacto
*Los campos marcados con (), son obligatorios.**

Nombre (*)
Apellidos(*)
Sitio (*)
Cargo(*)
E_mail (*)
País (*)
Consulta(*)

<form name="Form" method="post" action="respuesta.asp" onsubmit_fckprotectedatt="%20onsubmit%3D%22return%20%0A%0AForm_Validator(this)%22">     <table width="356" align="center" cellspacing="3" cellpadding="2">         <tbody>             <tr>                 <td colspan="2" class="normal11bl">Formulario de Contacto</td>             </tr>             <tr>                 <td colspan="2" class="normal11bl">Los campos marcados con (*),  son obligatorios.</td>             </tr>             <tr>                 <td colspan="2" class="normal11bl"> </td>             </tr>             <tr>                 <td width="120" class="normal11bl" valign="top">Nombre (*)</td>                 <td width="236" valign="top"><input type="text" name="nombre" size="35" maxlength="200" class="normal11ne" /></td>             </tr>             <tr>                 <td width="120" class="normal11bl" valign="top">Apellidos(*)</td>                 <td width="236" valign="top"><input type="text" name="apellidos" size="35" maxlength="200" class="normal11ne" /></td>             </tr>             <tr>                 <td width="120" class="normal11bl" valign="top">Sitio (*)</td>                 <td width="236" valign="top"><input type="text" name="empresa" size="35" maxlength="200" class="normal11ne" /></td>             </tr>             <tr>                 <td width="120" class="normal11bl" valign="top">Cargo(*)</td>                 <td width="236" valign="top"><input type="text" name="cargo" size="35" maxlength="200" class="normal11ne" /></td>             </tr>             <tr>                 <td width="120" class="normal11bl" valign="top">E_mail (*)</td>                 <td width="236" valign="top"><input type="text" name="email" size="25" maxlength="200" class="normal11ne" /></td>             </tr>             <tr>                 <td width="120" class="normal11bl" valign="top">País  (*)</td>                 <td width="236" valign="top"><input type="text" name="pais" size="35" class="normal11ne" maxlength="20" /></td>             </tr>             <tr>                 <td width="120" class="normal11bl" valign="top">Consulta(*)</td>                 <td width="236" valign="top"><textarea name="consulta" cols="37" class="normal11ne" rows="4"><br>

Marquesinas en HTML

Esto es un texto en marquesina

Marquesina con color de fondo

Marquesina de izquierda a derecha

Marquesina de derecha a izquierda

Texto en marquesina de altura 60

Marquesina dentro de una tabla

Rebota de derecha a izquierda
MjbSanlucar

Rebota de derecha a izquierda
MjbSanlucar

Texto que sube
Bienbenid@

Texto que baja
MjbSanlucar

Rebota en todo el borde
MjbSanlucar

Párrafos y alineación

Define un párrafo y alinea el texto a la izquierda.

Define un párrafo y alinea el texto a la derecha.

Define un párrafo y centra el texto

Líneas horizontales

aling="CENTER": Define la alineación de la línea (center, right, left).
size="2": Define el grosor, en píxel, de la línea.
width="400": Define la longitud horizontal, en píxel, de la línea. Puede expresarse en tanto por cien respecto al espacio a disposición: width=80%.
color="RED": Define el color de la línea.
noshade: Si este atributo está presente, elimina el efecto 3D de la línea. Si no está presente, produce dicho efecto.

Mensaje en la barra inferior

Mensaje Parpadeando en bara inferior de Texto

Mensaje con Movimiento en la Parte Superior

Mensaje que Cambia de Color

Fecha en tu sitio

Caja de código con botón Copiar

Si quieres colocar más de una caja en una sola página, escribe el mismo código reemplazando los 1 por 2

Abrir un Link en una Ventana Nueva
INICIO

Abrir un link de una imagen
en una ventana nueva

Pájaro sígueme en twitter
volando por la web

Enviar un e-mail con Asunto y Mensaje

Hacé clic acá para mandarme un mensaje

Título que cambia de colores

<script>
mesk=new
Array();mesk[10]="A";mesk[11]="B";mesk[12]="C";mesk[13]="D";mesk[14]="E";mesk[15]="F";A=10;B=11;C=12;D=13;E=14;F=15;let="ABCDEF";function
mes(num){if(let.indexOf(num) != -1){return eval(num)};else{if(num
< 10){return eval(num)};else{return mesk[num]}}};

function color(begin,einde,stappen,stap){
hh1=(mes(begin.charAt(0))*16)+mes(begin.charAt(1));
hh2=(mes(begin.charAt(2))*16)+mes(begin.charAt(3));
hh3=(mes(begin.charAt(4))*16)+mes(begin.charAt(5));
pp1=(mes(einde.charAt(0))*16)+mes(einde.charAt(1));
pp2=(mes(einde.charAt(2))*16)+mes(einde.charAt(3));
pp3=(mes(einde.charAt(4))*16)+mes(einde.charAt(5));

if(hh1 < pp1){ff1=hh1+Math.floor((pp1-hh1)/stappen*stap);
ff1=eval("'"+mes(Math.floor(ff1/16))+"'")+eval("'"+mes(ff1-(Math.floor(ff1/16)*16))+"'");}

;else{ff1=hh1-Math.floor((hh1-pp1)/stappen*stap);
ff1=eval("'"+mes(Math.floor(ff1/16))+"'")+eval("'"+mes(ff1-(Math.floor(ff1/16)*16))+"'");}

if(hh2 < pp2){ff2=hh2+Math.floor((pp2-hh2)/stappen*stap);
ff2=eval("'"+mes(Math.floor(ff2/16))+"'")+eval("'"+mes(ff2-(Math.floor(ff2/16)*16))+"'");}

;else{ff2=hh2-Math.floor((hh2-pp2)/stappen*stap);
ff2=eval("'"+mes(Math.floor(ff2/16))+"'")+eval("'"+mes(ff2-(Math.floor(ff2/16)*16))+"'");}

if(hh3 < pp3){ff3=hh3+Math.floor((pp3-hh3)/stappen*stap);
ff3=eval("'"+mes(Math.floor(ff3/16))+"'")+eval("'"+mes(ff3-(Math.floor(ff3/16)*16))+"'");}

;else{ff3=hh3-Math.floor((hh3-pp3)/stappen*stap);
ff3=eval("'"+mes(Math.floor(ff3/16))+"'")+eval("'"+mes(ff3-(Math.floor(ff3/16)*16))+"'");}

;return ff1+ff2+ff3}
bum=0;bum2=0;txt=new Array();txt[0]="";function lightf(){
for(i=0;i !=
Math.floor(message.length/2);i++){txt[i]=color(lightcolor1,lightcolor2,Math.floor(message.length/2),i)};

for(i=Math.floor(message.length/2);i !=
message.length;i++){txt[i]=color(lightcolor2,lightcolor1,Math.floor(message.length/2),(i-Math.floor(message.length/2)))};

lightf1()}
function
lightf1(){txt[message.length+1]="";bum2=message.length-bum;for(i=0;i !=
message.length;i++){if(i+bum
< message.length){txt[message.length+1]=txt[message.length+1]+"<font color='#"+txt[(i+bum)]+"'>"+message.charAt(i)+"</font>"};else{txt[message.length+1]=txt[message.length+1]+"<font color='#"+txt[i-bum2]+"'>"+message.charAt(i)+"</font>"
}};if(bum !=
message.length){bum++;};else{bum=0};light.innerHTML=txt[message.length+1];setTimeout("lightf1()",50)}

</script> </head>  <body bgcolor="#FFFFFF" background="globulos.jpg">   <center><h1><div id="light"></div></h1> <script>
lightcolor1="FF0000" // color
lightcolor2="33CC66" // color
message="Título que cambia de colores" // introduce el texto
lightf()
</script> </center>

Formulario o Libro de Visitas

Libro de visitas de www.mjbsanlucar.es.tl

Botón animado

<font size="2"> <script language="JavaScript">
var timerID = null
var timerRunning = false
var charNo = 0
var charMax = 0
var lineNo = 0
var lineMax = 3
var lineArr = new Array(lineMax)
var urlArr = new Array(lineMax)
lineArr[1] = "Pauluk Computación" 
urlArr[1] = "http://www.CheNico.com"
lineArr[2] = "Trucos PC" 
urlArr[2] = "http://www.pauluk.8k.com/trucosprin.htm"
lineArr[3] = "Noticias Tecnológicas y Actualidad" 
urlArr[3] = "http://www.pauluk.8k.com/noticias.htm"
var lineText = lineArr[1]
function StartShow() {
StopShow()
ShowLine()
timerRunning = true
}
function FillSpaces() {
for (var i = 1; i <= lineWidth; i++) {
spaces += " "
}
}
function StopShow() {
if (timerRunning) {
clearTimeout(timerID)
timerRunning = false
}
}
function ShowLine() {
if (charNo == 0) {
if (lineNo < lineMax) {
lineNo++
}
else {
lineNo = 1
}
lineText = lineArr[lineNo]
charMax = lineText.length
}
if (charNo <= charMax) {
document.formDisplay.buttonFace.value = lineText.substring(0, charNo)
charNo++
timerID = setTimeout("ShowLine()", 100)
}
else {
charNo = 0
timerID = setTimeout("ShowLine()", 3000)
}
}
function GotoUrl(url)
{
top.location.href = url
} 
document.write("<form name="formDisplay">");
document.write("<input type="button" name="buttonFace" value="&{lineText}" size="18" onClick="GotoUrl(urlArr[lineNo])">");
document.write("</form>");
StartShow();
</script></font>

Botón Colorido

Texto que sigue al mouse

Imagen volando por la pantalla

<SCRIPT language="JavaScript1.2"> 
var imagem="Ingresa el nombre del archivo de imagen aquí"
if (document.layers)
{document.write("<LAYER NAME='animacao' LEFT=10 TOP=10><img src='"+imagem+"' ></LAYER>")}
else if (document.all){document.write("<div id='animacao' style='position:absolute;top:10px;left:10px;width:17px;height:22px;z-index:50'><img src='"+imagem+"'></div>")}
conta=-1; 
move=1;
function curva(){
abc=new Array(0,1,1,1,2,3,4,0,6,-1,-1,-1,-2,-3,-4,0,-6)
for (i=0; i < abc.length; i++)
{var C=Math.round(Math.random()*[i])}
iniciar=abc[C];
setTimeout('curva()',1900);
return iniciar;
}
ypos=10;
xpos=10;
movimento = 60;
function moveR(){
caminho=movimento+=iniciar;
y = 4*Math.sin(caminho*Math.PI/180);
x = 6*Math.cos(caminho*Math.PI/180);
if (document.layers){
ypos+=y;
xpos+=x;
document.animacao.top=ypos+window.pageYOffset;
document.animacao.left=xpos+window.pageXOffset;
}
else if (document.all){
ypos+=y;
xpos+=x;
document.all.animacao.style.top=ypos+document.body.scrollTop;
document.all.animacao.style.left=xpos+document.body.scrollLeft;
}
T=setTimeout('moveR()',50);
}
function edges(){
if (document.layers){
if (document.animacao.left >= window.innerWidth-40+window.pageXOffset)movimento=Math.round(Math.random()*45+157.5);
if (document.animacao.top >= window.innerHeight-30+window.pageYOffset)movimento=Math.round(Math.random()*45-112.5);
if (document.animacao.top <= 2+window.pageYOffset) movimento = Math.round(Math.random()*45+67.5);//OK!
if (document.animacao.left <= 2+window.pageXOffset) movimento = Math.round(Math.random()*45-22.5);//OK!
}
else if (document.all)
{
if (document.all.animacao.style.pixelLeft >= document.body.offsetWidth-45+document.body.scrollLeft)movimento=Math.round(Math.random()*45+157.5);
if (document.all.animacao.style.pixelTop >= document.body.offsetHeight-35+document.body.scrollTop)movimento=Math.round(Math.random()*45-112.5);
if (document.all.animacao.style.pixelTop <= 2+document.body.scrollTop) movimento = Math.round(Math.random()*45+67.5);//OK!
if (document.all.animacao.style.pixelLeft <= 2+document.body.scrollLeft) movimento = Math.round(Math.random()*45-22.5);//OK!
}
setTimeout('edges()',100);
}
function efeito(){
curva();
moveR();// onUnload="opener.gO()"
edges();
}
if (document.all||document.layers)
efeito()
</script>

Cambiar el color de la barra de desplazamiento al pasar el mouse

with(document.body.style)
{
scrollbarDarkShadowColor=line;
scrollbar3dLightColor=line;
scrollbarArrowColor="black";
scrollbarBaseColor=face;
scrollbarFaceColor=face;
scrollbarHighlightColor=face;
scrollbarShadowColor=face;
scrollbarTrackColor="#FFFFFF";
}
}

function colorBar(){
var w = document.body.clientWidth;
var h = document.body.clientHeight;
var x = event.clientX;
var y = event.clientY;
if(x>w) scrollBar('#000080','#E58D28');
else scrollBar(null,null,"blue");
}

if (document.all){
scrollBar(null,null,"blue");
document.onmousemove=colorBar;
}
//-->
</script>"#6699FF"; break; } }  with(document.body.style) { scrollbarDarkShadowColor=line; scrollbar3dLightColor=line; scrollbarArrowColor="black"; scrollbarBaseColor=face; scrollbarFaceColor=face; scrollbarHighlightColor=face; scrollbarShadowColor=face; scrollbarTrackColor="#FFFFFF"; } }  function colorBar(){ var w = document.body.clientWidth; var h = document.body.clientHeight; var x = event.clientX; var y = event.clientY; if(x>w) scrollBar('#000080','#E58D28'); else scrollBar(null,null,"blue"); }  if (document.all){ scrollBar(null,null,"blue"); document.onmousemove=colorBar; } //--> </script>

Cartel de novedades
Personalizar Código
En "fondo" puedes colocar el nombre(url) de la imagen de fondo del letrero.
var largura=150
var altura=120
var bgcolor='white'
var fundo='URL del archivo de imagen'
Para incluir más mensajes en el letrero, observá que el último mensaje aparece de la siguiente forma:

Texto de apertura
Con este código puedes lograr que, al entrar a tu página, el usuario vea un mensaje de bienvenida o cualquier otro que configures. Luego, el usuario es llevado automáticamente a la página que tú definas.

<HTML> <HEAD> <TITLE>Ingresa el título aquí</TITLE> <SCRIPT LANGUAGE = "JavaScript">
function makeArray() {
this.length = makeArray.arguments.length;
for (var i = 0; i < this.length; i++)
this[i + 1] = makeArray.arguments[i];
}
function makeSlideShow (obj, wait, pre, url) {
this.curText = '';
this.posit = 1; 
this.word = obj; 
this.length = obj.length;
this.pre = pre;
this.wait = wait;
this.url = url;
this.display = displaySlideShow;
}
function displaySlideShow() {
if (this.posit <= this.length) {
this.curText = this.word[this.posit]
outStringWord = blankFrameTop + this.pre + this.curText + blankFrameBottom;
parent.draw.location = 'javascript:parent.outStringWord';
this.posit++;
}
else {
doneLoop = true;
top.location = this.url;
}
}
function displayLoop() {
if (!doneLoop) reDraw = setTimeout('displayLoop()', wordIntro.wait);
wordIntro.display();
}
var words = new makeArray ('Ingresa el primer texto aquí', 'Ingresa el segundo texto aquí', 'Ingresa el tercer texto aquí', 'Ingresa el cuarto texto aquí', 'ABRIENDO EL SITIO... ');
var wordIntro = new makeSlideShow (words, 2500, '<CENTER><BR><BR><BR><BR><BR><BR><BR><BR><FONT SIZE = 5>', 'Ingresa aquí el URL de la página que aparecerá');
var blankFrameTop = '<HTML><BODY BGCOLOR = "#000000" TEXT = "#FFFFFF">';
var blankFrameBottom = '</BODY></HTML>';
var blankFrame = blankFrameTop + blankFrameBottom;
var doneLoop = false;
</SCRIPT> </HEAD><FRAMESET onLoad_fckprotectedatt="%20onLoad%20%3D%20%22displayLoop()%22" ROWS = "100%, *" FRAMEBORDER = NO BORDER = 0> <FRAME  SCROLLING=AUTO SRC = "javascript:parent.blankFrame" NAME = "draw"  MARGINWIDTH = 2  MARGINHEIGHT = 2> </FRAMESET>  </HTML>

Efecto de apertura
Con este código permite crear un efecto de entrada a tu página.Copia y pega el código en tu página
Para cambiar el color donde dice "blue", tienes que poner el nombre en inglés o el código hexadecimal del color que quieras.

Código para Insertar música de fondo en tu web
Si quieren que los visitantes escuchen una canción mientras visitan la Web, o simplemente recibirlos con una melodía estilo presentación,solo tienes que guardar el sonido en el directorio raíz de tu servidor e insertar el siguiente código html.

	Gracias por su visita Este es el texto que quieras ponerle a la tabla. Puedes poner tanto texto como desees, que la tabla se hará lo suficientemente grande como para que quepa todo. Solo hay que configurar el color y el tamaño.


	Gracias por su visita Este es el texto que quieras ponerle a la tabla. Puedes poner tanto texto como desees, que la tabla se hará lo suficientemente grande como para que quepa todo.

<br> <table width="300" cellspacing="0" cellpadding="0" bgcolor="#333399" border="0">     <tbody>         <tr>             <td width="11"> </td>             <td width="278"><img src="pixeltrans.gif" _fcksavedurl="pixeltrans.gif" width="278" height="1" alt="" /></td>             <td width="11" align="right"> </td>         </tr>         <tr>             <td><img src="pixeltrans.gif" _fcksavedurl="pixeltrans.gif" width="1" height="1" alt="" /></td>             <td><font color="#ffffff" face="verdana,arial,helvetica" size="2"><b>              Gracias por su visita</b>  <br />             <br />             Este es el texto que quieras ponerle a la tabla. Puedes poner tanto texto como desees, que la tabla se hará lo suficientemente grande como para que quepa todo.   </font></td>             <td><img src="pixeltrans.gif" _fcksavedurl="pixeltrans.gif" width="1" height="1" alt="" /></td>         </tr>         <tr>             <td width="11"> </td>             <td width="278"><img src="pixeltrans.gif" _fcksavedurl="pixeltrans.gif" width="278" height="1" alt="" /></td>             <td width="11" align="right"> </td>         </tr>     </tbody> </table> <br>

aqui tu texto

Aquí va el texto ó el código

AQUí TÚ TEXTO O CÓDIGO

AQUI EL TEXTO

<table border="0" cellspacing="0" cellpadding="0" align="center"><tbody><tr><td>                <img style="width: 443px; height: 22px;" src="http://content.pimp-my-profile.com/i68/5/9/13/f_d164dccd3b61.gif" _fcksavedurl="http://content.pimp-my-profile.com/i68/5/9/13/f_d164dccd3b61.gif" alt="" width="100" height="22" />            </td></tr><tr><td><div style="scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; overflow: scroll; width: 442px; scrollbar-shadow-color: #ffffff; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: #000000; scrollbar-darkshadow-color: #ffffff; height: 87px; background-color: #ffffff; border: white 2px solid;"><p>                        <span style="color: #000000; font-size: 12px;">AQUI EL TEXTO</span>                    </p><p> </p></div><img style="width: 442px; height: 9px;" src="http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i36715b83f456ffb1/1300295956/std/image.gif" _fcksavedurl="http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i36715b83f456ffb1/1300295956/std/image.gif" alt="" width="100" height="14" />            </td></tr></tbody></table>

AQUI EL TEXTO

<table border="0" cellspacing="0" cellpadding="0" align="center"><tbody><tr><td>                <img style="width: 443px; height: 22px;" src="http://content.pimp-my-profile.com/i68/5/9/13/f_464b88f254c0.gif" _fcksavedurl="http://content.pimp-my-profile.com/i68/5/9/13/f_464b88f254c0.gif" alt="" width="100" height="22" />            </td></tr><tr><td><div style="scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; overflow: scroll; width: 442px; scrollbar-shadow-color: #ffffff; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: #000000; scrollbar-darkshadow-color: #ffffff; height: 87px; background-color: #ffffff; border: white 2px solid;"><p>                        <span style="color: #000000; font-size: 12px;">AQUI EL TEXTO</span>                    </p><p> </p></div><img style="width: 442px; height: 9px;" src="http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/if3487608fdb9a3b7/1300295401/std/image.gif" _fcksavedurl="http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/if3487608fdb9a3b7/1300295401/std/image.gif" alt="" width="100" height="14" />            </td></tr></tbody></table>

Araña deslizandose desde arriba hacia abajo
Con este código haremos que una araña baje y suba nuevamente, la araña ira en la parte izquierda superior de la web.
TEXTO POR ENCIMA DE LA PÁGINA

Fantasmas volando por tú web
Con este código aparecerá muchos fantasmas volando por toda tú web

if ((document.getElementById) &&

window.addEventListener || window.attachEvent){

(function(){

//Configuracion

var numberOfGhosts = 10; /* Numero de fantasmas */

var ghostSpeed = 0.9; /* Velocidad */

var inTheFace = 5;

var setTimeOutSpeed = 50; /* Velocidad a la que desaparecen */

//Fin de la configuracion

var h,y,cy,cx,sy,sx,ref,field,oy1,oy2,ox1,ox2,iy1,iy2,ix1,ix2;

var d = document;

var domWw = (typeof window.innerWidth == "number");

var domSy = (typeof window.pageYOffset == "number");

var pi1 = 180/3.14;

var pi2 = 3.14/180;

var y = [];

var x = [];

var strs = [];

var gro = [];

var dim = [];

var dfc = [];

var vel = [];

var dir = [];

var acc = [];

var dtor = [];

var xy2 = [];

var idx = document.getElementsByTagName('div').length;

var zip = [];

var pix = "px";

for (i = 0; i < numberOfGhosts; i++){

document.write('<div id="ghosts'+(idx+i)+'"'

+' style="position:absolute;top:0px;left:0px;'

+'width:40px;height:40px;background-color:transparent;'

+'font-size:0px;"><img src="http://1.bp.blogspot.com/_dsEG33PDaHw/TLUwy8cYCsI/AAAAAAAAAZ0/kWv1B3tlak4/s1600/ghost.gif" class="ghost" width="70"/></div>');

}

if (domWw) ref = window;

else{

if (d.documentElement &&

typeof d.documentElement.clientWidth == "number" &&

d.documentElement.clientWidth != 0)

ref = d.documentElement;

else{

if (d.body &&

typeof d.body.clientWidth == "number")

ref = d.body;

}

function win(){

var mozBar = ((domWw) &&

ref.innerWidth != d.documentElement.offsetWidth)?20:0;

h = (domWw)?ref.innerHeight:ref.clientHeight;

w = (domWw)?ref.innerWidth - mozBar:ref.clientWidth;

cy = Math.floor(h/2);

cx = Math.floor(w/2);

oy1 = (75 * h / 100);

oy2 = (oy1 / 2);

ox1 = (75 * w / 100);

ox2 = (ox1 / 2);

iy1 = (18 * h / 100);

iy2 = (iy1 / 2);

ix1 = (18 * w / 100);

ix2 = (ix1 / 2);

field = (h > w)?h:w;

}

function rst(s){

var cyx;

sy = (domSy)?ref.pageYOffset:ref.scrollTop;

sx = (domSy)?ref.pageXOffset:ref.scrollLeft;

acc[s] = 0;

dim[s] = 1;

xy2[s] = 0;

cyx = Math.round(Math.random() * 2);

if (cyx == 0){

y[s] = (cy - iy2) + Math.floor(Math.random() * iy1);

x[s] = (cx - ix2) + Math.floor(Math.random() * ix1);

}

else{

y[s] = (cy - oy2) + Math.floor(Math.random() * oy1);

x[s] = (cx - ox2) + Math.floor(Math.random() * ox1);

}

dy = y[s] - cy;

dx = x[s] - cx;

dir[s] = Math.atan2(dy,dx) * pi1;

dfc[s] = Math.sqrt(dy*dy + dx*dx) ;

zip[s] = 10 * (dfc[s] + inTheFace) / 100;

vel[s] = ghostSpeed * dfc[s] / 100;

dtor[s] = (field - dfc[s]);

if (dtor[s] < 1) dtor[s] = 1;

gro[s] = 0.003 * dtor[s] / 100;

}

function animate(){

for (i = 0; i < numberOfGhosts; i++){

y[i] += vel[i] * Math.sin(dir[i] * pi2);

x[i] += vel[i] * Math.cos(dir[i] * pi2);

acc[i] = (vel[i] / (dfc[i] + (vel[i] * zip[i])) * vel[i]);

vel[i] += (acc[i]);

dim[i] += gro[i] + acc[i] / zip[i];

xy2[i] = dim[i] / 2;

if (y[i] < 0 + xy2[i] ||

x[i] < 0 + xy2[i] ||

y[i] > h - xy2[i] ||

x[i] > w - xy2[i]){

rst(i);

}

strs[i].top = (y[i] - xy2[i]) + sy + pix;

strs[i].left = (x[i] - xy2[i]) + sx + pix;

strs[i].width = (strs[i].height = (Math.round(dim[i])) + pix);

}

setTimeout(animate,setTimeOutSpeed);

}

function init(){

win();

for (i = 0; i < numberOfGhosts; i++){

strs[i] = document.getElementById("ghosts"+(idx+i)).style;

rst(i);

}

animate();

}

if (window.addEventListener){

window.addEventListener("resize",win,false);

window.addEventListener("load",init,false);

}

else if (window.attachEvent){

window.attachEvent("onresize",win);

window.attachEvent("onload",init);

}

})();

}//End.

</script>    <style>  .ghost {  filter:alpha(opacity=30);  -moz-opacity: 0.3;  opacity: 0.3;  -khtml-opacity: 0.3;  }  html {  overflow-x:hidden;  }  </style>

Trineo de santa claus volando en tu web
TEXTO POR ENCIMA DE LA PÁGINA

TEXTO ROTATIVO

MENSAJE SOBRE TEXTO AL TRANSCURRIR SEGUNDOS

PUNTERO CAMBIA SEGUN DIRECCIÓN DEL MOUSE

TEXTO ROTANDO SOBRE EL PUNTERO DEL RATON

Texto Efecto Mecanografía. Este código aparecen su párrafos a intervalos como si se escribiesen a mecanografía

<script><!--

//Secify scroller contents
var line=new Array()
line[1]="AQUI PON EL TEXTO QUE QUIERAS"
line[2]="AQUI PON EL TEXTO QUE QUIERAS"
line[3]="AQUI PON EL TEXTO QUE QUIERAS"
line[4]="AQUI PON EL TEXTO QUE UQIERAS"
line[5]="AQUI PON EL TEXTO QUE QUIERAS"
line[6]="AQUI PON EL TEXTO QUE QUIERAS"

//Specify font size for scoller
var ts_fontsize="12px"

//--Don't edit below this line

var longestmessage=1
for (i=2;i<line>line[longestmessage].length)
longestmessage=i
}

//Auto set scroller width
var tscroller_width=line[longestmessage].length

lines=line.length-1 //--Number of lines

//if IE 4+ or NS6
if (document.all||document.getElementById){
document.write('<form>')
document.write('<input>')
document.write('</form>')
}

temp=""
nextchar=-1;
nextline=1;
cursor="]"
function animate(){
if (temp==line[nextline] & temp.length==line[nextline].length & nextline!=lines){
nextline++;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",3000)}
else if (nextline==lines & temp==line[nextline] & temp.length==line[nextline].length){
nextline=1;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",1000)}
else{
nextstep()}}

function nextstep(){

if (cursor==""){
cursor="|"}
else if (cursor=="|"){
cursor="/"}
else if (cursor=="/"){
cursor="-"}
else if (cursor=="-"){
cursor=""}

nextchar++;
temp+=line[nextline].charAt(nextchar);
document.bannerform.banner.value=temp+cursor
setTimeout("animate()",25)}

//if IE 4+ or NS6
if (document.all||document.getElementById)
window.onload=animate
// --></script>

Menú

Tab Menu
Texto por encima de la página

Donde quieras que aparezca

Tab Menu B
Texto por encima de la página

Donde quieras que aparezca

Tab Menu C
Texto por encima de la página

Donde quieras que aparezca

Tab Menu D
Texto por encima de la página

Donde quieras que aparezca

Tab Menu E
Texto por encima de la página

Donde quieras que aparezca

Nombre:	F.Nac.: DNI:
Apellidos:
Calle y número:
Código Postal:	Ciudad:
Provincia:	Teléfono:
Opción:	Escoja una opción
Comentarios personales:
Pulse aquí:

Hoy habia 52 visitantes (65 clics a subpáginas) ¡Aqui en esta página!

Nombre:
Direccion E-mail:
como llegaste hasta esta pagina?
Tus comentatios:

Webmaster

Cursos

Entretenimiento

Móviles

CODIGOS HTML 1

Libro de visitas de www.mjbsanlucar.es.tl

FaceBook

android

Pc

videoconsolas

Nombre:
Email:
Comentario: