23 diciembre 2008

Título del blog ..."NAVEGANDO"

Este es un efecto que ya había visto en algunos blogs, y realmente, a mi modo de ver, le dá vistosidad al blog: " llama la atención del visitante". El como tener éste efecto en el blog lo he conseguído en una página de ayudas que visito Gem@blog, quien muy gentilmente, como siempre, ha suministrado el script para su implementación.
Accedemos a nuestra plantilla de la forma acostumbrada, nos dirigimos a elementos de página, y en agregar gadget "clickamos" en HTML/JavaScript donde vamos a colocar éste código:



<script type="text/JavaScript">

var repeat=1 //enter 0 to not repeat scrolling after 1 run, othersise, enter 1

var title=document.title

var leng=title.length

var start=1

function titlemove() {

titl=title.substring(start, leng) + title.substring(0, start)

document.title=titl

start++

if (start==leng+1) {

start=0



if (repeat==0)

return

}

setTimeout("titlemove()",180)

}

if (document.title)

titlemove()

</script>






El ejemplo lo pueden observar en éste blog de pruebas.




22 diciembre 2008

¿Cuanto sabemos del BUSCADOR de GOOGLE?





Historia del buscador Google











Los comienzos:

- Primavera 1995: Sergey Brin (23 años entonces) y Larry Page (24), confundadores de Google y actualmente presidente y CEO, se conocen en un acto que la Universidad de Stanford organiza para los candidatos de su Doctorado en Informática.

- Otoño 1995: Larry y Sergey comienzan a trabajar en el 'Digital Library Project' de la Universidad de Stanford http://www-diglib.stanford.edu/. Larry Page, con experiencia en diseño web y el título de Ingeniero Eléctrico, y Sergey Brin, un experto en tratamiento de datos y Licenciado en Informática y Ciencias Matemáticas, comienzan a crear un algoritmo para la búsqueda de datos. Esta tecnología se convertirá mas tarde en el corazón que hará funcionar a Google.

El nombre que Larry Page da a esta tecnologia fue 'PageRank'. En su pagina web personal de la Universidad de Stanford, colgará en 1997 una presentacion que lo explica: 'PageRank: Bringing Order to the Web'
http://hci.stanford.edu/~page/papers/pagerank/.

- Enero 1996: Comienzan a desarrollar un buscador llamado 'BackRub'
http://web.archive.org/web/19971210065425/backrub.stanford.edu/backrub.html.
Este nombre se lo dan debido a que la mayor habilidad de este motor de búsqueda es analizar los 'back links' (enlaces que apuntan a una determinada página).

Tal y como indican en su descripción
http://web.archive.org/web/19971210065425/backrub.stanford.edu/backrub.html,
Backrub está escrito en Java y Python (incluso Larry Page postea alguna duda en los 'newsgroups' http://groups.google.com
/groups?selm=page-0701962007020001%40qwerty.stanford.edu), y corre sobre varias máquinas Sun Ultra y Intel Pentium con Linux. La Base de Datos está alojada en un ordenador Sun Ultra II con 28GB de disco duro.

Si tienes cualquier duda sobre el funcionamiento de este buscador, y no está contestada en sus FAQ
http://web.archive.org/web/19971210065437/backrub.stanford.edu/FAQ.html, puedes llamar al (415) 723-3154, y preguntar por Larry. Los primeros usuarios son los alumnos y profesores de Stanford, que disfrutan de la precisión con la que el buscador encuentra datos en la web.

- 1997: 'Backrub' se transforma en 'Google'
http://web.archive.org/web/19971210065417/backrub.stanford.edu/
Le otorgan este peculiar nombre por su parecido a la palabra 'googol', que en inglés es el nombre que que se da a la cifra '10 elevado a 100' (un uno seguido de 100 ceros). Ya tienen indexadas 24 millones de páginas. Mucho antes, ya han tenido problemas de capacidad en sus discos duros, y han tenido que idear ingenios basados en Lego, como este ht
tp://www-db.stanford.edu/pub/voy/museum/pictures/display/0-4-Google.htm.

En los comienzos de Google (en el dominio google.stanford.edu
http://web.archive.org/web/19980502040303/google.stanford.edu/), su diseño es aún más austero de lo que será posteriormente. En esta antigua versión se incluyen fotografías de los equipos que utilizan
http://web.archive.org/web/19980502040406/
google.stanford.edu/googlehardware.html.

Historia de Google. Fundando una empresa

- 1997: Larry y Sergey han registrado el dominio 'google.com'. Además, han dado a conocer su tecnología a la 'Office of Technology Licensing' (OTL)
http://otl.stanford.edu/ de la Universidad de Stanford, que será la encargada de contactar con diferentes compañías de Internet que puedan estar interesadas en Google.

- Enero 1998: A Sergey y Larry no les gusta ninguna de las ofertas recibidas, bien por ser económicamente bajas, o porque no van a desarrollar correctamente la tecnología. Por ello, deciden ser ellos los que creen su propia empresa.

Es entonces cuando el dormitorio de Larry Page se convierte en el nuevo hogar de Google, llevando todos los equipos informáticos junto a su cama. La habitación de Sergey Brin, situada al lado de la de Larry, se convierte en la oficina financiera.

Google sigue indexando paginas rápidamente, y Larry y Sergey necesitan mucha más capacidad en sus discos duros. Tienen que adquirir un terabyte, y finalmente consiguen comprar varios discos duros rebajados, todos por $15,000.

A pesar de la 'fiebre de los punto com' de aquellos días, Larry y Sergey no consiguen encontrar un inversor que financie Google, y tienen que conseguir todo el dinero de sus familias y amigos íntimos. Mientras tanto, habían abandonado su Doctorado en Stanford.

- Verano 1998: En casa de un amigo común, Sergey y Larry conocen a Andy Bechtolsheim (cofundador de Sun Microsystems y vicepresidente de Cisco Systems), y comienzan a charlar sobre Google. Después de treinta minutos, Bechtolsheim les firma un cheque por $100,000, a nombre de 'Google Inc.'. Esta empresa, como tal, no existe, y para poder cobrar el cheque (que está dos semanas sobre la mesa de Larry), tienen que buscar un local, y fundar una nueva compañia: 'Google Inc.'.

- Septiembre 1998: Google Inc. abre sus puertas en un garaje que un amigo les alquila en Menlo Park, en California. Rápidamente, instalan varias líneas telefónicas, un cable modem, una línea DSL, y una plaza de aparcamiento para su primer empleado, Craig Silverstein (actualmente, Director de Tecnologia de Google). 25 millones de páginas están indexadas
(http://web.archive.org/web/19981111183552/google.stanford.edu), y Google recibe diez mil consultas por día. La revista 'PC Magazine' lo incluye dentro de su lista 'Top 100 Web Sites' de 1998.

- febrero 1999: La plantilla asciende a 8 personas, responde a 500.000 consultas por día, se trasladan a unas nuevas oficinas en Palo Alto, y firma su primer contrato comercial con RedHat, el cual empieza a suministrar el Sistema Operativo Linux de los servidores de Google. Mientras tanto, continúan con su campaña comercial: el boca a boca.




Fuente: oogle.digrson.com

Trucos Window

Esta utilidad nos vá a simplificar mucho el trabajo laborioso que significa el tener que buscar en la web, para los que no sabemos absolutamente nada de computación, toda la información contenida a continuación y que es de gran importancia.







Ver programas que se ejecutan automáticamente al iniciar windows:
Ejecutar (win + r ) / msconfig / inicio.

Ver conexiones entrantes:
Para ver quien está conectado a tu pc, por ejemplo averiguar la IP de alguien que te está enviando un archivo por msn:
Inicio / to2 los programas / accesorios / Símbolo del sistema / escribir: netstat

Averiguar tu IP:
Ejecutar (win + r ) / cmd (o command) / ipconfig


Borrar flechas de accesos directos:
Ejecutar (win + r ) / regedit / borrar IsShortCut de las claves:
HKEY_CLASSES_ROOT\lnkfile\IsShortCut
HKEY_CLASSES_ROOT\piffile\IsShortCut

Una vez borrados estos IsShortCut, bastará con reiniciar la máquina para no ver mas esas flechitas.
Nota: Si quieres volver a ver flechitas, sólo hay que volver a incluir la entrada IsShortCut en las claves indicadas, reiniciar el equipo y volverán a resurgir como si nada.

Borrar mensajes que aparecen en la pantalla de bienvenida señalando que se tienen mails nuevos:
Ejecutar (win + r ) / regedit /
HKEY_CURRENT_USER\Software\Microsoft\windows\CurrentVersion\Unreadmail
Aparecen carpetas por las diferentes sesiones, elegir una y hacer doble clic sobre el archivo MessageCount y en información del valor escribir: 0

Cambiar la contraseña de una sesion de windows xp sin saber la que ya tiene:
Ejecutar (win + r ) / control userpasswords2 / seleccionar la cuenta / restablecer contraseña / escribir la nueva contraseña.
Nota esto solo funcionará si se realiza desde una cuenta que es administrador.

Hacer un scandisk:
Ir a Mi PC / elegir unidad / botón derecho / propiedades / herramientas / comprobar ahora en comprobación de errores. (ahí tb se puede defragmentar la unidad).

Impedir que los usuarios del equipo realicen descargas desde Internet:
Ejecutar (win + r ) / regedit /
HKEY_CURRENT_USER/Software/Microsoft/Windows/CurrentVersion/Internet Settings/Zones
Al abrirse la última entrada de Zones veremos varias carpetas, la que nos interesa es la carpeta nº 3 / hacer doble clic sobre ella / buscamos el valor 1803 en el panel derecho y le hacemos doble clic sobre él, en la ventana que nos muestra escribimos el número 3 y pulsamos el botón Aceptar.
La próxima vez que alguien intente descargar algo desde Internet recibirá un mensaje de aviso de que la seguridad no le autoriza a descargar ese archivo.

Aclaración: Esta restricción solo afecta al usuario al que se le ha hecho la restricción, y lógicamente hay que hacer este truco desde la propia cuenta de usuario a restringir.

Imprimir solo una parte de una página web: (Internet Explorer)
Seleccionar la parte de la página que queremos imprimir / archivo / imprimir / en Intervalo de páginas ( o intervalo de impresión) escoger: selección / aceptar.

Ejecutar programas antiguos en windows XP:
Botón derecho sobre el ejecutable del programa / Propiedades / Activa la casilla de verificación Ejecutar este programa en el modo de compatibilidad / selecciona un sistema operativo en el que se ejecute el programa sin problemas / Si fuera necesario, cambia también la configuración de pantalla y la resolución, o deshabilita los temas visuales de Windows XP. (si no funciona, prueba de nuevo con otro sistema operativo).

Si se realizo una actualización del sistema operativo, para forzar la compatibilidad, haz clic con el botón derecho sobre el programa / propiedades / pestaña Compatibilidad.
Marca la casilla Ejecutar este programa en el modo de compatibilidad para: y te dejará seleccionar el sistema operativo con el que forzar la ejecución de este programa.
Inmediatamente debajo de esta opción podrás configurar la ejecución de la aplicación en sus parámetros Ejecutar con 256 colores, Ejecutar con una resolución de pantalla de 640 x 480 y por último Deshabilitar los temas visuales. Ajusta estos parámetros hasta encontrar los más adecuados para la aplicación a ejecutar.

Inmovilizar los iconos del Escritorio:
Ejecutar (win + r ) / regedit /
HKEY_CURRENT_USER/Software/Microsoft/Windows/
CurrentVersion/Polices/Explorer
Una vez tenemos seleccionada la carpeta Explorer y en el panel derecho hacemos clic con el ratón derecho para crear una entrada nueva.
Hacemos clic en Nuevo y luego en DWORD, ahora le damos el siguiente nombre NoSaveSettings.
Luego hacemos doble clic sobre la nueva entrada y le damos el valor 1 y pulsamos el botón Aceptar.
Finalmente cerramos todas las ventanas que tengamos abiertas y reiniciamos el ordenador.

Ocultar el botón Apagar el Sistema del botón Inicio:
Ejecutar (win + r ) / regedit /
HKEY_CURRENT_USER/Software/Microsoft/Windows/
CurrentVersion/Policies/Explorer.
Creamos o modificamos el valor del tipo DWORD (boton derecho, nuevo) le damos el nombre: NoClose con el contenido (hacer doble clic) "1" para ocultar el botón del menú inicio o "0" para mostrarlo. (se crea si es que no existe de antes)

Mostrar extensiones de archivos:
Estando en alguna carpeta, ir a Herramientas / opciones de carpeta / ver / desmarcar: Ocultar extensiones de archivo para tipos de archivos conocidos.

Crear acceso directo para reiniciar el pc:
Botón derecho en el escritorio / nuevo / acceso directo / escribe shutdown.exe -r -t 00 / siguiente / da el nombre que tendrá el acceso directo / Finalizar.
También puedes establecer un tiempo de espera antes de reiniciar, para que te de tiempo a cerrar los programas que tengas abiertos en este caso lo que debes poner es: shutdown.exe -r -t 12 siendo 12 los segundos que esperará para reiniciar.

Cambiar la letra de la Unidad:
Botón derecho en Mi PC / administrar / seleccionamos el Administrador de discos y hacemos clic con el ratón derecho sobre el dispositivo al que queramos cambiarle la letra de unidad, seleccionando la opción Cambiar letra de unidad y ruta y especificando la nueva letra de unidad que queramos darle.

Desactivar el aviso de programas recién instalados:
Inicio / botón derecho en la parte superior (donde sale el nombre) / propiedades / en la ficha Menú Inicio haz clic en Personalizar / Opciones avanzadas / desactiva la casilla de verificación Resaltar programas recién instalados.

Eliminar MSN Messenger del sistema:
ejecutar: RunDll32 advpack.dll,LaunchINFSection %windir%\
INF\msmsgs.inf,BLC.Remove / Reiniciar el pc

Símbolo del sistema:
Ejecutar un programa: escriba el nombre del programa y luego enter, por ejemplo para abrir el block de notas escriba: notepad
Abrir un archivo: escriba: start C:/ruta_archivo/archivo.ext
Abrir una carpeta: escriba: start nombrecarpeta

Eliminar archivos sin que queden en la papelera de reciclaje:
Al momento de eliminar el archivo, mantener oprimida la tecla shift

Activar o Desactivar la Hibernación:
La hibernación de nuestro sistema lo que hace es reservar un espacio en el disco duro para almacenar lo que tiene en memoria y así poder volver al punto en el cual se encontraba el PC antes de hibernar.
Procedimiento para activar la opcion de hibernación: Panel de Control / Opciones de Energía / pestaña Hibernación, y es aquí donde debes activar o desactivar la hibernación.

Evitar reproducción automática de los CDs:
Al insertar el CD mantener oprimida la tecla shift

Reiniciar sin resetear el equipo:
Al momento de oprimir en reiniciar, mantener oprimida la tecla de mayúsculas.

Imprimir Pantalla:
Con el botón del teclado: "Impr Pant" puedes sacarle una foto a la pantalla, de ese modo puedes pegarla en un archivo Word, o en cualquier programa de edición de imágen. Si solo deseas que aparezca la ventana que está activa, manten oprimida la tecla ALT al momento de oprimir "Impr Pant".

Conocer versión de windows:
Para conocer la versión de windows que estas utilizando, anda a Ejecutar (win + r) / escribe: winver / Aceptar.

21 diciembre 2008

Traductor para tu blog

Con éste traductor le permitirás a los lectores, que no hablen nuestro idioma "E S P A Ñ O L ", tener fácil acceso al contenido de nuestro blog.

<center><br/><a href="http://translate.google.com/translate?u=http%3A//misitiodepruebas.blogspot.com&langpair=es|en&hl=es&ie=UTF-8&oe=UTF-8&prev=/language_tools"><img src="http://i391.photobucket.com/albums/oo355/carjavi/united-states.gif"/></a> <a href="http://www.worldlingo.com/wl/translate/es/translation.html?wl_lp=ES-de&wl_fl=3&wl_rurl=http://misitiodepruebas.blogspot.com/&wl_url=http://misitiodepruebas.blogspot.com/&wl_g_table=-3"><img src="http://i391.photobucket.com/albums/oo355/carjavi/germany.gif"/></a> <a href="http://www.worldlingo.com/wl/translate/es/translation.html?wl_lp=ES-fr&wl_fl=3&wl_rurl=http://misitiodepruebas.blogspot.com/&wl_url=http://misitiodepruebas.blogspot.com/&wl_g_table=-3"><img src="http://i391.photobucket.com/albums/oo355/carjavi/france-1.gif"/></a> <a href="http://www.worldlingo.com/wl/translate/es/translation.html?wl_lp=ES-pt&wl_fl=3&wl_rurl=http://misitiodepruebas.blogspot.com/&wl_url=http://misitiodepruebas.blogspot.com/&wl_g_table=-3"><img src="http://i391.photobucket.com/albums/oo355/carjavi/portugal.gif"/></a> <a href="http://www.worldlingo.com/wl/translate/es/translation.html?wl_lp=ES-it&wl_fl=3&wl_rurl=http://misitiodepruebas.blogspot.com/&wl_url=http://misitiodepruebas.blogspot.com/&wl_g_table=-3"><img src="http://i391.photobucket.com/albums/oo355/carjavi/italy.gif"/></a><br/><br/><br/></center>


Este es el ejemplo:



20 diciembre 2008

Expandir y contraer los archivos del blog.

Esta es una aplicación con la cual ganaremos espacio en nustra sidebar. A medida que pasa el tiempo vamos agregando entradas en nuestro blog hasta que vemos una inmensa lista de entradas que no tiene fin, y que realmente, a mi modo de ver, le dan al blog un aspecto no deseado. He tomado "prestado" de uno de los grandes maestros, El Escaparate, una de sus entradas al respecto.
Como primer paso, accedemos a nuestra plantilla de la forma habitual, nos vamos a EDICION HTML, y con nuestro buscador de códigos en la plantilla (CTRL+F), ubicamos, sin expandir artilugios el siguiente código:


<b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'/>


Sin pensarlo dos veces lo borramos, y colocamos en su lugar el siguiente código:




<b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'>

<b:includable id='main'>

<script type='text/javascript'>

//<![CDATA[

if(typeof(rnd) == 'undefined') var rnd = '';

rnd = Math.floor(Math.random()*1000);

rnd = 'id-' + rnd;

document.write('<a href="#" onclick="tmp = document.getElementById("' + rnd + '"); tmp.style.display = (tmp.style.display == "none") ? "block" : "none"; return false;" style="float:left;margin-right:5px;">');

//]]>

</script>[+/-]

<script type='text/javascript'>

//<![CDATA[

document.write('<\/a>');

//]]>

</script>

<b:if cond='data:title'>

<h2><data:title/></h2>

</b:if>

<div class='widget-content'>

<script type='text/javascript'>

//<![CDATA[

document.write('<div id="' + rnd + '" style="display:none;">');

//]]>

</script>

<div id='ArchiveList'>

<div expr:id='data:widget.instanceId + "_ArchiveList"'>

<b:if cond='data:style == "HIERARCHY"'>

<b:include data='data' name='interval'/>

</b:if>

<b:if cond='data:style == "FLAT"'>

<b:include data='data' name='flat'/>

</b:if>

<b:if cond='data:style == "MENU"'>

<b:include data='data' name='menu'/>

</b:if>

</div>

</div>

<script type='text/javascript'>

//<![CDATA[

document.write('<\/div>');

//]]>

</script>

<b:include name='quickedit'/>

</div>

</b:includable>

<b:includable id='flat' var='data'>

<ul>

<b:loop values='data:data' var='i'>

<li class='archivedate'>

<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)

</li>

</b:loop>

</ul>

</b:includable>

<b:includable id='menu' var='data'>

<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>

<option value=''><data:title/></option>

<b:loop values='data:data' var='i'>

<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>

</b:loop>

</select>

</b:includable>

<b:includable id='interval' var='intervalData'>

<b:loop values='data:intervalData' var='i'>

<ul>

<li expr:class='"archivedate " + data:i.expclass'>

<b:include data='i' name='toggle'/>

<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>

<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>

<b:if cond='data:i.data'>

<b:include data='i.data' name='interval'/>

</b:if>

<b:if cond='data:i.posts'>

<b:include data='i.posts' name='posts'/>

</b:if>

</li>

</ul>

</b:loop>

</b:includable>

<b:includable id='toggle' var='interval'>

<b:if cond='data:interval.toggleId'>

<b:if cond='data:interval.expclass == "expanded"'>

<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=close&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>

<span class='zippy toggle-open'>▼ </span>

</a>

<b:else/>

<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=open&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>

<span class='zippy'>

<b:if cond='data:blog.languageDirection == "rtl"'>



<b:else/>



</b:if>

</span>

</a>

</b:if>

</b:if>

</b:includable>

<b:includable id='posts' var='posts'>

<ul class='posts'>

<b:loop values='data:posts' var='i'>

<li><a expr:href='data:i.url'><data:i.title/></a></li>

</b:loop>

</ul>

</b:includable>

</b:widget>


Luego guardamos plantilla, accedemos a nuestro blog y miramos en la sección ARCHIVOS DEL BLOG, donde veremos los cambios.




18 diciembre 2008

Otra forma de ver desde donde te visitan.

Para ello sólo tienen que tomar el siguiente código y colocarlo en la sidebar de su blog como un elemento de página y listo. Debajo del Widget aparece el siguiente texto "VER MAS INFORMACION", pulsando en ese texto podrán tener una información más detallada del visitante.


<!-- BEGIN geoiptool.com -->

<script language="JavaScript"

src="http://www.geoiptool.com/webjs.php?xl=es&xt=2&xw=180&xh=70"></script>

<noscript><a target="_blank" href="http://www.geoiptool.com/">Geo Web Tool</a></noscript>

<!-- END geoiptool.com -->

17 diciembre 2008

Identificar tus visitantes.

Cuando alguien accede a nuestro blog, podrá ver un widget donde se muestra su dirección IP, el sistema operativo que está usando, país de procedencia y el navegador que utiliza.
En ésta entrada voy a dejarles el código para implementarlo, de forma horizontal, aunque también podemos colocarlo de forma vertical, ocupando de ésta manera, menos espacio en el blog.



<a href="http://www.wieistmeineip.de/cometo/?en"><img src="http://www.wieistmeineip.de/ip-address/?size=468x60" border="0" width="468" height="60" alt="IP" /></a>


A continuación el ejemplo:


IP

Otra forma de colocar la fecha.

Si deseas colocar la fecha en tu blog como aparece en el tope de la sidebar de éste blog, sólo tienes que copiar y pegar el código a continuación.

<script language="JavaScript">
<!--
// ==============================================
// Copyright 2003 by jsCode.com
// Source: jsCode.com
// Author: etLux
// Free for all; but please leave in the header.
// ==============================================

// Set the font color, face, size, and style...

// Acceptable TheFontFace values are those you
// normally use in HTML, for instance:
// Arial
// TimesRoman
// Courier

// Acceptable TheFontColor values are any #RRGGBB
// same as HTML. Remember to use the # sign and
// enclose in quotes. Typical values:
// #FF0000 is red
// #00FF00 is green
// #0000FF is blue

// Acceptable TheFontSize values are 2-7.

// Acceptable TheFontStyle values are (exactly!):
// plain
// bold
// italic
// bolditalic

var TheFontFace = "Arial";
var TheFontColor = "#FF0000";
var TheFontSize = "3";
var TheFontStyle = "bolditalic";

// Set the separator between the date elements;
// usually use either - or /.

var TheSeparator = "-";

// Show or do not show the day of the week; set
// yes to show, no not to show.

var ShowDay ="yes";

// Do Not Edit Below This Line
// ==============================================

var Days = new Array("Domingo","Lunes","Martes","Miercoles","Jueves","Viernes","Sábado");
var TheDate = new Date();

var TheWeekDay = TheDate.getDay();
var Day ="";
if (ShowDay == "yes"){
Day = Days[TheWeekDay];
Day += " ";}

var TheMonthDay = TheDate.getDate();
if (TheMonthDay < 10) TheMonthDay = "0" + TheMonthDay;

var TheMonth = TheDate.getMonth() + 1;
if (TheMonth < 10) TheMonth = "0" + TheMonth;

var TheYear = TheDate.getYear();
if (TheYear < 1000) TheYear += 1900;

var FontTagLeft = "";
var FontTagRight = "";

if (TheFontStyle == "bold"){
FontTagLeft = "<b>";
FontTagRight ="</b>";}

if (TheFontStyle == "italic"){
FontTagLeft = "<i>";
FontTagRight ="</i>";}

if (TheFontStyle == "bolditalic"){
FontTagLeft = "<b><i>";
FontTagRight = "</i></b>";}

var D = "";
D += "<font color='"+TheFontColor+"' face='"+TheFontFace+"' size='"+TheFontSize+"'>";
D += FontTagLeft+Day+TheMonthDay+TheSeparator+TheMonth+TheSeparator+TheYear+FontTagRight;
D += "</font>";

document.write(D);

//-->
</script>


NOTA: He modificado el código, ya que en el idioma ingles el día aparece en ese idioma, lo referente a la fecha primero colocan el mes, luego la fecha y por último el año. Con el código copiado tal y cual está les aparecerá la fecha de la misma forma que está en el tope de la sidebar.


Calendario con la hora en la fecha.

Este calendario tiene una característica muy notoria: presenta la hora en el recuadro de la fecha. A continuación el código para su implementación.

<!-- JavaScript immediate script -->
<script language="JavaScript">
<!--

// Copyright 1996 - Tomer and Yehuda Shiran
// This example will appear in our forthcoming book on JavaScript.
// Feel free to "steal" this code provided that you leave this notice as is.
// Additional examples from the book can be found at http://www.geocities.com/SiliconValley/9000/
// For more information contact Tomer or Yehuda Shiran <yshiran@iil.intel.com>

setCal()

function getTime() {
// initialize time-related variables with current time settings
var now = new Date()
var hour = now.getHours()
var minute = now.getMinutes()
now = null
var ampm = ""

// validate hour values and set value of ampm
if (hour >= 12) {
hour -= 12
ampm = "PM"
} else
ampm = "AM"
hour = (hour == 0) ? 12 : hour

// add zero digit to a one digit minute
if (minute < 10)
minute = "0" + minute // do not parse this number!

// return time string
return hour + ":" + minute + " " + ampm
}

function leapYear(year) {
if (year % 4 == 0) // basic rule
return true // is leap year
/* else */ // else not needed when statement is "return"
return false // is not leap year
}

function getDays(month, year) {
// create array to hold number of days in each month
var ar = new Array(12)
ar[0] = 31 // January
ar[1] = (leapYear(year)) ? 29 : 28 // February
ar[2] = 31 // March
ar[3] = 30 // April
ar[4] = 31 // May
ar[5] = 30 // June
ar[6] = 31 // July
ar[7] = 31 // August
ar[8] = 30 // September
ar[9] = 31 // October
ar[10] = 30 // November
ar[11] = 31 // December

// return number of days in the specified month (parameter)
return ar[month]
}

function getMonthName(month) {
// create array to hold name of each month
var ar = new Array(12)
ar[0] = "Enero"
ar[1] = "Febrero"
ar[2] = "Marzo"
ar[3] = "Abril"
ar[4] = "Mayo"
ar[5] = "Junio"
ar[6] = "Julio"
ar[7] = "Agosto"
ar[8] = "Septiembre"
ar[9] = "Octubre"
ar[10] = "Noviembre"
ar[11] = "Diciembre"

// return name of specified month (parameter)
return ar[month]
}

function setCal() {
// standard time attributes
var now = new Date()
var year = now.getYear()
var month = now.getMonth()
var monthName = getMonthName(month)
var date = now.getDate()
now = null

// create instance of first day of month, and extract the day on which it occurs
var firstDayInstance = new Date(year, month, 1)
var firstDay = firstDayInstance.getDay()
firstDayInstance = null

// number of days in current month
var days = getDays(month, year)

// call function to draw calendar
drawCal(firstDay + 1, days, date, monthName, 1900 + year)
}

function drawCal(firstDay, lastDate, date, monthName, year) {
// constant table settings
var headerHeight = 50 // height of the table's header cell
var border = 2 // 3D height of table's border
var cellspacing = 4 // width of table's border
var headerColor = "midnightblue" // color of table's header
var headerSize = "+3" // size of tables header font
var colWidth = 60 // width of columns in table
var dayCellHeight = 25 // height of cells containing days of the week
var dayColor = "darkblue" // color of font representing week days
var cellHeight = 40 // height of cells representing dates in the calendar
var todayColor = "red" // color specifying today's date in the calendar
var timeColor = "purple" // color of font representing current time

// create basic table structure
var text = "" // initialize accumulative variable to empty string
text += '<CENTER>'
text += '<TABLE BORDER=' + border + ' CELLSPACING=' + cellspacing + '>' // table settings
text += '<TH COLSPAN=7 HEIGHT=' + headerHeight + '>' // create table header cell
text += '<FONT COLOR="' + headerColor + '" SIZE=' + headerSize + '>' // set font for table header
text += monthName + ' ' + year
text += '</FONT>' // close table header's font settings
text += '</TH>' // close header cell

// variables to hold constant settings
var openCol = '<TD WIDTH=' + colWidth + ' HEIGHT=' + dayCellHeight + '>'
openCol += '<FONT COLOR="' + dayColor + '">'
var closeCol = '</FONT></TD>'

// create array of abbreviated day names
var weekDay = new Array(7)
weekDay[0] = "dom"
weekDay[1] = "lun"
weekDay[2] = "mar"
weekDay[3] = "mie"
weekDay[4] = "jue"
weekDay[5] = "vie"
weekDay[6] = "sab"

// create first row of table to set column width and specify week day
text += '<TR ALIGN="center" VALIGN="center">'
for (var dayNum = 0; dayNum < 7; ++dayNum) {
text += openCol + weekDay[dayNum] + closeCol
}
text += '</TR>'

// declaration and initialization of two variables to help with tables
var digit = 1
var curCell = 1

for (var row = 1; row <= Math.ceil((lastDate + firstDay - 1) / 7); ++row) {
text += '<TR ALIGN="right" VALIGN="top">'
for (var col = 1; col <= 7; ++col) {
if (digit > lastDate)
break
if (curCell < firstDay) {
text += '<TD></TD>';
curCell++
} else {
if (digit == date) { // current cell represent today's date
text += '<TD HEIGHT=' + cellHeight + '>'
text += '<FONT COLOR="' + todayColor + '">'
text += digit
text += '</FONT><BR>'
text += '<FONT COLOR="' + timeColor + '" SIZE=2>'
text += '<CENTER>' + getTime() + '</CENTER>'
text += '</FONT>'
text += '</TD>'
} else
text += '<TD HEIGHT=' + cellHeight + '>' + digit + '</TD>'
digit++
}
}
text += '</TR>'
}

// close all basic table tags
text += '</TABLE>'
text += '</CENTER>'

// print accumulative HTML string
document.write(text)
}

// -->
</script>

Hacer link para envío de correo.

Con el siguiente código podrás hacer link para enviar correos:

<a href="mailto:AQUI TU DIRECCION DE CORREOS">Envía tu consulta o URL de imagen representativa de correo</a>

16 diciembre 2008

Una carta de colores

Con ésta carta de colores tendrás a mano los códigos RGB y Hexadecimales de los colores para aplicarlos directamente.


Color Name RGB CODE HEX # Sample
Snow 255-250-250 fffafa
Snow 2 238-233-233 eee9e9
Snow 3 205-201-201 cdc9c9
Snow 4 139-137-137 8b8989
Ghost White 248-248-255 f8f8ff
White Smoke 245-245-245 f5f5f5
Gainsboro 220-220-220 dccdc
Floral White 255-250-240 fffaf0
Old Lace 253-245-230 fdf5e6
Linen 240-240-230 faf0e6
Antique White 250-235-215 faebd7
Antique White 2 238-223-204 eedfcc
Antique White 3 205-192-176 cdc0b0
Antique White 4 139-131-120 8b8378
Papaya Whip 255-239-213 ffefd5
Blanched Almond 255-235-205 ffebcd
Bisque 255-228-196 ffe4c4
Bisque 2 238-213-183 eed5b7
Bisque 3 205-183-158 cdb79e
Bisque 4 139-125-107 8b7d6b
Peach Puff 255-218-185 ffdab9
Peach Puff 2 238-203-173 eecbad
Peach Puff 3 205-175-149 cdaf95
Peach Puff 4 139-119-101 8b7765
Navajo White 255-222-173 ffdead
Moccasin 255-228-181 ffe4b5
Cornsilk 255-248-220 fff8dc
Cornsilk 2 238-232-205 eee8dc
Cornsilk 3 205-200-177 cdc8b1
Cornsilk 4 139-136-120 8b8878
Ivory 255-255-240 fffff0
Ivory 2 238-238-224 eeeee0
Ivory 3 205-205-193 cdcdc1
Ivory 4 139-139-131 8b8b83
Lemon Chiffon 255-250-205 fffacd
Seashell 255-245-238 fff5ee
Seashell 2 238-229-222 eee5de
Seashell 3 205-197-191 cdc5bf
Seashell 4 139-134-130 8b8682
Honeydew 240-255-240 f0fff0
Honeydew 2 244-238-224 e0eee0
Honeydew 3 193-205-193 c1cdc1
Honeydew 4 131-139-131 838b83
Mint Cream 245-255-250 f5fffa
Azure 240-255-255 f0ffff
Alice Blue 240-248-255 f0f8ff
Lavender 230-230-250 e6e6fa
Lavender Blush 255-240-245 fff0f5
Misty Rose 255-228-225 ffe4e1
White 255-255-255 ffffff

Grays

Color Name RGB CODE HEX # Sample
Black 0-0-0 000000
Dark Slate Gray 49-79-79 2f4f4f
Dim Gray 105-105-105 696969
Slate Gray 112-138-144 708090
Light Slate Gray 119-136-153 778899
Gray 190-190-190 bebebe
Light Gray 211-211-211 d3d3d3

Blues

Color Name RGB CODE HEX # Sample
Midnight Blue 25-25-112 191970
Navy 0-0-128 000080
Cornflower Blue 100-149-237 6495ed
Dark Slate Blue 72-61-139 483d8b
Slate Blue 106-90-205 6a5acd
Medium Slate Blue 123-104-238 7b68ee
Light Slate Blue 132-112-255 8470ff
Medium Blue 0-0-205 0000cd
Royal Blue 65-105-225 4169e1
Blue 0-0-255 0000ff
Dodger Blue 30-144-255 1e90ff
Deep Sky Blue 0-191-255 00bfff
Sky Blue 135-206-250 87ceeb
Light Sky Blue 135-206-250 87cefa
Steel Blue 70-130-180 4682b4
Light Steel Blue 176-196-222 b0c4de
Light Blue 173-216-230 add8e6
Powder Blue 176-224-230 b0e0e6
Pale Turquoise 175-238-238 afeeee
Dark Turquoise 0-206-209 00ced1
Medium Turquoise 72-209-204 48d1cc
Turquoise 64-224-208 40e0d0
Cyan 0-255-255 00ffff
Light Cyan 224-255-255 e0ffff
Cadet Blue 95-158-160 5f9ea0

Greens

Color Name RGB CODE HEX # Sample
Medium Aquamarine 102-205-170 66cdaa
Aquamarine 127-255-212 7fffd4
Dark Green 0-100-0 006400
Dark Olive Green 85-107-47 556b2f
Dark Sea Green 143-188-143 8fbc8f
Sea Green 46-139-87 2e8b57
Medium Sea Green 60-179-113 3cb371
Light Sea Green 32-178-170 20b2aa
Pale Green 152-251-152 98fb98
Spring Green 0-255-127 00ff7f
Lawn Green 124-252-0 7cfc00
Chartreuse 127-255-0 7fff00
Medium Spring Green 0-250-154 00fa9a
Green Yellow 173-255-47 adff2f
Lime Green 50-205-50 32cd32
Yellow Green 154-205-50 9acd32
Forest Green 34-139-34 228b22
Olive Drab 107-142-35 6b8e23
Dark Khaki 189-183-107 bdb76b
Khaki 240-230-140 f0e68c

Yellow

Color Name RGB CODE HEX # Sample
Pale Goldenrod 238-232-170 eee8aa
Light Goldenrod Yellow 250-250-210 fafad2
Light Yellow 255-255-224 ffffe0
Yellow 255-255-0 ffff00
Gold 255-215-0 ffd700
Light Goldenrod 238-221-130 eedd82
Goldenrod 218-165-32 daa520
Dark Goldenrod 184-134-11 b8860b

Browns

Color Name RGB CODE HEX # Sample
Rosy Brown 188-143-143 bc8f8f
Indian Red 205-92-92 cd5c5c
Saddle Brown 139-69-19 8b4513
Sienna 160-82-45 a0522d
Peru 205-133-63 cd853f
Burlywood 222-184-135 deb887
Beige 245-245-220 f5f5dc
Wheat 245-222-179 f5deb3
Sandy Brown 244-164-96 f4a460
Tan 210-180-140 d2b48c
Chocolate 210-105-30 d2691e
Firebrick 178-34-34 b22222
Brown 165-42-42 a52a2a

Oranges

Color Name RGB CODE HEX # Sample
Dark Salmon 233-150-122 e9967a
Salmon 250-128-114 fa8072
Light Salmon 255-160-122 ffa07a
Orange 255-165-0 ffa500
Dark Orange 255-140-0 ff8c00
Coral 255-127-80 ff7f50
Light Coral 240-128-128 f08080
Tomato 255-99-71 ff6347
Orange Red 255-69-0 ff4500
Red 255-0-0 ff0000

Pinks/Violets

Color Name RGB CODE HEX # Sample
Hot Pink 255-105-180 ff69b4
Deep Pink 255-20-147 ff1493
Pink 255-192-203 ffc0cb
Light Pink 255-182-193 ffb6c1
Pale Violet Red 219-112-147 db7093
Maroon 176-48-96 b03060
Medium Violet Red 199-21-133 c71585
Violet Red 208-32-144 d02090
Violet 238-130-238 ee82ee
Plum 221-160-221 dda0dd
Orchid 218-112-214 da70d6
Medium Orchid 186-85-211 ba55d3
Dark Orchid 153-50-204 9932cc
Dark Violet 148-0-211 9400d3
Blue Violet 138-43-226 8a2be2
Purple 160-32-240 a020f0
Medium Purple 147-112-219 9370db
Thistle 216-191-216 d8bfd8

Etiquetas animadas (Flash)

Había visto, en algunos blogs, las etiquetas o tag contenidas en un recuadro girando cuando se colocaba el cursor del mouse sobre ellas. Realmente es un efecto muy agradable y llamativo.
Esto me llevó a buscar por doquier sin tener exito alguno, pero como el que persevera vence, al fín lo logre. Llegué hasta la gloguería y... allí estaba, ellos la habían conseguido, a su vez, en BloggerBuster: un pequeño script, que con sólo copiar y pegar nos proporciona la función y sin tener que hacer más nada, por sí sólo, cuando posteamos y le colocamos la etiqueta a la respectiva entrada, la aplicación, por ella misma, la toma y la refleja.
Para la implementación de esto, sólo tenemos que ubicar en nuestra plantilla el siguiente código
<b:section class='sidebar' id='sidebar' preferred='yes'>, y despues justo debajo agregar el código siguiente:



<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>


Al quedar incluído en la plantilla, en la sección sidebar, podremos moverlo hasta el sitio donde queramos como cualquier widget que hallamos añadido a elementos de página.
Para personalizarlo haremos lo siguiente:

- Configura la anchura, altura y color de fondo
(*) en esta línea:

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");


(*) El color de fondo lo he establecido en el código como transparente, para que se adapte mejor a cualquier blog; si quieres eliminar la transparencia para usar un color, añade lo resaltado en la siguiente línea, y elimínalo de nuevo para recuperar la transparencia:

//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);

- El color del texto lo modificamos aquí:

so.addVariable("tcolor", "0x333333");

- El tamaño de fuente, acá:

style='12'

- La velocidad de la nube aquí:

so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);

Con esto tendremos, nuestra nube de etiquetas, a punto en nuestro blog.



15 diciembre 2008

Otra forma de "Ir Arriba".

Habran notado que en éste blog, en la esquina inferior derecha, aparece un pequeño círculo con una flecha hacia arriba que nos indica hacia donde vamos al pulsar sobre ella. Existe otra forma, y me parece más elegante, de colocarle lo mismo, me refiero a efecto, a nuestro blog.
A continuación el código, el cual debe ser colocado, en nuestra plantilla, despues de ]]></b:skin> .




<script src='http://javascripthost.com/s1/bin/jumptop.js'/>


No hace falta colocar el ejemplo de "como se vería", sólo coloquenlo y veran...


Fuente: DynamicDrive


¿Una calculadora cintífica en tu blog?

Para aquellos que, motivado a su trabajo, y que sean adictos a los blogs y tengan la necesidad de tener a mano éste tipo de calculadora, a continuación les dejo el código para que puedan implementarla en su página.


<!-- Scripts by hscripts.com -->
<!-- Copywrite of HIOXINDIA -->
<!-- More scripts @ www.hscripts.com -->

<script language="javascript" type="text/javascript">
var temp;
function w_onload()
{ frm.txt.value=0; }
function addchar(input,character)
{ if(input.value == null || input.value == "0")
input.value = character
else
input.value += character }
function cancel_click()
{
frm.txt.value=0;
}
function sin_click(obj)
{
if(obj=='sin')
var result=frm.txt.value;
if(document.frm.deg[0].checked)
{
result=result*Math.PI/180;
frm.txt.value=Math.sin(result).toFixed(2);
}
if(document.frm.deg[1].checked)
frm.txt.value=Math.sin(result).toFixed(2);
}
function cos_click(obj)
{
if(obj=='cos')
var result=frm.txt.value;
if(document.frm.deg[0].checked)
{
result=result*Math.PI/180;
frm.txt.value=Math.cos(result).toFixed(2);
}
if(document.frm.deg[1].checked)
frm.txt.value=Math.cos(frm.txt.value);
}
function tan_click(obj)
{
if(obj=='tan')
var result=frm.txt.value;
if(document.frm.deg[0].checked)
{
result=result*Math.PI/180;
frm.txt.value=Math.tan(result).toFixed(2);
}
if(document.frm.deg[1].checked)
frm.txt.value=Math.tan(frm.txt.value);
}
function resi_click()
{
temp= frm.txt.value;
frm.txt.value=1/temp;
}
function log_click()
{
frm.txt.value=Math.log(frm.txt.value)/Math.LN10;
}
function sqr_click()
{
temp=frm.txt.value;
frm.txt.value=temp*temp;
}
function sqrt_click()
{
frm.txt.value=Math.sqrt(frm.txt.value);
}
function equal_click()
{
frm.txt.value=eval(frm.txt.value);
}
function exp_click()
{
frm.txt.value=Math.exp(frm.txt.value);
}
function fac_click()
{
var f=1;
var i;
var n=parseInt(frm.txt.value);
for(i=1;i<=n;i++)
{
f=f*i;
}
frm.txt.value=f;
}
function bks_click()
{
var s;
s=frm.txt.value;
if(s>=1)
{
var b=s.substr(0,s.length-1);
frm.txt.value=b;
}
}
function sign_click()
{
if(isNaN(frm.txt.value)==false)
{
if(frm.txt.value>0)
{
frm.txt.value=frm.txt.value*-1
}
else if(frm.txt.value<0)
{
frm.txt.value=frm.txt.value.replace('-','')
}
}
}
function ln_click()
{
frm.txt.value=Math.log(frm.txt.value);
}
function lb_click()
{
frm.txt.value=Math.log(frm.txt.value)/Math.LN2;
}
</script>
<body onload="w_onload()">
<form name="frm" action="">
<center>
<table style="border:solid green 1px">
<tr>
<td>
<input type="text" maxlength="10" name="txt" size="31"><br>
</td>
</tr>
<tr>
<td>
<font size=1.5px><input type="radio" name=deg value="Degree">Degrees</input>
<input type="radio" name=deg value="Radian" checked>Radians</input>
<a style="text-decoration:none;" href="http://www.hscripts.com"> H</a></font>
</td></tr>
<tr>
<td>
<input type="button" name="sqr" value="sqr" style="width:30px;height:32px" onclick="sqr_click()">
<input type="button" name="sqt" value="sqt" style="width:30px;height:32px" onclick="sqrt_click()">
<input type="button" name="exp" value="exp" style="width:30px;height:32px" onclick="exp_click()">
<input type="button" name="fac" value="x!" style="width:30px;height:32px" onclick="fac_click()">
<input type="button" name="bks" value="bks" style="width:30px;height:32px" onclick="bks_click()">
<input type="button" name="cancel" value="clr" style="width:30px;height:32px" onclick="cancel_click()">
</td></tr>
<tr>
<td>
<input type="button" name="one" value="1" style="width:30px;height:32px" onclick="addchar(this.form.txt,'1')">
<input type="button" name="two" value="2" style="width:30px;height:32px" onclick="addchar(this.form.txt,'2')">
<input type="button" name="three" value="3" style="width:30px;height:32px" onclick="addchar(this.form.txt,'3')">
<input type="button" name="add" value="+" style="width:30px;height:32px" onclick="addchar(this.form.txt,'+')">
<input type="button" name="sin" value="sin" style="width:30px;height:32px" onclick="sin_click('sin')">
<input type="button" name="log" value="log" style="width:30px;height:32px" onclick="log_click()">
</td></tr>
<tr>
<td>
<input type="button" name="four" value="4" style="width:30px;height:32px" onclick="addchar(this.form.txt,'4')">
<input type="button" name="five" value="5" style="width:30px;height:32px" onclick="addchar(this.form.txt,'5')">
<input type="button" name="six" value="6" style="width:30px;height:32px" onclick="addchar(this.form.txt,'6')">
<input type="button" name="sub" value="-" style="width:30px;height:32px" onclick="addchar(this.form.txt,'-')">
<input type="button" name="cos" value="cos" style="width:30px;height:32px" onclick="cos_click('cos')">
<input type="button" name="ln" value="ln" style="width:32px;height:32px" onclick="ln_click()">
</td></tr>
<tr>
<td>
<input type="button" name="seven" value="7" style="width:30px;height:32px" onclick="addchar(this.form.txt,'7')">
<input type="button" name="eight" value="8" style="width:30px;height:32px" onclick="addchar(this.form.txt,'8')">
<input type="button" name="nine" value="9" style="width:30px;height:32px" onclick="addchar(this.form.txt,'9')">
<input type="button" name="mul" value="*" style="width:30px;height:32px" onclick="addchar(this.form.txt,'*')">
<input type="button" name="tan" value="tan" style="width:30px;height=32px" onclick="tan_click('tan')">
<input type="button" name="lb" value="lb" style="width:30px;height:32px" onclick="lb_click()">
</td></tr>
<tr>
<td>
<input type="button" name="zero" value="0" style="width:30px;height:32px" onclick="addchar(this.form.txt,'0')">
<input type="button" name="dot" value="." style="width:30px;height:32px" onclick="addchar(this.form.txt,'.')">
<input type="button" name="equal" value="=" style="width:30px;height:32px" onclick="equal_click()">
<input type="button" name="div" value="/" style="width:30px;height:32px" onclick="addchar(this.form.txt,'/')">
<input type="button" name="sign" value="+/-" style="width:30px;height:32px" onclick="sign_click()">
<input type="button" name="resi" value="1/x" style="width:30px;height:32px" onclick="resi_click()">
</td></tr>
</table>
</center>
</form>
</body>
<!-- Scripts by hscripts.com -->



El ejemplo pueden observarlo en la sidebar.