Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje28-07-2010, 15:48 (UTC)    
Título del mensaje: [Tutorial Externo] Crea themes para Google Chrome

Hola hoy les presento este tutorial echo por Trokut y Design-PwG bueno espesaremos con este tutorial.

Primero deben descargar los archivos para empesar paso a paso con este tutorial les dejo los archivos en la siguiente url:
Click aqui

Tutorial:
Primero se deben crear las imágenes que luego serán guardadas en la carpeta Image. Las imágenes que deben crear son las siguientes:

El tamaño de píxeles de los archivos debe ser el siguiente:
theme_frame.png -> 1400x72
theme_ntp_attribution.png -> 240x119
theme_ntp_background.png -> 1024x678
theme_tab_background.png -> 50x50
theme_toolbar.png -> 150x125

Ahora les dejare las funciones de cada imagen para que se guien un poco mejor

Aquí la función de cada imagen:
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, el fondo del del navegador.
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.

Es importante que tengan ese nombre ya que el archivo manifest.json las tiene guardada así si alguno quiere editar el manifest.json debe abrir el bloq de notas y luego para guardarlo deben hace lo siguiente:
Archivo => Guardar Como => Nombre: manifest.json
Una ves editadas las imágenes deben hacer lo siguiente:

Cambiar en el manifest.json de esta carpeta los colores decimales RGB para mayor personalización.
Para eso miren esto:
http://es.wikipedia.org/wiki/Colores_HTML

Una vez modificado el manifest.json, en Herramientas->Extensiones del google Chrome, compilar esta carpeta, previamente habiendo borrado los archivos terminados en .txt.

Después, ejecutar en la barra de URL el archivo .crx, para saber como se ha de ejecutar, crear en la carpeta en la que se encuentra el .crx un archivo .html y abrirlo con google chrome. Después cambiar el nombre y la extensión del HTML por el nombre y la extensión del .crx, cargar y ¡Listo!.

Eso es todo amigos para dudas y preguntas pueden hacerlas aca mismo.

Créditos: Trokut y Design-PwG
______________

10 años ayudando a PWG.

Soporte PWG: ayuda@paginawebgratis.es
Reportes: support-es@webme.com


Ultima edición por design-pwg el Mie Jul 28, 2010 12:23 pm; editado 1 vez
Mensaje28-07-2010, 15:52 (UTC)    
Título del mensaje:

Muy Buen tutorial!


Aunque yo ya sabia como hacerlo!!
______________
Luciano Jmz
Luciano Jmz
Mensaje28-07-2010, 15:52 (UTC)    
Título del mensaje:

Falta el archivo manifest.json:
Código:
{
   "name": "rnombre del tema",
   "theme": {
      "colors": {
         "bookmark_text": [ 0, 0, 0 ],
         "frame": [ 0, 0, 0 ],
         "ntp_background": [ 0, 0, 0 ],
         "ntp_header": [ 0, 0, 0 ],
         "ntp_link": [ 0, 0, 0 ],
         "ntp_section": [ 0, 0, 0 ],
         "ntp_section_link": [ 0, 0, 0 ],
         "ntp_section_text": [ 0, 0, 0 ],
         "ntp_text": [ 0, 0, 0 ],
         "tab_background_text": [ 0, 0, 0 ],
         "tab_text": [ 0, 0, 0 ],
         "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"
}

______________
Atte. Trokut
Mensaje28-07-2010, 15:53 (UTC)    
Título del mensaje:

trokut escribió:
Falta el archivo manifest.json:
Código:
{
   "name": "rnombre del tema",
   "theme": {
      "colors": {
         "bookmark_text": [ 0, 0, 0 ],
         "frame": [ 0, 0, 0 ],
         "ntp_background": [ 0, 0, 0 ],
         "ntp_header": [ 0, 0, 0 ],
         "ntp_link": [ 0, 0, 0 ],
         "ntp_section": [ 0, 0, 0 ],
         "ntp_section_link": [ 0, 0, 0 ],
         "ntp_section_text": [ 0, 0, 0 ],
         "ntp_text": [ 0, 0, 0 ],
         "tab_background_text": [ 0, 0, 0 ],
         "tab_text": [ 0, 0, 0 ],
         "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"
}


Dicho archivo esta en la carpeta de descarga que di al principio del post

Saludos
______________

10 años ayudando a PWG.

Soporte PWG: ayuda@paginawebgratis.es
Reportes: support-es@webme.com
Mensaje28-07-2010, 15:55 (UTC)    
Título del mensaje:

Es preferible descargar los themes, se encuentran muchos por la internet, sobre todo en Taringa, porque por lo que ví no es fácil.
Mensaje28-07-2010, 15:57 (UTC)    
Título del mensaje:

Claro pero si alguien quiere tener sus propios themes es preferibles crearlos

Saludos
______________

10 años ayudando a PWG.

Soporte PWG: ayuda@paginawebgratis.es
Reportes: support-es@webme.com
Mensaje28-07-2010, 16:34 (UTC)    
Título del mensaje:

muy bueno en verdad (Y)
______________
La firma no puede superar los 450*100 pixeles
Mensaje28-07-2010, 17:02 (UTC)    
Título del mensaje:

dcmanganime escribió:
muy bueno en verdad (Y)


Muchas gracias dcmanganime real mente me asombra que muchos comenten mis aportes y eso lo valoro para los próximos aportes

Saludos
______________

10 años ayudando a PWG.

Soporte PWG: ayuda@paginawebgratis.es
Reportes: support-es@webme.com
Mensaje28-07-2010, 17:29 (UTC)    
Título del mensaje:

Yo no he comentando los que hiciste hoy porque estaba haciendo mi parte del aporte .

Espero que os haya gustado a todos nuestro aporte en Equipo,
______________
Atte. Trokut
Mensaje28-07-2010, 17:30 (UTC)    
Título del mensaje:

Claro no hay problema me gusta tu apoyo y lo agradezco mucho al igual que muchos otros usuarios

Saludos
______________

10 años ayudando a PWG.

Soporte PWG: ayuda@paginawebgratis.es
Reportes: support-es@webme.com
Mensaje28-07-2010, 18:50 (UTC)    
Título del mensaje:

Muy bueno aunque no uso mucho google chrome
______________
Quieres mi web? Yo también :P
Mensaje28-07-2010, 23:58 (UTC)    
Título del mensaje:

Muchas gracias todobanners espero que sigan comentando

Saludos
______________

10 años ayudando a PWG.

Soporte PWG: ayuda@paginawebgratis.es
Reportes: support-es@webme.com
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group