LA
   
  Ayuda Web
  Javascripts nuevos
 
Cambiar el color de fondo cuando se carga la página






Mensaje al pasar el mouse por encima del texto






Proteger una página con contraseña






Penalizar con un número de clicks al presionar 2 veces el botón derecho






Cambia el color de fondo al pasar el mouse por encima:






Imagen de cursor con estela






Fecha






Abre una ventana en forma de persiana






Imagen sigue ratón






Imagen se pasea por la toda la ventana






Frase firme sigue ratón






Textos en la barra de estado como si fueran máquina de escribir






Marquesina que pone dos mensajes






Una marquesina sigue al mouse






Texto ke pasea por la ventana






Menú desplegable






Menú ke aparece al presionar el botón derecho del mouse






El cursor parece una mira






Nevando en la página






Reloj en javascript






Creo que el más popular (Haz que tu página tiemble)






El que se está poniendo de moda (ver unidad C)






Para webs sin frames, mantiene tu web en primer plano.






Texto y hora en el status.






Banner rotatorio (puedes agregar los banners ke kieras)






Saludo al entrar a la página:






Hola y adiós






Alerta al presionar el botón derecho






Animar barra de estado






Botones animados






Animar barra de título






Poner color a las barras de desplazamiento






Mensaje al pasar el mouse por encima del texto






Proteger una página con contraseña






Penalizar con un número de clicks al presionar 2 veces el botón derecho







CODIGOS HTML

 

 
 
ESTOS SON LOS MEJORES RELOJES PARA PAGINAS WEB SIMPLEMENTE INSERTAR EN FORMATO HTML Y YA.
 
CODIGO RELOJ DIGITAL
 
NEGRO
<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj = new Object;obj.clockfile = "5012-black.swf";obj.TimeZone = "GMT-0500";obj.width = 151;obj.height = 50;obj.wmode = "transparent";showClock(obj);</script>
 
AZUL
 
<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj = new Object;obj.clockfile = "5012-blue.swf";obj.TimeZone = "GMT-0500";obj.width = 151;obj.height = 50;obj.wmode = "transparent";showClock(obj);</script>
 
VERDE
<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj = new Object;obj.clockfile = "5012-green.swf";obj.TimeZone = "GMT-0500";obj.width = 151;obj.height = 50;obj.wmode = "transparent";showClock(obj);</script>
 
NARANJA
 
<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj = new Object;obj.clockfile = "5012-orange.swf";obj.TimeZone = "GMT-0500";obj.width = 151;obj.height = 50;obj.wmode = "transparent";showClock(obj);</script>
 
RELOJ ESTILO MAPA
AZUL
<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj = new Object;obj.clockfile = "world001-blue.swf";obj.TimeZone = "GMT-0500";obj.width = 720;obj.height = 375;obj.wmode = "transparent";showClock(obj);</script>
 
VERDE
<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj = new Object;obj.clockfile = "world001-green.swf";obj.TimeZone = "GMT-0500";obj.width = 720;obj.height = 375;obj.wmode = "transparent";showClock(obj);</script>
 
ROJO
<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj = new Object;obj.clockfile = "world001-red.swf";obj.TimeZone = "GMT-0500";obj.width = 720;obj.height = 375;obj.wmode = "transparent";showClock(obj);</script>
 
GRIS
<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj = new Object;obj.clockfile = "world001-gray.swf";obj.TimeZone = "GMT-0500";obj.width = 720;obj.height = 375;obj.wmode = "transparent";showClock(obj);</script>
 
 
RELOJ REDONDO CAFE
<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj = new Object;obj.clockfile = "0022-brown.swf";obj.TimeZone = "GMT-0500";obj.width = 135;obj.height = 135;obj.wmode = "transparent";showClock(obj);</script>
 
 
CODIGO MUSICA
 
Este es el codigo que tendreis que poner para reproducir la música de fondo:
<bgsound src="tumusica.mid" loop="-1">
 
 
 
CODIGO PARA AGREGAR INDICADORES ECONÓMICOS A TU PÁGINA WEB. PARA COLOMBIA
 
<!-- Dolar Wilkinsonpc Start --><IFRAME SRC="http://www.wilkinsonpc.com.co/free/indicadores-economicos.html" WIDTH=134 HEIGHT=70 ALIGN=top FRAMEBORDER=0 MARGINWIDTH=0 MARGINHEIGHT=0 SCROLLING=no NAME=COP-USD6 ALLOWTRANSPARENCY="true"></IFRAME><noscript><a href="http://www.wilkinsonpc.com.co/free/dolar-hoy.html">Dolar Hoy</a></noscript><!-- Dolar Wilkinsonpc End -->
 
 
Este código crea el efecto de unos puntos alrededor del puntero del ratón
 
<layer NAME="a0" LEFT="10" TOP="10" VISIBILITY="SHOW"
BGCOLOR="#008888" CLIP="0,0,3,3">
</layer>
<layer NAME="a1" LEFT="10" TOP="10" VISIBILITY="SHOW"
BGCOLOR="#888800" CLIP="0,0,3,3">
</layer>
<layer NAME="a2" LEFT="10" TOP="10" VISIBILITY="SHOW"
BGCOLOR="#880088" CLIP="0,0,3,3">
</layer>
<layer NAME="a3" LEFT="10" TOP="10" VISIBILITY="SHOW"
BGCOLOR="#880000" CLIP="0,0,3,3">
</layer>
<layer NAME="a4" LEFT="10" TOP="10" VISIBILITY="SHOW"
BGCOLOR="#008800" CLIP="0,0,3,3">
</layer>
<layer NAME="a5" LEFT="10" TOP="10" VISIBILITY="SHOW"
BGCOLOR="#000088" CLIP="0,0,3,3">
</layer>
<layer NAME="a6" LEFT="10" TOP="10" VISIBILITY="SHOW"
BGCOLOR="#000000" CLIP="0,0,3,3">
</layer>
<script>
var clr=new Array("880000","008800","000088","888800","880088","008888","000000")
if (document.all){
document.write('<div id="starsDiv" style="position:absolute;top:0px;left:0px">')
for (xy=0;xy<7;xy++)
document.write('<div style=
"position:relative;width:3px;height:3px;background:#'+clr[xy]+';font-size:2px;visibility:visible"></div>')
document.write('</div>')
}
if (document.layers)
{window.captureEvents(Event.MOUSEMOVE);}
var yBase = 200;
var xBase = 200;
var yAmpl = 10;
var yMax = 40;
var step = .2;
var ystep = .5;
var currStep = 0;
var tAmpl=1;
var Xpos = 1;
var Ypos = 1;
var i = 0;
var j = 0;
if (document.all)
{
function MoveHandler(){
Xpos = document.body.scrollLeft+event.x;
Ypos = document.body.scrollTop+event.y;
}
document.onmousemove = MoveHandler;
}
else if (document.layers)
{
function xMoveHandler(evnt){
Xpos = evnt.pageX;
Ypos = evnt.pageY;
}
window.onMouseMove = xMoveHandler;
}
function animateLogo() {
if (document.all)
{
yBase = window.document.body.offsetHeight/4;
xBase = window.document.body.offsetWidth/4;
}
else if (document.layers)
{
yBase = window.innerHeight/4 ;
xBase = window.innerWidth/4;
}
if (document.all)
{
var totaldivs=document.all.starsDiv.all.length
for ( i = 0 ; i < totaldivs ; i++ )
{
var tempdiv=document.all.starsDiv.all[i].style
tempdiv.top = Ypos + Math.cos((20*Math.sin(currStep/20))+i*70
)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10);
tempdiv.left = Xpos + Math.sin((20*Math.sin(currStep/20))+i*70)
*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10);
}
}
else if (document.layers)
{
for ( j = 0 ; j < 7 ; j++ )
{
var templayer="a"+j
document.layers[templayer].top = Ypos + Math.cos((20*Math.sin(currStep/20))+j*70)
*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*25)/10);
document.layers[templayer].left =Xpos + Math.sin((20*Math.sin(currStep/20))+j*70)
*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*25)/10);
}
}
currStep += step;
setTimeout("animateLogo()", 15);
}
animateLogo();
</script>
 
IR PAGINA ATRAS
<a href="javascript:window.history.go(-1)">Atrás</a>
IR PAGINA ADELANTE
<a href="javascript:window.history.go(1)">Adelante</a>
 CREAR MARQUESINA, DONDE VA TITULO LE COLOCAS LO QUE QUIERAS.
<FONT color=#FFFFFFF><marquee behavior=alternate>TITULO</marquee>
 
PARA IMAGENES
<img src="URL DE TU IMAGEN"/>
 
EMISORA
Para crear una link que abra la ventanilla de Radio Troll en Vivo:
<p><a href="#" onclick="MM_openBrWindow('http://www.creepingtrolls.com/radiotroll/base.html','radio','width=450,height=220')">¡¡¡DE CLICK AQUI PARA ESCUCHAR RADIO TROLL!!!</a><p/>
 
Para colocar el reproductor de Radio Troll Directamente en tu página:
 
 <p>
    <object id="WMPlay" width="400" height="50" classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"codebase=                          "http://activex.microsoft.com/activex/   controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" standby="Carregando a Rádio Aguarde!" type="application/x-oleobject">
      <param name="FileName" value="http://64.22.85.15:8002/" />
      <param name="AutoStart" value="True" />
      <param name="TransparentAtStart" value="True" />
      <param name="ShowControls" value="2" />
      <param name="Volume" value="0" />
      <param name="ShowDisplay" value="0" />
      <param name="ShowStatusBar" value="100" />
     <param name="AutoSize" value="1" />
      <param name="AnimationAtStart" value="1" />
      <!--Plugin para o Netscape-->
      <embed src="http://64.22.85.15:8002/" width="400" height="50" autostart="True" type="application/x-mplayer2" id="MediaPlayer" transparentatstart="True" showcontrols="2" showdisplay="0" showstatusbar="100" filename="http://64.22.85.15:8002/" volume="0" autosize="1" animationatstart="1"> </embed>
    </object>
 <p></p>
 
CODIGO PARA PONERLE MARCO A LAS FOTOS.
<TABLE cellSpacing=0 bgColor=#663333 bordercolor="#00FF00" border=4> <TR>
<TD><img alt="Título de tu imágen" src="dirección de la imágen" ></TD>

</TR></TABLE>
 
 PARA IMAGEN
Para insertar una imagen dentro del texto, el código que ha de poner es <img src="dirección de la imagen">
Por ejemplo, <img src="http://www.libertaddigital.com/fotos/noticias/dcoizapatero060705.jpg">

 <IMG SRC="NOMBRE DE IMAGEN" ALT= "TEXTO QUE VA SALIR CUANDO SE COLOQUE EL MOUSE ENCIMA">
 
BARRA DE DESPLAZAMIENTO
 
<DIV align="center"><div style="width:300pt; height:150pt;background-color: #000000;color: #FF0000;border-style: double;border-color: #00FF00;overflow: scroll;scrollbar-face-color: #000000;scrollbar-highlight-color: #FF0000;scrollbar-shadow-color: #FF0000;scrollbar-3dlight-color: #FF0000;scrollbar-arrow-color: #FF0000;scrollbar-darkshadow-color: #FF0000;border-bottom: 4px double #00FF00"<p align="center">Aquí va el texto ó el código HTML</P></DIV></DIV>
 
 
Escribe lo que quieras donde pone Aquí va tu texto o código HTML y modifica los parametros según tus preferencias de acuerdo las siguientes normas:
- Width: ancho del recuadro
- Height: altura del recuadro
- Back Ground-color: color de fondo del recuadro
- Color: color de texto
- Border-Stule: estilo del borde (none | dotted | dashed | solid | double | groove | ridge | inset | outset)
- Border-Color: color del borde
- Overflow: tipo de Text box: visible { overflow: visible; } hidden { overflow: hidden; } scroll { overflow: scroll; } auto { overflow: auto}
- Scrollbar-face-color: color de la cara de la barra de desplazamiento
- Scrollbar-highlight-color: brillo de la barra de desplazamiento
- Scrollbar-shadow-color: color de la sombra de la barra de desplazamiento
- Scrollbar-3dlight-color: color del efecto 3D de la barra de desplazamiento
- Scrollbar-arrow-color: color de la flecha de la barra de desplazamiento
- Scrollbar-darkshadow-color: la parte oscura de la sombra de la barra de desplazamiento
- Border-bottom: estilo (none | dotted | dashed | solid | double | groove | ridge | inset | outset) y color del borde inferior
También podrás cambiar el alto y el ancho del cuadro flotante una vez introducido el código en modo <HTML> si pulsas después el botón <HTML> de la barra de herramientas y seleccionas el cuadro verás como aparecen en las esquinas y en los centros laterales y superior e inferior unos recuadros pequeños donde poder agrandar o acortar el cuadro; de la misma manera también podrás agregar texto en este modo e imagenes
 
 
OTRO CODIGO PARA BARRA DE DESPLAZAMIENTO
Se le puede cambiar el color sustituyendolo y escribiendolo en ingles, tambien el titulo y el texto agregandole el que ustedes quieran. ah y se me olvidaba el tamaño tambien, solo deben modificar el 170 y el 150 y ya está.
 
<DIV style="OVERFLOW: scroll; WIDTH: 170px; HEIGHT: 150px; BACKGROUND-COLOR: black"><BIG>TITULO</BIG>TEXTO</DIV>
 
 
CODIGO TELEVESION FRANCESA
 
<OBJECT id='mediaPlayer' width="384" height="333" classid='CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95'codebase=
'http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#
Version=5,1,52,701'
standby='Loading Microsoft Windows Media Player components...' type='application/x-oleobject'><param
name='fileName'value="mms://vipmms9.yacast.net/bfm_bfmtv"><param name='animationatStart'
value='true'><param name='transparentatStart' value='true'><PARAM NAME="ShowStatusBar"
VALUE="1"><param name='autoStart' value="true"><param name='showControls'
value="true"><param name='loop' value="true"><EMBED type='application/x-mplayer2'
pluginspage='http://microsoft.com/windows/mediaplayer/en/download/' id='mediaPlayer'
name='mediaPlayer' displaysize='4' autosize='-1'bgcolor='darkgblue'
showcontrols="true" showtracker='-1'showdisplay='0' showstatusbar='1'
videoborder3d='-1' width="384" height="333" src="mms://vipmms9.yacast.net/bfm_bfmtv"
autostart="true" designtimesp='5311' loop="true"></EMBED></OBJECT>
 
Sustituye la dirección "mms://xxxxxxx" (en dos sitios en el código) por la de la emisora de TV que quieres insertar. A modo de ejemplo, ahí van tres emisoras de tv venezonalas que emiten en directo en Internet:
Telesur:
mms://streaming2.arcoiris.tv/adsl

Venezolana de Televisión:
http://streaming.impsat.net.ve/vtv

Vive3 TVC
http://streaming.impsat.net.ve/vive_tv
 
 
PARA CHAT, PARA QUE APAREZCA EN LA PAGINA
 
<!-- Begin ParaChat Basic v7.5 Code -->
 
<iframe src='http://chat.parachat.com/roam/login.html?room=CHAT_DE_TODO&width=500&height=400&bg=FFFF00&lang=es' framespacing='0' frameborder='no' scrolling='no' width='500' height='400'>
<p>You do not have iframes enabled. <a href="http://direct.parachat.com/iframe.html">More Info</a></p></iframe>
 
<!-- End ParaChat Basic v7.5 Code -->
 
CHAT PARA QUE APAREZCA UN ICONO QUE ABRE UNA VENTANA NUEVA
 
<!-- Begin ParaChat Basic v7.5 Code -->
 
<form><input type="image" src="http://chat.parachat.com/images/pc.gif" border="0" onClick="window.open('http://chat.parachat.com/roam/login.html?room=CHAT_DE_TODO&width=500&height=400&bg=FFFF00&lang=es', 'parachat', 'width=500,height=400,location=no,menubar=no')"> </form>
 
<!-- End ParaChat Basic v7.5 Code -->
 
PARA CONFUGURARLO A SU GUSTO ENTREN A http://www.parachat.com.
 
 
 
         

 
 
 
 
 
 
  Hoy habia 12750 visitantes (23943 clics a subpáginas) ¡Aqui en esta página!  
 
LA Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis