PÁGINA 4 RECURSOS PARA WEBMASTERS - CuadernoRayado.com

Ejemplo:

JAVASCRIPTS	SERVICIOS
Calendario Ver Ejemplo <html> <head> <title>Calendario - CuadernoRayado.com</title> <!-- This file retrieved from the JS-Examples archives http://www.js-examples.com 100s of free ready to use scripts, tutorials, forums. Author: ddelong - 0 --> </head> <body> <p align="center"><b><A HREF="http://www.cuadernorayado.com">Más scripts en CuadernoRayado.com</A><BR><BR>Calendario <script language="JavaScript"> <!-- for sucky browsers Months = new Array(12); Months[0] = "Enero"; Months[1] = "Febrero"; Months[2] = "Marzo"; Months[3] = "Abril"; Months[4] = "Mayo"; Months[5] = "Junio"; Months[6] = "Julio"; Months[7] = "Agosto"; Months[8] = "Septiembre"; Months[9] = "Octubre"; Months[10] = "Noviembre"; Months[11] = "Diciembre"; function PadSpaces(TheString) { var Spaces = " "; len = Math.round((9 - TheString.length)/2); return Spaces.substring(0,len) + TheString; } function NumLeapYears(StartYear, EndYear) { var LeapYears, i; if (EndYear >= StartYear){ for(LeapYears = 0; StartYear <= EndYear; StartYear++) if (IsLeapYear(StartYear)) LeapYears++; }else{ for(LeapYears = 0; EndYear <= StartYear; EndYear++) if (IsLeapYear(EndYear)) LeapYears++; } return LeapYears; } function IsLeapYear(Year) { if(Math.round(Year/4) == Year/4){ if(Math.round(Year/100) == Year/100){ if(Math.round(Year/400) == Year/400) return true; else return false; }else return true; } return false; } function Trim(TheString) { var len; len = TheString.length; while(TheString.substring(0,1) == " "){ //trim left TheString = TheString.substring(1, len); len = TheString.length; } while(TheString.substring(len-1, len) == " "){ //trim right TheString = TheString.substring(0, len-1); len = TheString.length; } return TheString; } function DetermineMonthIdx() { var i, month, month_s, len; month = Trim(document.calform.elements[4].value); len = month.length; for( i = 0; i <12; i++){ month_s = Months[i].substring(0,len); if (month_s.toUpperCase() == month.toUpperCase()) return (i); } return -1; } function FindNewYearStartingDay(Year) { var LeapYears, Years, Day; LeapYears = NumLeapYears(1995, Year); if (Year >=1995) Years = (Year -1995)+LeapYears; else Years = (Year -1995)-LeapYears; if (Year >=1995) Day = Math.round(((Years/7 - Math.floor(Years/7))7)+.1); else Day = Math.round(((Years/7 - Math.ceil(Years/7))7)-.1); if (Year >=1995){ if(IsLeapYear(Year)) Day--; }else Day += 7; if(Day < 0) Day = 6; if(Day > 6) Day = 0; return Day; } function FindNumDaysInMonth(Year, Month) { if(Month == 1){ if(IsLeapYear(Year)) return 29; else return 28; }else{ if(Month >6) Month++; if(Month/2 == Math.round(Month/2)) return 31; } return 30; } function FindMonthStartDay(NewYearDay, Year, Month) { var MonthStartDay; AddArray = new Array(12); AddArray[0]=0;AddArray[1]=3;AddArray[2]=3;AddArray[3]=6; AddArray[4]=1;AddArray[5]=4;AddArray[6]=6;AddArray[7]=2; AddArray[8]=5;AddArray[9]=0;AddArray[10]=3;AddArray[11]=5; MonthStartDay = NewYearDay + AddArray[Month]; if(IsLeapYear(Year) && (Month ) > 1) MonthStartDay ++; if (MonthStartDay > 6) MonthStartDay -= 7; return MonthStartDay; } function FillCalendar() { var Year, Month, Midx, NewYearDay, MonthStartDay; var NumDaysInMonth, i, t; Year = parseFloat(document.calform.elements[1].value); Month = document.calform.elements[4].value; Midx = DetermineMonthIdx(); if (Midx == -1){ alert ("No se reconoce el mes"); return; } NewYearDay = FindNewYearStartingDay(Year); MonthStartDay = FindMonthStartDay(NewYearDay, Year, Midx); NumDaysInMonth = FindNumDaysInMonth(Year, Midx); for(i = 6; i < 43; i++){ t = i-5-MonthStartDay; if ( t >= 1 && t <= NumDaysInMonth) document.calform.elements[i].value =t; else document.calform.elements[i].value = ""; } } function IncDecYear(val) { var valNum = parseInt(val); var valNum2 = parseInt(document.calform.elements[1].value) document.calform.elements[1].value = valNum2 + valNum; FillCalendar() } function IncDecMonth(val) { var valNum = parseInt(val); var Midx = DetermineMonthIdx(); Midx += valNum; if(Midx > 11) Midx = 0; if(Midx < 0) Midx = 11; document.calform.elements[4].value = PadSpaces(Months[Midx]); FillCalendar() } // --> </script> </b></p> <div align="center"> <table border=1 bgcolor="#000000"><tr><td align=center> <table border=0 cellspacing=0> <form name="calform"> <tr><td align=center bgcolor="#000000"><input type=button value="<<" onClick="IncDecYear(-1)"></td> <th bgcolor="#aaaaaa" colspan=5 align=center><input size=4 type=text value="1993"></th> <td align=center bgcolor="#000000"><input type=button value=">>" onClick="IncDecYear(1)"></td></tr> <tr><td align=center bgcolor="#000000"><input type=button value="<<" onClick="IncDecMonth(-1)"></td> <th bgcolor="#aaaaaa" colspan=5 align=center><input size=9 type=text value=" January "></th> <td align=center bgcolor="#000000"><input type=button value=">>" onClick="IncDecMonth(1)"></td></tr> <tr><th bgcolor="#ffcccc">Dom</td> <th bgcolor="#ccccff">Lun</td> <th bgcolor="#ccccff">Mar</td> <th bgcolor="#ccccff">Mié</td> <th bgcolor="#ccccff">Jue</td> <th bgcolor="#ccccff">Vie</td> <th bgcolor="#ccccff">Sáb</td></tr> <tr><td bgcolor="#ffcccc"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td></tr> <tr><td bgcolor="#ffcccc"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td></tr> <tr><td bgcolor="#ffcccc"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td></tr> <tr><td bgcolor="#ffcccc"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td></tr> <tr><td bgcolor="#ffcccc"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff" ><input type=text size=2></td></tr> <tr><td bgcolor="#ffcccc"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#aaaaaa" colspan=5><input type=text size="20"></td></tr> </form> </table> </td></tr></table> <script language="JavaScript"> <!-- //include this script segment if you want to set the calendar to today's date. //this MUST come after the tabled form which contains the calendar //set calendar to today's date myDate = new Date(); var Month = parseInt(myDate.getMonth()); document.calform.elements[1].value = myDate.getYear(); document.calform.elements[4].value = PadSpaces(Months[Month]); document.calform.elements[43].value = "Hoy es: " + myDate.getDate() + " " + Months[Month].substring(0,3) + ", " + (0 + myDate.getYear()); FillCalendar(); // --> </script> </div> </body> </html>	IP y ubicación en GoogleMaps Ver Ejemplo <!-- BEGIN geoiptool.com --> <script language="JavaScript" src="http://www.geoiptool.com/webjs.php?xl=es&xt=1&xw=200&xh=275"></script> <noscript><a target="_blank" href="http://www.geoiptool.com/">Geo Web Tool</a></noscript> <!-- END geoiptool.com -->
Efecto matrix en texto <html> <head> <title>Efecto matrix en texto - CuadernoRayado.com</title> <p align="center"><b><A HREF="http://www.cuadernorayado.com">Más scripts en CuadernoRayado.com</A><BR><br>Efecto matrix en texto</b></p> <style type="text/css"> .matrix { font-family:Lucida Console, Courier, Monotype; font-size:10pt; text-align:center; width:10px; padding:0px; margin:0px;} </style> <script type="text/javascript" language="JavaScript"> <!-- var rows=11; // must be an odd number var speed=50; // lower is faster var reveal=2; // between 0 and 2 only. The higher, the faster the word appears var effectalign="default" //enter "center" to center it. /*********************************************** * The Matrix Text Effect- by Richard Womersley (http://www.mf2fm.co.uk/rv) * This notice must stay intact for use * Visit http://www.dynamicdrive.com/ for full source code **********************************************/ var w3c=document.getElementById && !window.opera;; var ie45=document.all && !window.opera; var ma_tab, matemp, ma_bod, ma_row, x, y, columns, ma_txt, ma_cho; var m_coch=new Array(); var m_copo=new Array(); window.onload=function() { if (!w3c && !ie45) return var matrix=(w3c)?document.getElementById("matrix"):document.all["matrix"]; ma_txt=(w3c)?matrix.firstChild.nodeValue:matrix.innerHTML; ma_txt=" "+ma_txt+" "; columns=ma_txt.length; if (w3c) { while (matrix.childNodes.length) matrix.removeChild(matrix.childNodes[0]); ma_tab=document.createElement("table"); ma_tab.setAttribute("border", 0); ma_tab.setAttribute("align", effectalign); ma_tab.style.backgroundColor="#000000"; ma_bod=document.createElement("tbody"); for (x=0; x<rows; x++) { ma_row=document.createElement("tr"); for (y=0; y<columns; y++) { matemp=document.createElement("td"); matemp.setAttribute("id", "Mx"+x+"y"+y); matemp.className="matrix"; matemp.appendChild(document.createTextNode(String.fromCharCode(160))); ma_row.appendChild(matemp); } ma_bod.appendChild(ma_row); } ma_tab.appendChild(ma_bod); matrix.appendChild(ma_tab); } else { ma_tab='<ta'+'ble align="'+effectalign+'" border="0" style="background-color:#000000">'; for (var x=0; x<rows; x++) { ma_tab+='<t'+'r>'; for (var y=0; y<columns; y++) { ma_tab+='<t'+'d class="matrix" id="Mx'+x+'y'+y+'"> </'+'td>'; } ma_tab+='</'+'tr>'; } ma_tab+='</'+'table>'; matrix.innerHTML=ma_tab; } ma_cho=ma_txt; for (x=0; x<columns; x++) { ma_cho+=String.fromCharCode(32+Math.floor(Math.random()94)); m_copo[x]=0; } ma_bod=setInterval("mytricks()", speed); } function mytricks() { x=0; for (y=0; y<columns; y++) { x=x+(m_copo[y]==100); ma_row=m_copo[y]%100; if (ma_row && m_copo[y]<100) { if (ma_row<rows+1) { if (w3c) { matemp=document.getElementById("Mx"+(ma_row-1)+"y"+y); matemp.firstChild.nodeValue=m_coch[y]; } else { matemp=document.all["Mx"+(ma_row-1)+"y"+y]; matemp.innerHTML=m_coch[y]; } matemp.style.color="#33ff66"; matemp.style.fontWeight="bold"; } if (ma_row>1 && ma_row<rows+2) { matemp=(w3c)?document.getElementById("Mx"+(ma_row-2)+"y"+y):document.all["Mx"+(ma_row-2)+"y"+y]; matemp.style.fontWeight="normal"; matemp.style.color="#00ff00"; } if (ma_row>2) { matemp=(w3c)?document.getElementById("Mx"+(ma_row-3)+"y"+y):document.all["Mx"+(ma_row-3)+"y"+y]; matemp.style.color="#009900"; } if (ma_row<Math.floor(rows/2)+1) m_copo[y]++; else if (ma_row==Math.floor(rows/2)+1 && m_coch[y]==ma_txt.charAt(y)) zoomer(y); else if (ma_row<rows+2) m_copo[y]++; else if (m_copo[y]<100) m_copo[y]=0; } else if (Math.random()>0.9 && m_copo[y]<100) { m_coch[y]=ma_cho.charAt(Math.floor(Math.random()*ma_cho.length)); m_copo[y]++; } } if (x==columns) clearInterval(ma_bod); } function zoomer(ycol) { var mtmp, mtem, ytmp; if (m_copo[ycol]==Math.floor(rows/2)+1) { for (ytmp=0; ytmp<rows; ytmp++) { if (w3c) { mtmp=document.getElementById("Mx"+ytmp+"y"+ycol); mtmp.firstChild.nodeValue=m_coch[ycol]; } else { mtmp=document.all["Mx"+ytmp+"y"+ycol]; mtmp.innerHTML=m_coch[ycol]; } mtmp.style.color="#33ff66"; mtmp.style.fontWeight="bold"; } if (Math.random()<reveal) { mtmp=ma_cho.indexOf(ma_txt.charAt(ycol)); ma_cho=ma_cho.substring(0, mtmp)+ma_cho.substring(mtmp+1, ma_cho.length); } if (Math.random()<reveal-1) ma_cho=ma_cho.substring(0, ma_cho.length-1); m_copo[ycol]+=199; setTimeout("zoomer("+ycol+")", speed); } else if (m_copo[ycol]>200) { if (w3c) { mtmp=document.getElementById("Mx"+(m_copo[ycol]-201)+"y"+ycol); mtem=document.getElementById("Mx"+(200+rows-m_copo[ycol]--)+"y"+ycol); } else { mtmp=document.all["Mx"+(m_copo[ycol]-201)+"y"+ycol]; mtem=document.all["Mx"+(200+rows-m_copo[ycol]--)+"y"+ycol]; } mtmp.style.fontWeight="normal"; mtem.style.fontWeight="normal"; setTimeout("zoomer("+ycol+")", speed); } else if (m_copo[ycol]==200) m_copo[ycol]=100+Math.floor(rows/2); if (m_copo[ycol]>100 && m_copo[ycol]<200) { if (w3c) { mtmp=document.getElementById("Mx"+(m_copo[ycol]-101)+"y"+ycol); mtmp.firstChild.nodeValue=String.fromCharCode(160); mtem=document.getElementById("Mx"+(100+rows-m_copo[ycol]--)+"y"+ycol); mtem.firstChild.nodeValue=String.fromCharCode(160); } else { mtmp=document.all["Mx"+(m_copo[ycol]-101)+"y"+ycol]; mtmp.innerHTML=String.fromCharCode(160); mtem=document.all["Mx"+(100+rows-m_copo[ycol]--)+"y"+ycol]; mtem.innerHTML=String.fromCharCode(160); } setTimeout("zoomer("+ycol+")", speed); } } // --> </script> </head> </b> <BODY style="font-family: Verdana"> </p> <div id="matrix">CuadernoRayado.com</div> </body> </html>	Chat en tu web Ver Ejemplo <iframe src="http://www.geomundos.com/chat/chatiframe.asp?mostrar=1&alto=200&ancho=220&colorf=FFFFFF&colort=000000&colore=003399" width="220" height="200" frameborder="0" scrolling="no">Haz click para acceder al <a href="http://www.geomundos.com/chat" target="_blank">Chat de Geomundos</a></iframe>
Imprimir desde un vínculo Ver Ejemplo <html> <head> <title>Imprimir desde un vínculo - CuadernoRayado.com</title> </head> <body> <p align="center"><b><A HREF="http://www.cuadernorayado.com">Más scripts en CuadernoRayado.com</A><BR><BR>Imprimir desde un vínculo </b></p> <p><a href="javascript:print()"><font color="#0000FF">Imprimir </font></a></p> </body> </html>	El tiempo en España <table border="0" cellpadding="0" cellspacing="0" width="500" height="500"> <tr> <td width="100%" align="center" valign="top"> <iframe src="http://www.meteored.com/blanco/index.htm" width="500" height="500" SCROLLING="NO" HSPACE="0" VSPACE="0" FRAMEBORDER="0" MARGINHEIGHT="0"> <layer src="http://www.meteored.com/blanco/index.htm" width="500" height="500" SCROLLING="NO" HSPACE="0" VSPACE="0" FRAMEBORDER="0" MARGINHEIGHT="0"> </layer></iframe></td> </tr> </table>
Efecto neón en texto <html> <head> <title>Efecto neón en texto - CuadernoRayado.com</title> </head> <p align="center"><b><A HREF="http://www.cuadernorayado.com">Más scripts en CuadernoRayado.com</A><BR><br>Efecto neón en texto</b></p> <BODY style="font-family: Verdana"> </p> <h2><script language="JavaScript1.2"> //Neon Lights Text II by G.P.F. (gpf@beta-cc.de) //visit http://www.beta-cc.de //Visit http://www.dynamicdrive.com for this script var message="Bienvenido a CuadernoRayado.com" var neonbasecolor="gray" var neontextcolor="yellow" var neontextcolor2="#FFFFA8" var flashspeed=100 // speed of flashing in milliseconds var flashingletters=3 // number of letters flashing in neontextcolor var flashingletters2=1 // number of letters flashing in neontextcolor2 (0 to disable) var flashpause=0 // the pause between flash-cycles in milliseconds ///No need to edit below this line///// var n=0 if (document.all\|\|document.getElementById){ document.write('<font color="'+neonbasecolor+'">') for (m=0;m<message.length;m++) document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>') document.write('</font>') } else document.write(message) function crossref(number){ var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number) return crossobj } function neon(){ //Change all letters to base color if (n==0){ for (m=0;m<message.length;m++) crossref(m).style.color=neonbasecolor } //cycle through and change individual letters to neon color crossref(n).style.color=neontextcolor if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2 if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor if (n<message.length-1) n++ else{ n=0 clearInterval(flashing) setTimeout("beginneon()",flashpause) return } } function beginneon(){ if (document.all\|\|document.getElementById) flashing=setInterval("neon()",flashspeed) } beginneon() </script></h2> </body> </html>	Ticker informativo <iframe style="border:3 solid red" width=470 height=23 src="http://deperiodistas.com/carp/examples/hybrid/carpinter/example.php"></iframe>
Vínculo con descripción Ver Ejemplo. No funciona para IE <HTML> <HEAD> <TITLE>Vínculo con descripción - CuadernoRayado.com</TITLE> <p align="center"><b><A HREF="http://www.cuadernorayado.com">Más scripts en CuadernoRayado.com</A><BR><BR>Vinculo con descripción</b></p> <br> <script language="JavaScript"> <!-- function change(html){ description.innerHTML=html } //--> </script> <style type="text/css"> <!-- a:visited { color: #CC0033} a:link { color: #CC0033} a:active { color: #CC0033} --> </style> </HEAD> <body bgcolor="#333333"> <font size="2" face="verdana">Mueve el mouse sobre los vínculos para ver el efecto.<br> <br> <a href="http://www.google.com" onmouseover="javascript:change('Google motor de búsqueda')" onmouseout="javascript:change('')">Google</a><br> <a href="http://www.youtube.com" onmouseover="javascript:change('Buscador de videos')" onmouseout="javascript:change('')">YouTube</a><br> <a href="http://www.facebook.com" onmouseover="javascript:change('Red social')" onmouseout="javascript:change('')">Facebook</a><br> <a href="http://www.yahoo.com" onmouseover="javascript:change('La competencia de Google')" onmouseout="javascript:change('')">Yahoo</a> <br> <br> </p> <div id="description"></div> </font> </BODY> </HTML>	Información en línea <iframe style="border:3 solid red" width=200 height=252 src="http://deperiodistas.com/not/noticiero.htm"></iframe>
Página « 1,2,3,4,5 »	Página « 1,2,3,4,5 »

MSN Online
Google Talk Online
Generador Páginas web
Generador Metatags
Generador Marquesinas
Compresor de códigos html y javascript
Foros
Top Ranking
Conversor de divisas
Convertidor múltiple

Rincón del Vago
Top Listas Gratis
Online Casinos
Online Backgammon
Casino Online
Peak Directory
Crea tu propia web
Cyber ReyPapo.C.A
Recursos N@vegante
PEKEGIFS
PubliBlanes.net
Portal Yeclamix
Monografias
Directorio webs
Astrolabio.NET
Aula Pública
Mi Refugio
DIRECTORIO WEB
Directorio web

Si te gustó este sitio, te invitamos a que votes por él en alguno de estos Top Rankings

horoscopo - casino - tarot

Inicio | Juegos | PowerPoints | Recursos Web | Comunidad | Top Ranking
Colaboración | | Agregar a Favoritos
Sugerencias | Esta aplicación no funciona | Intercambio de enlaces