CODIGOS HTML
ESTOS SON LOS MEJORES RELOJES PARA PAGINAS WEB SIMPLEMENTE INSERTAR EN FORMATO HTML Y YA.
CODIGO RELOJ DIGITAL
NEGRO
<script src="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://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">
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
<object id="Player" height="170" width="250" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" viewastext>
<param name="rate" value="1">
<param name="balance" value="0">
<param name="currentPosition" value="0">
<param name="defaultFrame" value="">
<param name="playCount" value="1">
<param name="autoStart" value="-1">
<param name="currentMarker" value="0">
<param name="invokeURLs" value="-1">
<param name="baseURL" value="">
<param name="volume" value="50">
<param name="mute" value="0">
<param name="uiMode" value="full">
<param name="stretchToFit" value="0">
<param name="windowlessVideo" value="0">
<param name="enabled" value="-1">
<param name="enableContextMenu" value="-1">
<param name="fullScreen" value="0">
<param name="SAMIStyle" value="">
<param name="SAMILang" value="">
<param name="SAMIFilename" value="">
<param name="captioningID" value="">
<param name="enableErrorDialogs" value="-1">
<param name="_cx" value="9260">
<param name="_cy" value="11113">
</object>
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="https://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=
'https://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='https://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:
https://streaming.impsat.net.ve/vtv
Vive3 TVC
https://streaming.impsat.net.ve/vive_tv
PARA CHAT, PARA QUE APAREZCA EN LA PAGINA
<!-- Begin ParaChat Basic v7.5 Code -->
<iframe src='https://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="https://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="https://chat.parachat.com/images/pc.gif" border="0" onClick="window.open('https://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>