Captura el color de cualquier parte de tu pantalla

Les comparto una pequeña aplicacion, con la cual podremos enterarnos del codigo de color de cualquier pixel en pantalla, ya sea pagina web o imagen.

Se trata de AdesClrPicker de AdesDesign.
Es una herramienta muy util q nos presentara el color en codigo HTML, RGB, Delphi, C++, VB. (solo conosco html xD)

Descarga: AdesClrPicker v2.2
Sitio oficial: http://www.adesclrpicker.com/

Mini reproductor MP3 en Blogger

Buscando reproductores mp3 para mi blog, encontré este pequeñísimo reproductor, con el cual nuestros visitantes podrán escuchar la canción antes de descargarla, me gusto por que solo hay que alojar el archivo mp3 y hacer que se reproduzca ahí. (Yo digo que es fácil jeje)

Esto lo lograremos de la siguiente forma:

Hay que copiar el siguiente código:

<script type="text/javascript" src="http://googlepage.googlepages.com/player.js"></script>

Y pegarlo en cualquier parte de nuestro blog. (Yo lo usare dentro de la plantilla html de mi Blogger)

Ahora para que hagamos el llamado al archivo a reproducir, hay que copiar el siguiente código:

<a href="http://www.servicioweb.com/micancion.mp3">Descargar</a>

Y pegarlo donde queramos que aparezca nuestro archivo mp3. Aparecera un triangulito rojo ahi se le da clic para reproducir la cancion.

Quedara algo como esto: (esperen un momento n_n)
Descargar
En este caso utilicé el servicio de Dropbox para alojar mi archivo mp3.

Y eso es todo! que me dicen? les sirve?

Pueden intentar usar estos otros servicios de hosting:
Fileden, localhostr, SnapDrive o FileLodge.

Cursores de Windows Vista

El otro día estaba de ocioso (como siempre -__-U) y se me ocurrió ponerle los cursores de Windows Vista a mi Windows XP y como me imagino alguno lo ha de buscar por ahí, pues aquí lo dejo. Solo tienen que descomprimir el archivo en una carpeta y dar clic derecho sobre el archivo Install.inf y en el panel de control en la sección de punteros elegir el esquema de nombre Aero Cursors (Alphablended) y eso es todo, espero les agraden (por lo menos para variar un poco -__-U) se que hay muchas peronas por ahi que les gusta personalizar su pc o su Windows jeje. n_n





Descarga:
http://www.megaupload.com/?d=7X7E7N3H

Agregar Windows Live Messenger a una pagina web o blog

A continuación te presento una manera fácil de agregar un pequeño mensajero de Windows Live Messenger para tu web o blog y para eso hay que dirigirnos a esta dirección:
http://settings.messenger.live.com/applications/websettings.aspx

Si ya habías iniciado sesión con una cuenta de MSN entraras directamente y si no es el caso, hay que iniciar con la cuenta que quieres utilizar (obviamente xD) una vez dentro tienes que marcar la casilla que dice: Permitir que los usuarios de sitios web vean mi estado y me envíen mensajes. Y ahí mismo se te informa que siempre se mostrara el estado del WLM, y los usuarios que hayas bloqueado podrán verte también, ahora hay que guardar la configuración con el botoncito que se encuentra arriba.

Ahora debes continuar donde dice Crear HTML donde elegirás el estilo que prefieras y mejor se acomode a tu web.

En la primer opción esta un pequeño mensajero con el que les permitirá a tus visitantes enviarte mensajes ya estén registrados en MSN Live o visitantes anónimos y contestarles.


La segunda es un pequeño botón que al darle clic se abrirá una ventanita con el mensajero explicado antes.

La tercera es un pequeño icono que solo informara tu estado del Windows lIve Messenger.


Y después de elegir el estilo, tamaño, color hay que copiar el código que aparece abajo y pegarlo en tu web o blog, así de fácil.

Y como ejemplo he usado mi propio MSNLive asi que podrán darme su opinion, ademas de firmar este post xD

Espero les sea de utilidad.

Agregar un boton spoiler

Últimamente me he topado con algunos foros, blogs o webs que están usando los llamados spoilers pues en un acto de ociosidad (como de costumbre -__-U) me di a la tarea de investigar como hacer uno y de paso descubrir para que sirve originalmente (emmm cual seria mi prioridad?) ya que podemos darle el uso que queramos jeje n__n

Estos botones sirven para no echar a perder la trama a alguien que no sepa completamente el tema del que estamos hablando, ya sea que estemos ofreciendo una critica de una película y en algún momento nos da por decir algo que es de suma importancia pero no queremos fastidiarle el momento a alguien que no la ha visto, pues ahí entra en acción un spoiler, pues podremos ponerlo y advertir que ahí esta algo que podria arruinarle la película.

Spoiler texto que puede develar informaciones futuras, la palabra spoiler proviene del inglés «spoil» cuyo significado es «estropear(se), echar(se) a perder, arruinar(se)». Spoiler quiere decir aguafiestas. Es bastante común que esta palabra aparezca en reseñas, comentarios, monografías, etc., indicando la situación antes mencionada, para aquellos que consideran los adelantos perjudiciales para el disfrute de la historia. http://es.wikipedia.org/wiki/Spoiler

Bueno, despues de tanto choro pasemos a lo mas importante xD poner uno en nuestra web. Y para ello solo necesitaremos pegar este codigo donde queramos que aparesca:

<div style="background-color: #CCCCCC; border: 1px solid #666666; padding: 5px;">
Este es un spoiler: <span>
<span style="margin-bottom: 5px;">
<input class="button" value="Mostrar" style="margin: 0px; padding: 0px; font-size: 12px;" onclick="if (this.value=='Mostrar') { this.parentNode.parentNode.getElementsByTagName('span')[1].getElementsByTagName('span')[0].style.display = '';this.innerText = ''; this.value = 'Ocultar'; } else { this.parentNode.parentNode.getElementsByTagName('span')[1].getElementsByTagName('span')[0].style.display = 'none'; this.value = 'Mostrar';}" type="button">
</span>
<span>
<span style="border: 0px dashed rgb(11, 25, 140); padding: 0pt 3px; display: none;"><br>
Esto es un texto oculto<br>
o un spoiler como le quieran llamar<br>
jajajajaja xD
</span>
</span>
</div>

El resultado sera como este: (esque en mi blog se cambia un poco)

Este es un spoiler:
Esto es un texto oculto
o un spoiler como le quieran llamar
jajajajaja xD

Pues nada mas es cuestion que practiquen un poco modificandolo y ya veran. chau!

Quitar todos los hipervinculos en word 2003

Que onda! Si alguna vez han tenido la necesidad de copiar una pagina web y pegarla en Word posiblemente han tenido que quitar cada uno de los hipervínculos que se quedan agregados, pues si te parece tedioso estar quitando cada uno de ellos, aquí les dejo este macro que les ahorrara mucho tiempo (digamos que trabajas en un cibercafe y tienes que hacer tareas ajenas jaja).

En tu archivo de Word debes oprimir Alt+F11 te aparecerá una ventana de Microsoft Visual Basic ahora tienes que ir a menú Insertar luego en Modulo y ahí pegaras el siguiente código:

Sub Quitahiper()

Dim i

Do While ActiveDocument.Hyperlinks.Count > 0
For Each i In ActiveDocument.Hyperlinks
i.Delete
Next i
Loop

End Sub

Ahora puedes cerrar esa ventana, ya de regreso en Word activaras este macro oprimiendo Alt+F8 y aceptando en Ejecutar

Esto no es mio, lo encontre en la siguiente direccion:
http://www.todoexpertos.com/categorias/tecnologia-e-internet/software-y-aplicaciones/microsoft-word/respuestas/104379/eliminar-hipervinculos-en-word
Espero les sea de utilidad, yo últimamente lo uso mucho. xD

Como agregar un icono (favicon) a tu sitio web

Y algunos se preguntaran que es un favicon?
La palabra FavIcon es una abreviatura de "Favorites Icon" O__O
Y es el icono que aparece en algunos navegadores junto a la dirección de una página web, en las pestañas de navegación, en la barra de titulo y en los favoritos guardados, y es probable que ya lo conozcan. n_n

Pues bien ahora hay que hacer uno propio.

Para empezar necesitamos una imagen de 32x32 o 48x48 píxeles (o una imagen exactamente cuadrada xD jaja asi le hago yo).
Y vamos a la siguiente herramienta:
http://tools.dynamicdrive.com/favicon/



Solo tenemos que subir nuestra imagen con el botón Examinar... elegir el tamaño de nuestro futuro favicon, dar clic en el botón Create Icon y esperar...



Aparecerá un ejemplo con el resultado y ahora solo hay que dar clic en el botón Download FavIcon para descargar nuestro favicon.ico, ahora solo tenemos que colocar este archivo donde se encuentran los demas archivos de nuestra pagina web.

Ahora hay que editar nuestro código HTML para que el favicon se pueda ver.

Entre las etiquetas:

<head>
...
...
</head>

Pegaremos lo siguiente:

<link href="/favicon.ico" rel="shortcut icon">

Donde habrá que cambiar /favicon.ico por la ruta donde se encuentra nuestro icono.

Así de fácil! n__n (espero haberlo explicado bien o_oU)