LasIndias.blog

Conquistar el trabajo es reconquistar la vida

Grupo de Cooperativas de las Indias

videoblog

libros

Cómo hacer Google Chrome Themes

Tras haber descargado el Chrome Theme indiano que colgué ayer han sido varios los amigos que me han preguntado cómo se hacía
Google Chrome Theme

Es sencillo: antes de nada cread una carpeta con el nombre de vuestro tema. Dentro de ella cread otra llamada Image. En la carpeta del tema, abrid el gedit, bluefish o cualquier blog de notas. Cread un documento nuevo llamado manifest.json.

Calcadle el siguiente código, editando claro, el nombre del tema y la versión:

[code]
{
“name”: “nombre_de_vuestro_tema”,
“theme”: {
“colors”: {
“bookmark_text”: [ 255, 255, 255 ],
“frame”: [ 255, 255, 255 ],
“ntp_background”: [ 45, 42, 41 ],
“ntp_header”: [ 0, 0, 0, 1 ],
“ntp_link”: [ 255, 255, 255 ],
“ntp_section”: [ 68, 68, 68, 0.3 ],
“ntp_section_link”: [ 255, 255, 255 ],
“ntp_section_text”: [ 255, 255, 255 ],
“ntp_text”: [ 255, 255, 255 ],
“tab_background_text”: [ 0, 0, 0 ],
“tab_text”: [ 255, 255, 255 ],
“toolbar”: [ 0, 0, 0 ]
},
“images”: {
“theme_frame”: “Image/theme_frame.png”,
“theme_ntp_attribution”: “Image/theme_ntp_attribution.png”,
“theme_ntp_background”: “Image/theme_ntp_background.png”,
“theme_tab_background”: “Image/theme_tab_background.png”,
“theme_toolbar”: “Image/theme_toolbar.png”
},
“properties”: {
“ntp_background_alignment”: “bottom”,
“ntp_background_repeat”: “no-repeat”,
“ntp_logo_alternate”: 1
},
“tints”: {
“buttons”: [ 1, 1, 1 ]
}
},
“version”: “0.1”
}
[/code]

Ahora editaremos los gráficos del tema. En la carpeta Image deberéis incluir los siguientes gráficos:

  • theme_frame.png: Es el color o imagen de fondo que veremos tras las pestañas del navegador
  • theme_ntp_attribution.png: La firma del tema que aparece en la esquina inferior derecha de las pestañas vacías. Conviene que tenga el fondo transparente.
  • theme_ntp_background.png: la imagen de fondo en la pestaña vacía, en nuestro caso un hermoso lobo ibérico.
  • theme_tab_background.png: el color en el que aparecerán las pestañas no activas. Conviene que no sea opaco, sino una capa que incluya blanco sobre el color de fondo sin perder del todo la transparencia.
  • theme_toolbar.png: El color de la barra de navegación y la pestaña activa.

Con todo esto listo, sólo nos queda compilar el tema. Para ello usaremos las herramientas para desarrolladores que incluye el propio navegador. En la barra de direcciones escribiremos chrome://extensions y pincharemos en Pack extension donde le guiaremos a la carpeta de nuestro tema.

Al empaquetar aparecerán dos archivos:

  • nombre_del_tema.crx: el tema ya empaquetado y listo para instalar, este es el archivo que colgaremos en la red y que pasaremos a nuestros amigos.
  • nombre_del_tema.pem: es una llave que nos pedirá cuando queramos empaquetar una nueva versión

Para intalar sólo tendremos bien que descargar el archivo crx de la red (tras descargarlo pregunta si lo instala o no) o apuntar con el navegador al directorio que tengamos (en mi caso, escribiendo en la barra de navegación file://home/david/Escritorio/chrome_indiano.crx)

Sencillo, ¿verdad?

«Cómo hacer Google Chrome Themes» recibió 0 desde que se publicó el Domingo 15 de Noviembre de 2009 . Si te ha gustado este post quizá te gusten otros posts escritos por David de Ugarte.

Deja un comentario

Si no tienes todavía usuario puedes crear uno, que te servirá para comentar en todos los blogs de la red indiana en la
página de registro de Matríz.