TVD OnLine - Codigos - Recursos Gratis para el Webmaster

:: Contenidos ::

● Home
● Gana dinero con tu Web
● Alta en Buscadores
● Hosting
● Redireccionamiento
● Códigos
● Foros
● Programas
● Utilidades
● Juegos On Line
● Buscadores en tu Web
● Antivirus OnLine
● SHOPPING ONLINE

Registrate Gratis
en Mercado Libre

TVD OnLine

Recursos Gratis Para el Webmaster

Codigos

Marco que ocupa toda la pantalla. HTML
<HTML><HEAD> <TITLE>Index - TVD OnLine </TITLE></HEAD> <FRAMESET rows="100%" BORDER=0 FRAMEBORDER=0 FRAMESPACING=0> <FRAME NAME="top" SRC="http://www.tvdonline.com.ar/" NORESIZE></FRAMESET></HTML>

Botones Atrás Actualizar y Adelante. HTML
<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">

Calendario.. Javascript
<script LANGUAGE="JavaScript">    </SCRIPT>

Mensaje de Copyright que cambia automáticamente de año. Javascript
<script language="JavaScript"> copyright=new Date(); update=copyright.getYear(); document.write("Copyright © 2001-"+ update + " (your site name) All rights Reserved."); </script>

Aplicar un Estilo a un párrafo. HTML
<style type="text/css"> P (text-indent: 15px; font:12px verdana; width:580px; text-align:justify; ) </style>

No Cache. Pegar entre <HEAD> y </HEAD>
<META http-equiv="Pragma" content="no-cache">

Alerta al entrar a una página. Javascript
<script language="JavaScript"> alert("Escriba aqui su mensaje"); </script>

Botón derecho deshabilitado. Sin alerta. Javascript
<script language="Javascript">  </script>

Botón derecho deshabilitado. Aparece un Alerta. Javascript
<script language="JavaScript">  </script>

Efecto Nieve. Script
<script>  var no = 5; // snow number var speed = 15; // smaller number moves the snow faster var snowflake = "dot.gif"; var ns4up = (document.layers) ? 1 : 0; // browser sniffer var ie4up = (document.all) ? 1 : 0; var dx, xp, yp; // coordinate and position variables var am, stx, sty; // amplitude and step variables var i, doc_width = 400, doc_height = 500; if (ns4up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = 500; doc_height = 500; } dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); for (i = 0; i < no; ++ i) { dx[i] = 0; // set coordinate variables xp[i] = Math.random()*(doc_width-50); // set position variables yp[i] = Math.random()*doc_height; am[i] = Math.random()*20; // set amplitude variables stx[i] = 0.02 + Math.random()/10; // set step variables sty[i] = 0.7 + Math.random(); // set step variables if (ns4up) { // set layers if (i == 0) { document.write("<layer name=\"dot"+ i +"\" left=\"15\" "); document.write("top=\"15\" visibility=\"show\"><img src=\""); document.write(snowflake + "\" border=\"0\"></layer>"); } else { document.write("<layer name=\"dot"+ i +"\" left=\"15\" "); document.write("top=\"15\" visibility=\"show\"><img src=\""); document.write(snowflake + "\" border=\"0\"></layer>"); } } else if (ie4up) { if (i == 0) { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\""); document.write(snowflake + "\" border=\"0\"></div>"); } else { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\""); document.write(snowflake + "\" border=\"0\"></div>"); } } } function snowNS() { // Netscape main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = self.innerWidth; doc_height = self.innerHeight; } dx[i] += stx[i]; document.layers["dot"+i].top = yp[i]; document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowNS()", speed); } function snowIE() { // IE main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx[i] += stx[i]; document.all["dot"+i].style.pixelTop = yp[i]; document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowIE()", speed); } if (ns4up) { snowNS(); } else if (ie4up) { snowIE(); } </script> 

Recargar Página. Javascript
<script language="JavaScript"> //Refresh page script- By Brett Taylor (glutnix@yahoo.com.au) //Modified by Dynamic Drive for NS4, NS6+ //Visit http://www.dynamicdrive.com for this script //configure refresh interval (in seconds) var countDownInterval=06; //configure width of displayed text, in px (applicable only in NS4) var c_reloadwidth=50 </script> <ilayer id="c_reload" width=&{c_reloadwidth}; ><layer id="c_reload2" width=&{c_reloadwidth}; left=0 top=0></layer></ilayer> <script> var countDownTime=countDownInterval+1; function countDown(){ countDownTime--; if (countDownTime <=0){ countDownTime=countDownInterval; clearTimeout(counter) window.location.reload() return } if (document.all) //if IE 4+ document.all.countDownText.innerText = countDownTime+" "; else if (document.getElementById) //else if NS6+ document.getElementById("countDownText").innerHTML=countDownTime+" " else if (document.layers){ //CHANGE TEXT BELOW TO YOUR OWN document.c_reload.document.c_reload2.document.write('Next <a href="javascript:window.location.reload()">refresh</a> in <b id="countDownText">'+countDownTime+' </b> seconds') document.c_reload.document.c_reload2.document.close() } counter=setTimeout("countDown()", 1000); } function startit(){ if (document.all||document.getElementById) //CHANGE TEXT BELOW TO YOUR OWN document.write('Next <a href="javascript:window.location.reload()">refresh</a> in <b id="countDownText">'+countDownTime+' </b> seconds') countDown() } if (document.all||document.getElementById) startit() else window.onload=startit </script>

Calendario Dinámico. Javascript
-- Pegar entre <head> y </head> --- <script language="JavaScript"> /* Dynamic Calendar II (By Jason Moon at http://www.jasonmoon.net) Permission granted to Dynamicdrive.com to include script in archive For this and 100's more DHTML scripts, visit http://dynamicdrive.com */ var ns6=document.getElementById&&!document.all var ie4=document.all var Selected_Month; var Selected_Year; var Current_Date = new Date(); var Current_Month = Current_Date.getMonth(); var Days_in_Month = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31); var Month_Label = new Array('January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'); var Current_Year = Current_Date.getYear(); if (Current_Year < 1000) Current_Year+=1900 var Today = Current_Date.getDate(); function Header(Year, Month) { if (Month == 1) { Days_in_Month[1] = ((Year % 400 == 0) || ((Year % 4 == 0) && (Year % 100 !=0))) ? 29 : 28; } var Header_String = Month_Label[Month] + ' ' + Year; return Header_String; } function Make_Calendar(Year, Month) { var First_Date = new Date(Year, Month, 1); var Heading = Header(Year, Month); var First_Day = First_Date.getDay() + 1; if (((Days_in_Month[Month] == 31) && (First_Day >= 6)) || ((Days_in_Month[Month] == 30) && (First_Day == 7))) { var Rows = 6; } else if ((Days_in_Month[Month] == 28) && (First_Day == 1)) { var Rows = 4; } else { var Rows = 5; } var HTML_String = '<table><tr><td valign="top"><table BORDER=4 CELLSPACING=1 cellpadding=2 FRAME="box" BGCOLOR="C0C0C0" BORDERCOLORLIGHT="808080">'; HTML_String += '<tr><th colspan=7 BGCOLOR="FFFFFF" BORDERCOLOR="000000">' + Heading + '</font></th></tr>'; HTML_String += '<tr><th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Sun</th><th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Mon</th><th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Tue</th><th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Wed</th>'; HTML_String += '<th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Thu</th><th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Fri</th><th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Sat</th></tr>'; var Day_Counter = 1; var Loop_Counter = 1; for (var j = 1; j <= Rows; j++) { HTML_String += '<tr ALIGN="left" VALIGN="top">'; for (var i = 1; i < 8; i++) { if ((Loop_Counter >= First_Day) && (Day_Counter <= Days_in_Month[Month])) { if ((Day_Counter == Today) && (Year == Current_Year) && (Month == Current_Month)) { HTML_String += '<td BGCOLOR="FFFFFF" BORDERCOLOR="000000"><strong><font color="red">' + Day_Counter + '</font></strong></td>'; } else { HTML_String += '<td BGCOLOR="FFFFFF" BORDERCOLOR="000000">' + Day_Counter + '</td>'; } Day_Counter++; } else { HTML_String += '<td BORDERCOLOR="C0C0C0"> </td>'; } Loop_Counter++; } HTML_String += '</tr>'; } HTML_String += '</table></td></tr></table>'; cross_el=ns6? document.getElementById("Calendar") : document.all.Calendar cross_el.innerHTML = HTML_String; } function Check_Nums() { if ((event.keyCode < 48) || (event.keyCode > 57)) { return false; } } function On_Year() { var Year = document.when.year.value; if (Year.length == 4) { Selected_Month = document.when.month.selectedIndex; Selected_Year = Year; Make_Calendar(Selected_Year, Selected_Month); } } function On_Month() { var Year = document.when.year.value; if (Year.length == 4) { Selected_Month = document.when.month.selectedIndex; Selected_Year = Year; Make_Calendar(Selected_Year, Selected_Month); } else { alert('Please enter a valid year.'); document.when.year.focus(); } } function Defaults() { if (!ie4&&!ns6) return var Mid_Screen = Math.round(document.body.clientWidth / 2); document.when.month.selectedIndex = Current_Month; document.when.year.value = Current_Year; Selected_Month = Current_Month; Selected_Year = Current_Year; Make_Calendar(Current_Year, Current_Month); } function Skip(Direction) { if (Direction == '+') { if (Selected_Month == 11) { Selected_Month = 0; Selected_Year++; } else { Selected_Month++; } } else { if (Selected_Month == 0) { Selected_Month = 11; Selected_Year--; } else { Selected_Month--; } } Make_Calendar(Selected_Year, Selected_Month); document.when.month.selectedIndex = Selected_Month; document.when.year.value = Selected_Year; } </script> -------------------------------------------------------------- En el BODY <BODY onLoad="Defaults()"> ---------------------------------------------------------- entre <body> y </body> <div id=NavBar style="position:relative;width:286px;top:5px;" align="left"> <form name="when"><table> <tr> <td><input type="button" value="<-- Last" onClick="Skip('-')"></td> <td> </td> <td><select name="month" onChange="On_Month()"> <script language="JavaScript1.2"> if (ie4||ns6){ for (j=0;j<Month_Label.length;j++) { document.writeln('<option value=' + j + '>' + Month_Label[j]); } } </script> </select> </td> <td><input type="text" name="year" size=4 maxlength=4 onKeyPress="return Check_Nums()" onKeyUp="On_Year()"></td> <td> </td> <td><input type="button" value="Next -->" onClick="Skip('+')"></td> </tr></table></form></div> <div id=Calendar style="position:relative;width:238px;top:-2px;" align="left"></div>

Contador de Visitas. Javascript
<html><head><title>TVD OnLine</title> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </head><body> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </body></html>

Efecto en barra de título. Javascript
<HTML><HEAD><TITLE>Efecto Especiel en el titulo de la Ventana</TITLE> <script language="JavaScript"></script> </HEAD><BODY></BODY></HTML>

Enviar Postal. HTML
<html><head><title>Enviar Postal</title></head><body>  <input type="button" value="Enviar postal" onclick="window.location = 'mailto:?subject=Postal&body=<img src=imagenz.gif>'"> </body></html>

Fecha actual en la barra de titulo. Javascript
<html><head> <script language="JavaScript1.2">  </script> </head><body></body></html>

Fecha y hora en barra de estado. Javascript
<HTML><HEAD><TITLE>Fecha y hora en Barra de Estado</TITLE> <script> var all; var month; var period; var day; function time(){ var currentDate=new Date() hour=currentDate.getHours() min=currentDate.getMinutes() sec=currentDate.getSeconds() date=currentDate.getDate() switch(currentDate.getMonth()){ case 0:month="Enero";break; case 1:month="Febrero";break; case 2:month="Marzo";break; case 3:month="Abril";break; case 4:month="Mayo";break; case 5:month="Junio";break; case 6:month="Julio";break; case 7:month="Agosto";break; case 8:month="Septiembre";break; case 9:month="Octubre";break; case 10:month="Noviembre";break; case 11:month="Diciembre";break; } switch(currentDate.getDay()){ case 0:day="Domingo";break; case 1:day="Lunes";break; case 2:day="Martes";break; case 3:day="Miercoles";break; case 4:day="Jueves";break; case 5:day="Viernes";break; case 6:day="Sabado";break; } if(sec<10){sec="0"+sec} if(min<10){min="0"+min} if(hour>12){hour-=12;period="pm"} else {period="am"} if(currentDate.getHours()==12){period="pm"} if(currentDate.getHours()==24){period="am"} var all="Hoy es: "+day+", "+date+" de "+month+". La hora es: "+hour+":"+min+":"+sec+period window.status=all window.setTimeout("time()",300) } time() </script> </HEAD><BODY></BODY></HTML>

Frases según la hora. Javascript
<html><head><title>Frases segun la hora</title> </head><body>  <script LANGUAGE="JavaScript"> var dt = new Date(); var hr = dt.getHours(); var msg = ((hr<12) ? "Buenos dias" :"Buenas Noches"); msg = ((hr>11)&&(hr<19) ? "Buenas Tardes" : msg); msg=" <H2> "+msg+" !</H2>"; document.write(msg); </script> </body></html>

Hora en vivo en la barra de titulo. Javascript
<html><head> <SCRIPT Language="JavaScript">  </SCRIPT><title>HORA EN VIVO EN BARRA DE TITULO</title></head><body></body></html>

Mas votación. Javascript
<HTML><HEAD><TITLE>Mas votacion</TITLE> <script language="JavaScript"> function vote () {ttms=window.open("http://www.ladireccionparaquelagentepuedavotar.com","Votar");}function cancel () {}if (confirm("¿Deseas Entrar en la Web y Votarnos? Por Favor , Votala , porque contra mas gente entre en esta web mas la actualizaré.")) {vote();} else cancel() </script></HEAD><BODY></BODY></HTML>

Menú botón derecho. Javascript
<HTML><HEAD><TiTLE>Menu boton derecho</TITLE> <STYLE>  </style> <script language="JavaScript1.2"> var menuskin=0 var display_url=0 function showmenuie5(){ var rightedge=document.body.clientWidth-event.clientX var bottomedge=document.body.clientHeight-event.clientY if (rightedge<ie5menu.offsetWidth) ie5menu.style.left=document.body.scrollLeft+event.clientX-ie5menu.offsetWidth else ie5menu.style.left=document.body.scrollLeft+event.clientX if (bottomedge<ie5menu.offsetHeight) ie5menu.style.top=document.body.scrollTop+event.clientY-ie5menu.offsetHeight else ie5menu.style.top=document.body.scrollTop+event.clientY ie5menu.style.visibility="visible" return false } function hidemenuie5(){ ie5menu.style.visibility="hidden" } function highlightie5(){ if (event.srcElement.className=="menuitems"){ event.srcElement.style.backgroundColor="highlight" event.srcElement.style.color="white" if (display_url==1) window.status=event.srcElement.url } } function lowlightie5(){ if (event.srcElement.className=="menuitems"){ event.srcElement.style.backgroundColor="" event.srcElement.style.color="black" window.status='' } } function jumptoie5(){ if (event.srcElement.className=="menuitems"){ if (event.srcElement.getAttribute("target")!=null) window.open(event.srcElement.url,event.srcElement.getAttribute("target")) else window.location=event.srcElement.url } } </script>  <script language="JavaScript1.2"> if (document.all&&window.print){ if (menuskin==0) ie5menu.className="skin0" else ie5menu.className="skin1" document.oncontextmenu=showmenuie5 document.body.onclick=hidemenuie5 } </script></HEAD><BODY></BODY></HTML>

Menú botón derecho. Javascript
<HTML><HEAD><TITLE>menu de acceso directo boton derecho</TITLE> <SCRIPT language=JavaScript>  </SCRIPT> <STYLE type=text/css>.cMenu { BORDER-RIGHT: #0000ff 2px solid; BORDER-TOP: #0000ff 2px solid; FONT-WEIGHT: normal; FONT-SIZE: 8pt; VISIBILITY: hidden; BORDER-LEFT: #0000ff 2px solid; WIDTH: 100px; CURSOR: default; COLOR: #ffffff; LINE-HEIGHT: 14px; BORDER-BOTTOM: #0000ff 2px solid; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; POSITION: absolute; BACKGROUND-COLOR: #2f5b9f } .menuitems { PADDING-RIGHT: 5px; PADDING-LEFT: 5px } </STYLE> <RIGHTCLICK> <SCRIPT language=JavaScript>  </SCRIPT> </RIGHTCLICK> </HEAD> <BODY></BODY></HTML>

Reloj Analógico. Javascript
<html><head> <xml:namespace ns="urn:schemas-microsoft-com:vml" prefix="v" /> <object id="VMLRender" codebase="vgx.dll" classid="CLSID:10072CEC-8CC1-11D1-986E-00A0C955B42E"> </object> <style>  </style> <script language="JavaScript1.2">  </script> <title>Reloj Analogico</title></head><body> <v:group id="clock" coordsize="100 100" style="position: relative;"> <v:oval style="width: 100%; height: 100%"> <v:stroke weight="10px" color="gray"/>  </v:oval> <v:group id="secondsPointer" style="width: 100%; height: 100%; position: absolute; top: 0px; left: 0px;"> <v:line from="50,50" to="50,5"> <v:stroke weight="2px" endcap="round" color="navy"/> </v:line> </v:group> <v:group id="minutesPointer" style="width: 100%; height: 100%; position: absolute; top: 0px; left: 0px;"> <v:line from="50,50" to="50,8"> <v:stroke weight="4px" endcap="round" color="navy"/> </v:line> </v:group> <v:group id="hoursPointer" style="width: 100%; height: 100%; position: absolute; top: 0px; left: 0px;"> <v:line from="50,50" to="50,18"> <v:stroke weight="7px" endcap="round" color="navy"/> </v:line> </v:group> </v:group> </body></html>

Texto en movimiento en la ventana. Javascript
<html><head><title>Texto en Moviento en la Ventana</title> <style type="text/css"> #supertext { position:absolute; left:0; top:0; visibility:hide; visibility:hidden; } </style></head><body> <script language="JavaScript1.2"> /* Bouncy message script- By Dynamicdrive.com Code based on Lloyd Hassell's, at http://www.dynamicdrive.com/dynamicindex4/bounceimage.htm For full source, TOS, and 100s DTHML scripts, visit http://dynamicdrive.com */ //Configure the below three variables //1) Set message to display (HTML accepted) var thecontent='<h2><font color="#0000FF">TVD OnLine Recursos Gratis para Web Master</font></h2>' //2) Set delay after which message should be hidden, in miliseconds ('' makes it incessantly visible on the screen) var hidetimer=''; //3) Set speed of animation (1-50), where larger is faster var BallSpeed = 20; ///NO NEED TO EDIT BELOW THIS LINE/////////// var contentWidth; var contentHeight; var maxBallSpeed = 50; var xMax; var yMax; var xPos = 0; var yPos = 0; var xDir = 'right'; var yDir = 'down'; var superballRunning = true; var tempBallSpeed; var currentBallSrc; var newXDir; var newYDir; function initializeBall() { if (document.all) { xMax = document.body.clientWidth yMax = document.body.clientHeight document.all("supertext").style.visibility = "visible"; contentWidth=supertext.offsetWidth contentHeight=supertext.offsetHeight } else if (document.layers) { xMax = window.innerWidth; yMax = window.innerHeight; contentWidth=document.supertext.document.width contentHeight=document.supertext.document.height document.layers["supertext"].visibility = "show"; } setTimeout('moveBall()',400); if (hidetimer!='') setTimeout("hidetext()",hidetimer) } function moveBall() { if (superballRunning == true) { calculatePosition(); if (document.all) { document.all("supertext").style.left = xPos + document.body.scrollLeft; document.all("supertext").style.top = yPos + document.body.scrollTop; } else if (document.layers) { document.layers["supertext"].left = xPos + pageXOffset; document.layers["supertext"].top = yPos + pageYOffset; } animatetext=setTimeout('moveBall()',20); } } function calculatePosition() { if (xDir == "right") { if (xPos > (xMax - contentWidth - BallSpeed)) { xDir = "left"; } } else if (xDir == "left") { if (xPos < (0 + BallSpeed)) { xDir = "right"; } } if (yDir == "down") { if (yPos > (yMax - contentHeight - BallSpeed)) { yDir = "up"; } } else if (yDir == "up") { if (yPos < (0 + BallSpeed)) { yDir = "down"; } } if (xDir == "right") { xPos = xPos + BallSpeed; } else if (xDir == "left") { xPos = xPos - BallSpeed; } else { xPos = xPos; } if (yDir == "down") { yPos = yPos + BallSpeed; } else if (yDir == "up") { yPos = yPos - BallSpeed; } else { yPos = yPos; } } function hidetext(){ if (document.all) supertext.style.visibility="hidden" else if (document.layers) document.supertext.visibility="hide" clearTimeout(animatetext) } if (document.all||document.layers){ document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>') window.onload = initializeBall; window.onresize = new Function("window.location.reload()"); } </script></body></html>

Tiempo en que estas en esta página. Javascript
<html><head><title>Pagina nueva 1</title></head> <body onLoad="startClock()"> <SCRIPT LANGUAGE="JavaScript">        </SCRIPT></body></html>

Varias Frases en la barra de estado. Javascript
<html><head> <SCRIPT>  </SCRIPT><TITLE>Varias frases en la barra de estado</TITLE></head> <BODY onLoad="Marquee()"></body></html>

Busca en google

Optimizado para una resolución de pantalla de 800 x 600 píxeles y tamaño del texto mediano
http://www.tvdonline.com.ar info@tvdonline.com.ar
Copyright 2003 - 2004 TVD OnLine