Como crear un tema para firefox

12

Posteado en , ,

Cuando salio la version final de firefox 3.6 escribi algo sobre sus exelentes mejoras en sus temas y en la implementacion, hoy realizare un tutorial para que logremos crear nuestro propio tema (persona) de firefox.
Antes que nada tenemos que registrarnos en la pagina del complemento personas de firefox.
Despues tenemos que descargar la plantilla .PSD que nos proporciona la pagina del complemento personas ya que esta tiene todas las medidas y las secciones del tema separados por capas y nos facilitara el trabajo del tema.
Necesitamos tener photoshop para abrir la plantilla que descargamos, cuando la abrimos nos aparecen varias capas

Aqui tenemos que seleccionar alguna capa, si queremos un diseño personalizado para Mac os x, xp o vista seleccionamos solo esa opcion, aunque lo ideal es que sea un tema general y se vea bien en diferentes SO para eso seleccionamos la capa "ALL PLATFORM UI BARS"
[capas+temas+2.png]
Mas adelante utilizamos la herramienta seleccion y seleccionamos toda la barra, despues realizamos un degradado o usamos la herramienta bote de pintura con el color que queremos, ademas recuerden que la capa tiene la opacidad reducida puedes aumentarsela un poco.
Despues seleccionamos la capa background y creamos o pegamos la imagen que queremos sea como el "header" por ejemplo yo escogi la cabecera de mi blog
[capas+temas+3.png]
Guardas tu archivo en .PNG o .JPG pero recuerda que no debe pasar de los 300kb, si pesa mas de eso te recomiendo que leas el post de comprimir imagenes para bajar su tamaño.
El siguiente paso es crear el footer del tema, para eso abrimos photoshop y vamos a
archivo -> nuevo y le ponemos 3000 px de ancho y 100 px de alto

Aqui igualmente como en el header agregaremos la imagen que queremos en la parte baja les muestro la que yo utilizare y recuerden tiene las mismas recomendaciones que con el header no mas de 300 kb

Cuando ya la tengas listo el header y el footer procedemos a subir el tema y llenar los datos que nos piden para eso vamos a y le damos enviar
[registro+personas.png]
Si realizamos todo correctamente entonces nos debe aparecer un mensaje que dice exito (que bien merecido lo tenemo) ahora solo resta esperar a que aprueben nuestro tema y ya podremos usarlo en nuestro firefox

A mi ya me aceptaron mi tema en personas, les muestro como me quedo

Aunque yo no le agregue muchos detalles, ustedes con mas tiempo lo pueden hacer más completo y mejor.

12 comentarios:

Genial, era justo lo que buscaba. Ya mismo me voy a hacer el mío y si recuerdo hacerlo (XD) dejo una captura. ¡Nos vemos! ^^

Xeonice esperamos la captura que te vaya bien haciendo el tema!
saludos :D

muy bueno tecno compu, hice un post sobre persona hace poco en mi blog y me preguntaba como es que se hace para crear uno propio.
Saludos y gracias!!!

Que tal fomoriano, a mi me gusto mucho tener la posibilidad de crear nuestros propios temas y aun mas que los temas se agregan rapidito sin reiniciar ni nada :)
saludos!

muy buen tuto gracias algo asi estaba buscando saludos

muy buena me keo fantasticooo

olle suena muy interesante pero descarge la plantilla.PSD y no me aparecen las capas, y si tengo photoshop.
lla estoy reguistada en (firefox)XD
que abre hecho mal???

y en la pagina de personas tambien te registraste?

Soy david a mi la barra me aparece horrible XD. Mmmm que photoshop hay que usar¿?

gracias lo estaba buscando

muy bueno ojala y me sirva, gracias.

gracias eres un crack

Publicar un comentario

No dudes en dar tu opinion ni en preguntar, recuerda suscribirte a mi Feed