05/09 | Mi laboratorio de pruebas

mayo 29, 2009

Como eliminar el subrayado de los link

Escrito por: José Pinto en 12:14 a. m.

Para eliminar el fastidioso subrayado de los enlaces o link sólo tenemos que colocar el siguiente código en cualquier parte de tu plantilla, preferiblemente sobre </head> para que se nos haga fácil ubicarlo en cualquier momento. A continuación dicho código:

<style> 

A:link {text-decoration: none;} 

A:visited {text-decoration: none;} 

</style>

Espero les sea de utilidad.

mayo 28, 2009

Iconos personalizados

Escrito por: José Pinto en 9:35 p. m.

He encontrado en la web esta herramienta que nos permite cambiar el tamaño y color de una serie de íconos web de uso común y que son aportados por la misma herramienta antes de bajarlos a nuestro PC. Los tamaño en que podemos descargar los íconos son 32, 24 y 16 px y los colores quince (15) . Se trata de Iconza, un Turboproject, como es llamado por Turbomilk

, que es quien se lleva los lauros por tan formidable herramienta.

Puedes acceder a ella desde Iconza

mayo 24, 2009

Background a cuadros

Escrito por: José Pinto en 2:27 p. m.

Había visto en algunos blogs, que las cajas contenedoras de códigos tenían el fondo cuadriculado. Muchas veces me pregunte como podría hacerse eso o en su defecto donde podría encontrar estos fondos, y no fue hasta ahora, que estando de visita en un blog de ayudas, donde el administrador había posteado una entrada, donde precisamente se pedía colocar la URL de una imágen para colocarla de fondo. Sin proponermelo o buscar mucho, conseguí una herramienta online que nos hace, después de un par de clicks, todo el trabajo. He querido compartir con Uds. esta herramienta, con la seguridad que lo van a apreciar se trata de TartanMaker. Por ser tan instuitiva no se necesita dar mayores explicaciones sobre su funcionamiento, teniendo sólo, que comenzar a utilizarla si hay la necesidad. A continuación algunos ejemplos:

Aquí una vista de lo que es la herramienta:

Espero que les sea de utilidad.

Como recuperar las claves en los Sistemas de Mensajeria

Escrito por: José Pinto en 6:00 a. m.

Con MessenPass, programa gratuíto, ligero y en español, podemos recuperar nuestras claves perdidas u olvidadas de nuestros usuales o mas usuales sistemas de mensajería tales como:

MSN Messenger.
Windows Messenger.
Yahoo Messenger.
AOL Instan Messenger.
Google Talk.
ICQ Lite.
Trillian.
Miranda.
Gaim/Pidgin.

Su funcionamiento es muy simple: solo pulsamos el botón buscar y lo demás es "cuento". Como observación debemos tener en cuenta que al descargar éste software, tu programa antivirus puede identificarlo como un virus, impidiendo su ejecución, por lo que tendrías que deshabilitarlo momentaneamente, mientras lo instalas.

Para obtenerlo puedes descargarlo desde aquí .

mayo 23, 2009

Markkit resaltador para tu blog

Escrito por: José Pinto en 7:36 a. m.

Herramienta que nos permite resaltar, en nuestro blog, secciones de textos en las entradas, que nos parezcan interesantes o relevantes para su uso posterior o como recordatorio. Solamente trabaja en Mozilla Firefox, Opera, Google Chrome y Apple Safari. Para implementarlo en tu blog sólo tienes que acceder a MarkkitHighlight y comenzar a brindarle, a los lectores de tu blog, esta útil herramienta para resaltar.

mayo 22, 2009

Face Pad descarga directa para Facebook

Escrito por: José Pinto en 5:45 a. m.

Esta es una extensión para Firefox, con la cual podemos descargar, de forma directa, álbumes completos desde Facebook. Las imágenes son descargadas en lotes de veinte (20) y son enviadas a carpetas por defecto para las descargas de Mozilla Firefox. Si existiesen nombres similares en las fotografías la extensión, automáticamente, las renombraría. Es compatible con Firefox 3.1..
Su descarga puedes hacerla desde aquí.

Espero que esta información les sea de utilidad.

mayo 21, 2009

Tachando con CSS

Escrito por: José Pinto en 5:08 a. m.

Sabemos que para tachar debemos utilizar, en este caso, la etiqueta <strike></strike>. Una manera de darle estilo a esta forma de tachar es agregando el siguiente código entre las etiquetas <head> y </head> :

strike{text-decoration:none;background:transparent url(strike.png)repeat-x left 55%;}

En la parte coloreada de rojo, donde dice strike.png vamos a colocar la imágen que deseamos para tachar la frase y a continuación alguna de esas imágenes:

https://dl.getdropbox.com/u/833381/strikeverdeuz1.png

https://dl.getdropbox.com/u/833381/strike3lh0.png

https://dl.getdropbox.com/u/833381/strike2negrohv5.png

Para finalizar, sólo tenemos que colocar la frase a tachar entre las etiquetas en la parte de arriba mencionadas y nos aparecerá, tachando la frase, la imágen que hallamos escogido para ello.

Espero que les sea de utilidad.

Visto en: Blog-Bazar.

mayo 20, 2009

Caja para texto

Escrito por: José Pinto en 4:34 a. m.

Sabemos que existen variadas formas de implementar cajas para texto y nunca está demas enriquecer nuestra despensa con alguna otra forma que podamos, en un futuro, utilizar en nuestro blog. A continuación el código a introducir en nuestra plantilla y que debemos colocar en el CSS de la misma, o lo que es lo mismo, colocar antes de ]]></b:skin>

/*Corner Box*/

.corner-box{

background:URL(http://img47.imageshack.us/img47/2964/];

margin:0 0 10px 0;

padding:12px 0 12px 15px;

}

.corner-box h2,h3{

margin-top:0;

}

Para poder utilizar la caja debemos utilizar este otro código, el cual tendríamos siempre a mano si lo colocamos en la plantilla de entrada :



<div class="corner-box">Aquí el Contenido</div>

Espero que esta información les sea de utilidad.

mayo 16, 2009

Un Bloc de Notas con Mejoras

Escrito por: José Pinto en 6:38 p. m.

Con este título me refiero a Win32Pad, utilidad que podría reemplazar al Bloc de Notas de Windows. Es una versión con notables mejoras, entre las que podemos nombrar: una barra de herramientas con íconos representativos de cada función, contador de líneas y columnas que indican la posición del cursor, destaca las URL y direcciones de e-mail. Guarda los últimos archivos abiertos para poder abrirlos, nuevamente, de manera cómoda. Nos avisa si tenemos activado el sobrescribir o el insertar. También podemos minimizar la barra de tareas como modificar algunas otras funciones mas.
Lo negativo: "ESTA EN INGLES" pero es muy instuitivo. Desde éste enlace puedes descargarlo y a continuación una vista preliminar del mismo.

Imagicon: Conversor de imágenes

Escrito por: José Pinto en 5:04 p. m.

Utilidad gráfica diseñada para convertir archivos de imágenes BMP, JPG ó PNG a imágenes BMP, JPEG, PNG e ICO. Luego de haber realizado la conversión, los íconos pueden ser guardados en tamaños 16x16, 32x32, 48x48, 64x64 y el enorme tamaño de 128x128. Para la obtención de ésta útil y práctica herramienta pueden pulsar este enlace, para su descarga.

mayo 12, 2009

Comprimir los codigos JS

Escrito por: José Pinto en 5:07 p. m.

Todos sabemos cuan pesados son los códigos js hasta el punto que relentizan nuestras páginas cuando hay la necesidad, casi siempre, de utilizarlos. En estos dias, buscando algún programa con el cual pudiese aligerar algunos que tengo incluídos en mi blog, me topé con la información en Blog and Web de Bananascript, un compresor de códigos javascript que elimina saltos de línea, comentarios y cualquier código sin función alguna en la página. Traté de utilizarlo y todo perfecto hasta que necesitaba bajar el archivo comprimido. No hubo forma ni manera de lograrlo y decidí seguir buscando y conseguí una página donde nos proporcionan un compresor de js, y con el cual si pude bajar el archivo comprimido y se trata de :

Desde éste enlace podrán acceder a el y comprobar su efectividad.

mayo 11, 2009

Como generar reflejo en una imagen

Escrito por: José Pinto en 5:46 p. m.

Para éste efecto debemos utilizar dos códigos, uno que tienes que colocar encima de </head> , para de esta manera instalar el código js en tu plantilla, y el otro código lo utilizarás para colocar la imágen con el llamado al efecto reflejo. El código .js podrás bajarlo desde aquí, para poder descargarlo a tu PC y luego subirlo hasta el hosting que estés utilizando, y de ésta manera poder obtener la URL del código js. que necesariamente tendrás que utilizar para poder implementar el primer código :

<script src='URL codigo js'type='text/javascript'></script>

El segundo código a implementar es el siguiente:

<img src="URL de la imágen" class="reflect"/>

Lo siguiente es un ejemplo de lo antes dicho:

Este es el ejemplo

Espero que les sea de utilidad.

mayo 10, 2009

Como colocar una firma personalizada en Hotmail

Escrito por: José Pinto en 12:03 p. m.

Colocarla es bastante fácil y este es el paso a paso: accedemos al correo hotmail, nos vamos a la sección OPCIONES haciendo click en ella, luego, nuevamente click en MAS OPCIONES. Esto nos llevará al pánel de control de OPCIONES GENERALES de hotmail. Seguidamente localizamos esto : "personalizar tu correo" . Allí a firma personal de correo electrónico como podrás detallar en imágen anexa:

Firma personal de correo electrónico

Escribe texto a continuación para agregarlo al final de cada mensaje de correo electrónico que envíes.

La firma personalizada puedes obtenerla en my live signature , luego que la obtengas la subes al hosting que estés utilizando para poder obtener la URL de la imágen que luego vas a necesitar para implementarla en el formulario de correos hotmail mediante éste código: <img src=" URL de la imágen "/> . Después de haber hecho esto le das a GUARDAR y asunto concluído.

Una forma de medir lo que ves en pantalla: Meazure 2.0.158

Escrito por: José Pinto en 7:14 a. m.

Meazure es una herramienta de medición con la que puedes analizar las dimensiones y proporciones de todo lo que ves en pantalla. Desde el panel flotante de Meazure, que se queda en primer plano, puedes lanzar varias herramientas de medición que se arrastran y ajustan con el ratón. Puedes trazar líneas, áreas rectangulares, círculos o ángulos, así como medir ventanas activas. Cada posición puede guardarse para un uso posterior.Mientras muevas el ratón, Meazure te informará de la posición relativa del 'Puntero' , normalmente controlada por un ratón o trackball básica para realizar la interacción con todos los aspectos del sistema operativo, programas y juegos. En el panel principal, un recuadro ampliará la imagen hasta 32 aumentos, informando acerca del color 'RGB' Sistema de representación de la imagen basado en los tres colores primarios, rojo, verde y azul. Es el sistema usado habitualmente en monitores y televisiones. La unión de estos tres colores crea el blanco del área sobre la que te halles. Los dos últimos botones de la barra de Meazure activan prácticas reglas y una rejilla cuadriculada. Meazure dispone de siete unidades de medida, pero puedes crear la tuya propia en las opciones. Además, el aspecto de las reglas y de las demás herramientas es configurable por completo.

Fuente: Softonic

mayo 07, 2009

Efecto Arco Iris en los enlaces

Escrito por: José Pinto en 11:38 p. m.

Este es un efecto bastante sencillo de aplicar y los resultados fantásticos . Nuestros links destacarán de una forma vistosa, resaltando, al pasar sobre ellos, el mouse. ¿ Como aplicarlo ? aquí el paso a paso: Accedemos a nuestra plantilla de la forma acostumbrada, nos vamos a la sección DISEÑO, EDICION HTML y expandiendo artilugios, ayudados por nuestro buscador de códigos (CTRL+F) ubicamos </head>, y justo encima colocamos éste código que es el que nos vá a proporcionar el efecto:

<script src='http://dl.getdropbox.com/u/833381/rainbow.js'/>

Luego de esto guardamos los cambios y a ver el efecto en nuestros enlaces.

mayo 03, 2009

Creando nuestros propios botones con Button-Shop3

Escrito por: José Pinto en 3:34 p. m.

Sabemos que la presentación es un buen pasaporte para entrar, y es por ello la recomendación que voy a dejarles con BUTTONSHOP3. Este es un programa de descarga con el que podrás elaborar botones para usar en tu web o blog con apariencias muy bonitas. Acá abajo encontrarás el link de descarga:

Espero que ésta información les sea de utilidad.

mayo 02, 2009

Aumentar el tamaño de las fuentes

Escrito por: José Pinto en 5:51 p. m.

Es un efecto que había visto hace tiempo pero la falta del mismo no me había permitido implementarlo en mi blog. Después de buscar en mis apuntes logré conseguir la información, y en mi sidebar pueden observar que es así. Ahora quiero hacerselo llegar a Uds., sólo tiene que colocar el siguiente código entre las etiquetas <head> y </head> , preferiblemente antes de </head> para poder ubicar el código en caso de cualquier eventualidad.

<script type="text/javascript">

var tgs=new Array('div','td');

var szs=new Array('xx-small','x-small','small','medium','large','x-large','xx-large');

var startSz=2;

function ts(trgt,inc) {

if (!document.getElementById) return



var d=document,

cEl=null,sz=startSz,i,j,cTags;

sz += inc;

if (sz < sz="0;"> 6) sz=6;

startSz=sz;

if ( !(cEl=d.getElementById(trgt))) cEl=d.getElementsByTagName(trgt)[0];

cEl.style.fontSize=szs[sz];

for (i=0 ; i < ctags="cEl.getElementsByTagName(tgs[i]);" j="0;" fontsize="szs[sz];">

Luego de haber colocado el código en la plantilla hacemos click en GUARDAR y de seguidas nos vamos a diseño, añadir un elemento de página y hacemos click en HTML/Javascript, donde vamos a colocar este otro código:

<a href="javascript:ts('body',1)"> AUMENTAR </a>



<a href="javascript:ts('body',-1)"> DISMINUIR </a>

La parte que vemos coloreada de rojo podemos cambiarla por una imágen como pueden observar en la sidebar y de la cual les dejo la dirección por si deciden utilizarla. Esta es la dirección:

http://dl.getdropbox.com/u/833381/20090502_170813.jpg ( para aumentar fuente )

http://dl.getdropbox.com/u/833381/20090502_171044_1.jpg (para disminuír fuente)

Espero que ésta información les sea de utilidad.

mayo 01, 2009

Como cambiar el tamaño de la fuente utilizando HTML

Escrito por: José Pinto en 6:10 p. m.

El título de ésta entrada es bastante obvio, por ello vamos, directamente, a la explicación con sus correspondientes ejemplos. Para comenzar utilizaremos éste código:

<font size="#">Aquí texto o frase</font>

El símbolo que está entre comillas, lo vamos a cambiar por un valor numérico ( 1 al 7 ) ,entendiendo

que el número 1 sería el de menor tamaño y el 7 todo lo contrario. De seguidas unos ejemplos:

Mira éste tamaño

Y...este otro

¡Máximo!

Otra forma de obtener este efecto es utilizando la etiqueta <big> , colocando cuantas veces quieras agrandar el texto, línea o letra dicha etiqueta, lograrás el efecto deseado. De seguidas unos ejemplos:

Este tamaño sería 2 <big>

<big><big>Este tamaño sería 2 <big></big></big>

Este tamaño sería 3 <big>

<big><big><big>Este tamaño sería 3 <big></big></big></big>

Espero que ésta entrada les sea de utilidad.

Suscribirse a: Entradas (Atom)

Mi laboratorio de pruebas Copyright © 2011 -- Template created by O Pregador -- Powered by Blogger