Morton 23 de octubre de 2010 a las 09.15
   Imprimir artículo
elWebmaster.com

Cómo crear una Persona para Firefox con tu logotipo


firefox_okA partir de Firefox 3.6 aparecieron las Personas, un curioso nombre para llamar a los temas que se pueden aplicar al navegador en forma instantánea y sin alterar los botones de navegación clásicos.

Lo m√°s divertido de todo, es que tu puedes crear tu propia Persona, ¬°Y compartirla con todos! En esta sencilla gu√≠a te ense√Īaremos como crearla en pocos pasos y utilizarla para difundir tu sitio web.

Puedes ver un ejemplo aquí:
Haz clic aquí en este enlace para visitar la Persona de elWebmaster.com >>

Si no has visto un Persona antes, te contaremos c√≥mo se ver√°: La imagen del encabezado se muestra como el fondo de la parte superior de la ventana del navegador, ocupando las barras de herramientas, la barra de navegaci√≥n, barra de b√ļsqueda y la l√≠nea de pesta√Īas. Ser√° fijada a la esquina superior derecha de la ventana del navegador. Aqu√≠ puedes ver un ejemplo:

encabezado

Lo mismo suceder√° con la parte inferior del navegador:

pie

¬°Manos a la obra!

Comencemos con los pasos para crear tu propio dise√Īo:

  1. Lo primero es ingresar a nuestro editor de im√°genes favorito (puedes utilizar, por ejemplo, Adobe Photoshop o GIMP) y crear una imagen vac√≠a de 3000px de ancho por 200px de alto. √Čste ser√° el encabezado.
  2. A continuaci√≥n llenaremos la imagen vac√≠a con nuestro dise√Īo, el que queramos, teniendo en cuenta los siguientes tips:
    • El peso del encabezado deber√° estar a la derecha, ya que los botones suelen estar a la izquierda por defecto, dejando el lado de derecho para la barra de b√ļsqueda de Google.
    • Usualmente la barra de b√ļsqueda de Google se posar√° sobre nuestro dise√Īo, por lo que puede ser conveniente rodearla. De todas formas, se trata de una barra transparente, e incluso algunos usuarios suelen desactivarla.
    • Utiliza dise√Īos simples y una gama de colores lo m√°s reducida posible.
    • La mitad (horizontalmente hablando) de la imagen que siempre ser√° visible es la superior (la parte inferior se har√° presente s√≥lo si el usuario utiliza barras de marcadores y otras extras), por lo que debes concentrar tu dise√Īo all√≠
    • En cada sistema operativo se ver√° distinto. No hay mejor forma de comprobar esto que viendo c√≥mo luce en todos y ajustando la imagen dependiendo de √©sto. En pasos siguientes te indicaremos c√≥mo puedes hacerlo utilizando la extensi√≥n Persona Plus.
    • En el proceso de subida de tu Persona al directorio, podr√°s seleccionar el color del texto del navegador, por lo que te preocupes si crees que no se ve correctamente con el color por defecto.
  3. Una vez que est√© listo, podremos guardar nuestro dise√Īo como extensi√≥n JPG o PNG, teniendo en cuenta que el peso final de la imagen no debe exceder los 300kb.
  4. Ahora que hemos terminado con el encabezado, continuaremos con el pie. Esta vez, la imagen a crear es de 3000px de ancho por 100px de alto.
  5. Tambi√©n la completaremos con nuestro dise√Īo. Aqu√≠ el √ļnico tip a tener en cuenta es que el espacio donde ir√° la imagen del pie suele estar poblado de texto e √≠conos de extensiones, por lo que aconsejamos utilizar un color s√≥lido presente en la gama de colores que utilizamos en el encabezado.
  6. Una vez listo, podremos guardar nuestro dise√Īo como extensi√≥n JPG o PNG. De nuevo, el peso final de la imagen no debe exceder los 300kb.

¬°Y ya est√°! Todo listo para hacer realidad tu Persona.

¡Quiero ver cómo luce!

Para probar (en forma local) en nuestro navegador como luce la Persona que estamos creando, deberemos instalar la extensión oficial Personas Plus para Mozilla Firefox. Podemos descargarla desde aquí:

Haz clic en en este enlace para visitar el sitio de descarga de Personas Plus >>

Una vez instalada la extensi√≥n, deberemos ingresar a sus Preferencias (haz clic en el zorrito enmascarado que ha aparecido en la parte inferior izquierda de tu navegador Mozilla Firefox), tildar la opci√≥n “Mostrar Mi Persona en el men√ļ. Luego haremos clic en Mi Persona -> Editar, donde se nos solicitar√° que busquemos en nuestros archivos la imagen que hemos creado para el encabezado y luego, la imagen que hemos creado para el pie. Tambi√©n podemos indicar el color del texto del navegador. Esto √ļltimo es muy importante ya que podremos comprobar c√ļal es el color m√°s adecuado para utilizar junto a nuestro dise√Īo.

¬ŅEst√°s conforme con los resultados? Si no, recuerda que puedes volver a editar la imagen y volver a intentarlo, todas las veces que quieras. Recuerda que se ver√° distinto dependiendo de qu√© sistema operativo utilices, por lo que puede ser conveniente probarlo en todos o al menos en el m√°s usado.

¬°Contemplad, oh mundo, mi dise√Īo!

El √ļltimo paso de esta gu√≠a es la difusi√≥n. Para que todo el mundo pueda utilizar tu Persona, debes visitar el siguiente enlace:

Haz clic aquí para subir tu Persona al directorio de Personas de Mozilla Firefox >>

Si a√ļn no tienes usuario, te pedir√° que te registres. Esto es r√°pido y gratuito. Luego deber√°s aceptar los T√©rminos del Servicio y seleccionar una licencia. Finalmente, te encontrar√°s con el recuadro de subida. All√≠ debes indicar nombre, imagen de encabezado, imagen de pie, colores del texto del navegador y una breve descripci√≥n de tu Persona. Aqu√≠ puedes ver un ejemplo:

formulario-persona

¡Y listo! Sólo queda esperar a que tu Persona esté disponible en los Directorios de Personas.

Mientras tanto, puedes vestir la Persona que hemos creado para esta guía:
Haz clic aquí en este enlace para visitar la Persona de elWebmaster.com >>

Cuando hayas creado tu Persona ¡Compártela con nosotros a través de un comentario en este artículo!

Por cualquier duda, visita las Preguntas Frecuentes sobre Personas en el sitio oficial de Mozilla Firefox >>

Fuente original del artículo: elWebmaster.com


Enviar a Del.icio.us Enviar a Meneame Enviar a Digg Enviar a Fresqui Enviar a Enchilame

Comentarios (2)

  1. jose angel lamas rodriguez dice:

    ah me parece bien, diganme una cosa los usuarios de google chrome, como yo pueden hacer lo mismo o no????

  2. Morton dice:

    @Jos√© √Āngel: Lamentablemente, las Personas s√≥lo est√°n disponibles para Mozilla Firefox. En Google Chrome, en cambio, puedes utilizar los themes.

Deja tu opinión

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder