jesusito Administrador
Mensajes : 4 Fecha de inscripción : 08/01/2009
| Tema: Codigos HTML Para Tu Web Jue Ene 08, 2009 6:35 pm | |
| CODIGOS HTML
ESTOS SON LOS MEJORES RELOJES PARA PAGINAS WEB SIMPLEMENTE INSERTAR EN FORMATO HTML Y YA. CODIGO RELOJ DIGITAL (ESTE ES EL QUE TENGO EN LA PAGINA) 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 -->
| |
|