Hacer un tema para Chrome

Algo que quería hacer hace mucho tiempo y por fin consegui el tiempo y el tutorial para hacerlo.

Empecemos entonces, descarguemos este que hice yo, así se lo que hace cada cosa. Hice 2 temas, uno con las pestañas activas transparentes y otras con las pestañas blancas.
Transparentes
No transparentes

No le den ‘Descargar’ pongan guardar enlace como, ya que si no el tema se les aplica inmediatamente.

Primero hacemos una carpeta vacía en cualquier parte que queramos, con cualquier nombre que queramos. Luego abrimos el bloc de notas y copiamos este texto tal cual:

{“theme”: {
“images” : {
“theme_frame” : “Images/Frame_Arriba.png”,
“theme_toolbar” : “images/bookmarks.png”,
“theme_tab_background”: “images/tab_background.png”,
“theme_ntp_background” : “Images/fondo.png”,
“theme_ntp_attribution” : “Images/text.png”
},
“colors” : {
“frame” : [255, 255, 255],
“toolbar” : [165, 165, 165],
“ntp_text” : [255, 255, 255],
“ntp_link” : [255, 255, 255],
“ntp_section” : [165, 165, 165],
“button_background” : [200, 0, 0]
},
“tints” : {
“buttons” : [1, 1, 1]
},
“properties” : {
“ntp_background_alignment” : “bottom”
}
}, “version”:”1″, “name”:”Typhlosion” }

————————————————

UPDATE: IMPORTANTE LEER

El tipo de fuente que usa WordPress por defecto, se encarga de cambiar la comilla que yo pongo, al no poder corregir esto ya que mi WP es gratuito, uds deben cambiar las comillas a mano.. Es decir, miren esta imagen:

(Clic para agrandar)

————————————————

Ahora déjenme explicarles parte del código:
“version”: “X.X.X.X”
Aquí especificamos la versión de nuestro tema, ya sea 1.0 o 0.1 o 9.27.68.001; lo que sea.

“name”: “nombre_de_nuestro tema”
Claramente aquí va el nombre de nuestro tema.

Las imágenes que usemos pueden tener cualquier nombre, pero deben ser png.

“theme_frame” : “Images/Frame_Arriba.png”
Es la imagen que esta arriba. Pero abarca toda la linea verde

“theme_tab_background”: “images/tab_background.png”
Esta es la imagen que habrá en la pestañas que no estemos usando, o sea, las pestañas inactivas.

“theme_toolbar” : “images/bookmarks.png”
Este es el fondo que esta en la barra de bookmarks. Puede ser unicolor o como quieran, o usar este ejemplo:

Pero no se limita a eso al igual que la otra, ocupa todo lo que esta en verde, incluyendo pestañas activas, por ejemplo, si no le ponen el color hasta arriba, la pestaña actual les queda transparente; si le colocan algún color arriba me queda así:

Y transparente

“theme_ntp_background” : “Images/fondo.png”
Este es el fondo de la pantalla de Nueva Pestaña

“theme_ntp_attribution” : “Images/text.png”
Este es el que use yo:

Este es el que usamos en la pantalla principal

“frame” : [255, 255, 255]
En caso de no tener imagen arriba, este es el color que hay atrás

“toolbar” : [165, 165, 165]
Es caso de no tener imágenes, lo q esta detrás de los marcadores

“ntp_text” : [255, 255, 255]
Este es el color del texto en la ventana de Nueva Pestaña

“ntp_link” : [255, 255, 255]
Este es el color de los links en la ventana de Nueva Pestaña

“ntp_section” : [165, 165, 165]
Es el fondo de esta parte.

“button_background” : [200, 0, 0]
Color de fondo de los botones de actualizar, home, y esos.

“ntp_background_alignment” : “bottom”
Esto es solo para que si nuestra imagen no es de la altura indicada, esta bajara en vez de quedarse arriba.

“buttons” : [1, 1, 1]
Este es el color de los botones, es decir, la parte de adentro: El 1er digito es Hue (Tono), el 2do Saturation (Saturación), 3er Lightness (Iluminación)

Tono

Saturación

Iluminación

Si tenemos dudas solo abrimos PhotoShop, damos ctrl+U y activamos Colorear:

Como los valores deben ser entre 0 y 1, vamos a tener que aplicar una pequeña formula matematica. Para la imagen
Tono (275 es el valor que usamos)
(275*0.5)/180 = 0.76

Saturación (13 es el valor que usamos)
13/100 = 0.13

Iluminación; tenemos que eliminar ese negativo. Esto haciendo que la barra no va de -100 a 100 sino de 0 a 200.
Entonces si dice -40 es 60, claro? Si dice -96 es 4, si dice 35 es 135 y así sucesivamente. Entonces en vez de -40 usare 60, no se pierdan.
((60*0.5)/100) = 0.3

Todo esto lo vamos a guardar como manifest.json. Ese es el archivo que nos importa.

Luego lo compilamos entrando al menú de extensiones copiando y pegando chrome://extensions/ en la barra de direcciones y compilamos aquí:

La buscamos y listo. Si les da errores seguro es por una coma, comillas, o llave que no esta bien cerrada, corrijan bien.

Esta es la forma básica y fue la que use yo. Hay muchas mas ademas de esas, y todas se encuentran descargando los temas que estan en google.

Me despido, ojala les guste mi tema.

Fuente

Anuncios
Comments
73 Responses to “Hacer un tema para Chrome”
  1. Anonymous dice:

    hola! buenisimo el tutorial, pero no encuentro el menu de extensiones, ya que ctrl+j es "descargas" y ctrl+mwyus+j es "javascript"podrias aclararlo? gracias!sol

  2. Tato dice:

    El menú de extensiones no se accede desde el teclado, lamentablemente =/..Para hacerlo copia y pega esta dirección en tu barra de direcciones:chrome://extensions/Tambien en el menu herramientas (arriba a la derecha, parece una llave :P), antes de marcadores y despues de descargas aparece "extensiones"..Tambien te puedes leer estohttp://tatoslab.blogspot.com/2010/03/extensiones-descargas-e-historia-desde.html

  3. Anonymous dice:

    ayy si es cierto! no lo habia visto de verasmil gracias igualmente por responder tan rapido!!

  4. Tato dice:

    No, gracias a ti por mostrarme el error del ctrl+j.. Ya lo correji 😛

  5. Anonymous dice:

    hey buenas tardes, buen tuto, pero tngo un pequeño problema, quiza es una tonteria pero me gustaria que me lo explicaras =), cuando me voy a extensiones y trato de cargar el archivo, me dice Input directory must exist, me podrias explicar que estoy haciendo mal? y otra pregunta, "manifest.json" es como vamos a guardar el bloc de notas vdd? en formato txt o ansi o como? gracias =)

  6. Tato dice:

    Relacionado con el json, al guardar pon manifest.json y "Tipo => Todos los archivos", la decodificacion la dejas en ANSIY con el "imput", solo se me ocurren 2 cosas de momento:1.- La carpeta y/o las imagenes estan mal escritas en el json, revisa eso2.- Recuerda tener el json y la carpeta de imagenes en una carpeta solita llamada, por ejemplo, mi_extSi sigues con el prob, me dices y me pongo a investigar 😉

  7. Tato dice:

    Corrijo, "input" .. No se que me paso u.u

  8. Anonymous dice:

    ola, todavia tngo broncas jaja, por cierto, el transparente para que sirve?

  9. Anonymous dice:

    ah tmb que le pongo en el de clave privada?

  10. Tato dice:

    La clave es opcional, la verdad es q no se como ponerla 😛 .. Y el transparente es para q las pestañas aparezcan transparentes y no blancas =D .. Cada quien con sus gustos 🙂 .. Y me pondre a revisar a ver q encuentro 😉

  11. Tato dice:

    Según mis conocimientos algo oxidados de C++, si no me equivoco, es problema de Chrome.. En esta pag esta el codigo http://goo.gl/7wbn ..Trata de bajarte la ultima versión de aquí http://goo.gl/Gk70 .. Si esto no resuelve el prog.. You got me =/

  12. Anonymous dice:

    Hice todos los pasos pero me saltan diferentes cosas cuando lo quiero "instalar"Me aparece: Manifest is not valid JSON. Unsupported encoding. JSON must be UTF-8o sino me aparece como que no existe el manifest o no se puede leer. Me podes decir cual es el problema? hice todos los pasos tal cual pero ni idea.Gracias

  13. Tato dice:

    Cuando haces un archivo de texto en el bloc de notas, tienes varias codificaciones para guardarlo.. En XP tienes ANSI, Unicode, Unicode Big Endian y UTF-8.. Guardalo como UTF-8 ya que te lo pide..

  14. Anonymous dice:

    gracias.. lo cambie pero aun asi me sigue apareciendo como que no existe o no lo puede leer. y aparece sino un error que dice algo de line 3 column 21.de verdad no entiendo nada

  15. Tato dice:

    Ah.. Si no es eso, tambien puede ser que te falto cerrar algo.. Es decir, te falto un ' ; ' o ' } '.. Como programador te digo:Verifica bien el codigo..

  16. Anonymous dice:

    {"theme": {"images" : {"theme_frame" : "F:\ \asdad.png","theme_toolbar" : "F:\ \asdad3.png","theme_tab_background": "F:\ \asdad2.png", "theme_ntp_background" : "F\ \bolso.png","theme_ntp_attribution" : "F:\ \DB.png"},"colors" : {"frame" : [255, 255, 255],"toolbar" : [165, 165, 165],"ntp_text" : [255, 255, 255],"ntp_link" : [255, 255, 255],"ntp_section" : [165, 165, 165],"button_background" : [200, 0, 0]},"tints" : {"buttons" : [0.76, 0.13, 0.3]},"properties" : {"ntp_background_alignment" : "bottom"}}, "version": "4.1.249.1064", "name":"bolso" }no me doy cuenta.. te estoy re jodiendo supongo jaja. eso es lo que tengo yo

  17. Tato dice:

    No molestas :D.. Pa eso estoy :P.. Dejame ver u.u..Una pregunta: Por que pusiste "F:\\".. Creo que es eso ¬¬..Quitalo, mete tus imagenes en una carpeta con cualquier nombre, y luego quita F:\\ y pon nombredecarpeta\ .. Trata 😛

  18. Anonymous dice:

    f porque es el disco donde estan guardadas las imagenes y el espacio es el nombre de la carpeta.ahora cambie todo pero todavia no funciona.. creo que me voy a dar por vencida porque definitivamente no puedo jaja

  19. Tato dice:

    Acaso tienes el tema en un USB? Y si es asi, aun asi no lo debes hacer asi..Y usaste ' \ ', era ' / 'Mira.. No te rindas, eso es malo u.u..1.- Si tu no colocas las imagenes en ninguna carpeta, es decir, en la misma carpeta donde esta el json, entonces no hay motivo para darle ruta.. Es decir, coloca las imagenes en la misma carpeta del json, y solo pon, por ejemplo– "theme_frame" : "asdad.png" –Deberia funcionar.. Sino, baja el mio, y solo cambia las imagenes u.u

  20. Anonymous dice:

    QUEDO! Muchisimas gracias de verdad! 😀 por toda la ayuda.Lo unico que me queda raro es el fondo en las pestañas nuevas, que queda mas chica del tamaño de la pantalla y un borde blanco.Lo hice a 800×600 ya que las barras ocupan lugar.

  21. Tato dice:

    Ah.. Eso fue :P.. Buscate una imagen de acuerdo a la resolucion de tu pantalla, por que estuve buscando y no encontre manera da hacer la imagen de fondo universal =/ y pues las barras laterales casi no se notaran en las siguientes versiones de Chrome, creeme ;).. Pero bueno, de nada, pa eso estoy 🙂

  22. Anonymous dice:

    de veras gracias. cambie al final la imagen a 1024×768 y me queda perfecto. 🙂

  23. Tato dice:

    Perfecto =D.. Siempre a la orden 🙂

  24. Anonymous dice:

    Hola… te felicito por el tuto, esta bien explicado… pero tengo una consulta o mejor dicho un problema, hice todo lo que dice y al momento de compilarlo me dijo que estaba todo bien y no me tiro errores, me creo 2 archivos, pero no me cambio el tema, disculpa mi ignorancia, pero debo abrir estos archivos, como?, o debo ponerlos en alguna lado? si me puedes ayudar te lo agradeceria… Gracias.

  25. Tato dice:

    Ah.. :D.. Te hizo 2 archivos, uno crx y uno pen (si recuerdo bien).. Solo te falta arrastrar el archivo crx como si fueras a abrir una nueva pestaña con el :).. Espero que con esto se aclare tu duda, ya que después de tanto nadar, te mueres en la orilla 😛

  26. Anonymous dice:

    Muy buen trabajo amigo!!!el unico drama que se me presenta es ke al empaquetar la extensión me dice : "falta el archivo de manifiesto o no se puede leer",¿¿tendrá algo que ver con la extensión del archivo????porke kuando lo guarde me salio así: "manifest.json.txt"ojala puedas responder pronto!!

  27. Tato dice:

    Exacto! Tu mismo(a) lo dijiste :D.. Al guardar el manifest.json, asegurate que al guardarlo en el bloc de notas, en la parte que dice 'Tipo' aparezca 'Todos los archivos' 🙂

  28. Anonymous dice:

    muchas gracias!!!!!funcionó hermosamente!!!!!gracias de nuevo por responder tan pronto!!!!

  29. Tato dice:

    Que bueno :D.. Y gracias a ti por pasar por aca 😛

  30. DeSpArChAdOs dice:

    yo no puedo me pide clave privada y yo no se que es eso

  31. Tato dice:

    Que no puedes hacer? El tema? Esa clave es un archivo con extension .pen si no me equivoco y recuerdo bien.. Es opcional, no es necesaria u.u

  32. Hola una Pregunta Puedo Hacer un Tema Con La Foto De Mi Novia y Yo ?? Respondeme xke me Da Pereza leer y todo eso y aplicar y desps no se pueda gracias!

  33. Tato dice:

    Si, si se puede 🙂

  34. Diego dice:

    Heey muy buen tuto solo una cosa….
    Cuando estoi en extensiones y lo voy a empaquetar me dice algo como:
    Manifest is not valid JSON.
    Line: 1,column: 2, Dictionary keys must be quoted
    Gracias de antemano.

    • Tatosgr dice:

      OK, mira, eso significa que tienes un error en la 1era linea, la columna 2.. O sea, algo esta mal en esa parte..
      {“theme”: {
      “images” : {

      Esas son las 2 primeras lineas, a ti te da el error en la primera, asi que algo seguro esta mal escrito al principio, o te falto cerrar una llave.. Trata de reescribir esa parte de nuevo :)..

      Saludos 😀

      • Diego dice:

        Hmmm ya lo he intentado varias veces pero me sale con el mismo error
        que me recomiendas??

      • Tatosgr dice:

        Haz algo, pon tu codigo, tal cual como lo tienes, en un comentario aca :D.. Asi podemos ver que te paso 😛

      • Diego dice:

        {“theme” : {
        “images” : {
        “theme_frame” : “Mis Imagenes/23.png”,
        “theme_toolbar” : “Mis Imagenes/24.png”,
        “theme_tab_background”: “Mis Imagenes/25.png”,
        “theme_ntp_background” : “Mis Imagenes/25.png”,
        “theme_ntp_attribution” : “Mis Imagenes/26.png”
        },
        “colors” : {
        “frame” : [255, 255, 255],
        “toolbar” : [165, 165, 165],
        “ntp_text” : [255, 255, 0],
        “ntp_link” : [0, 255, 0],
        “ntp_section” : [75, 0, 130],
        “button_background” : [75, 0, 130]
        },
        “tints” : {
        “buttons” : [0.7, 1, 1]
        },
        “properties” : {
        “ntp_background_alignment” : “bottom”
        }
        }, “version”: “1, “Gama”:”Gama” }

      • Tatosgr dice:

        Lo unico poco comun que yo veo en tu codigo son dos cosas:
        1.- En donde esta “buttons”, no se si este tipo de hojas de estilo soporta el ‘0.7’, trata de ponerlo en 1 o en 0
        2.- Me acabo de dar cuenta de un error en mi codigo según, y que tambien te paso a ti, ves el final?

        }, “version”: “1″, “name”:”Typhlosion” }

        La comilla luego del 1 esta mal escrita si se fijan bien.. Pero tu pusiste “gama”:”gama”, es “name”:”Gama” 😛

        Prueba y me dices mientras corrijo mi error ;D

        UPDATE: Mi error no se corrije ¬¬.. Al menos ya sabes cual es -.-

  35. Diego dice:

    Buuu al parecer me dice el mismo error 😦

    • Tatosgr dice:

      Interesante :D.. Pero ya lo resolvi xP.. Mira, cambiale el nombre de tu carpeta de “Mis imagenes” a “Mis_imagenes” :P..

      En caso de que no te funciones por X motivo, bajete este que modifique especialmente para ti :P.. Ya lo probé y funciono bien http://goo.gl/6Yjz

      En caso de que dudes, aca esta empacado http://goo.gl/hoUq

      Abrelo y solo cambia las imagenes por las tuyas y listo :D..

      Sino sabes como abrirlo, pues es usando Winrar :d

  36. Diego dice:

    Ohhh diras que molesto mucho pero solo hay un pequeño problemita me dice que no se pueden cargar las imagenes que puse???

    • Tatosgr dice:

      No eres molestia :P.. Si no lo haces ninguno de los 2 estaria haciendo su trabajo xP..
      1.- Bajaste el json?
      Si es asi, cambiaste el nombre de tu carpeta de “Mis imagenes” a “Mis_imagenes”?

      2.- Bajaste el crx?
      Si es asi, lo unico que tenias que hacer era reemplazar las imagenes que estaban empaquetadas, por las tuyas, inclusive tenian el mismo nombre para hacerlo mas facil 🙂

      • Diego dice:

        jejeje
        Baje el crx i puse otras imagenes exactamente igual como estaban pero me dice que no las pudo cargar para el tema….

      • Tatosgr dice:

        jaja xD.. Tu caso es unico.. Vamos a hacer esto, pasame las imagenes comprimidas a mi correo (ya lo elimine).. Yo tratare de hacer el tema a ver si sirve, y cuando sirva lo subo, y te digo cual era el error, vale? 😉

  37. Diego dice:

    oki van en caminooo!

  38. smile :) dice:

    Me lei todo y aun asi no pude arreglarlo…ami tambien me dice que no se puede leer
    tengo las imagenes y el manifest.json en la misma carpeta :S

    este es el txt :

    “theme”: {
    “images” : {
    “theme_frame” : “asd/mugiwara.png”,
    “theme_toolbar” : “asd/celeste.png”,
    “theme_tab_background”: “asd/onepiece-01.png”,
    “theme_ntp_background” : “asd/roger.png”,
    “theme_ntp_attribution” : “asd/mugi.png”
    },
    “colors” : {
    “frame” : [255, 255, 255],
    “toolbar” : [165, 165, 165],
    “ntp_text” : [255, 255, 255],
    “ntp_link” : [255, 255, 255],
    “ntp_section” : [165, 165, 165],
    “button_background” : [200, 0, 0]
    },
    “tints” : {
    “buttons” : [1, 1, 1]
    },
    “properties” : {
    “ntp_background_alignment” : “bottom”
    }
    }, “version”:”1″, “name”:”OnePiece” }

    solo cambie las imagenes todo esta igual y “asd” es la carpeta que esta en el escritorio…
    alguna ayuda? 😦

    • Tatosgr dice:

      El manifest no debe estar dentro de la carpeta ‘asd’ (en este caso), debe estar fuera.. Otra cosa, te falto la ‘{‘ al inicio del texto.. Por lo demas, esta bien..

      Bajate el que le puse a Diego http://goo.gl/hoUq , y trata sustituyendo las imagenes que estan ahi..

      • smile :) dice:

        donde deberia poner el manifest .json…en el escritorio?
        perdon por no entender u.u ..
        ya lo corregi lo del ‘{‘ y ahora el manifest lo puse en el escritorio y en la carpeta “asd” estan las imagenes y cuando quiero cargarlo me dice que no lo lee :S
        Me baje el de diego pero no se como reemplazar las imagenes ! 😦
        Disculpa las molestias !

      • Tatosgr dice:

        Ok :P.. Mira, crea una carpeta en el escritorio que se tenga el nombre de tu tema (creo que es onepiece xP).. Mete en ella el manifest.json y la carpeta ‘asd’ de imágenes, y cuando vayas a compilar (a crear la extensión) eliges esa carpeta :P..

        Para hacer el reemplazo de las imágenes, solo debes buscar en tu tema cual es el fondo y en el de diego, cual es el del, y sustituyes.. Y así haces con las demás :P.. Es una cuestión de tiempo, no de esfuerzo 😛

  39. smile :) dice:

    Esto ya me pone nervioso u.u
    Hice lo que me dijiste…cree la carpeta, ahì guarde el manifest y la carpeta asd(con las imagenes dentro).
    Todo eso en el escritorio.
    Luego voy a chrome://extensions/
    entro en “empaquetar extension” :
    Directorio de raiz o extension : C:\Documents and Settings\administrador\Escritorio\onepiece
    le doy aceptar y me dice: ” falta el archivo de manifiesto o no se puede leer”
    El archivo de clave no hace falta verdad?

  40. smile :) dice:

    lol
    creo que ya se cual es el problema
    mi archivo de manifest.json dice documento de texxto
    el tu dice archivo json.
    yo cuando lo guarde puse como: “todos los archivos” pero al parecer se guardo como .txt :S
    serà eso?

  41. smile :) dice:

    okeey. Ahora ya esta! el archivo es manifest.JSON pero ahora me tira otro error cuando quiero cargarlo:
    “Manifest is not valid json. Unsopported encoding. json must be UTF-8”

    cuando lo guarde lo abajo estaba en ANSI, lo pongo en UTF-8 ?

  42. smile :) dice:

    Ya lo hice! y ahora me dice :

    manifest is not valid json: line 1 , column 2 dictionary keys must be quoted.

    que podra ser ? :s

    • Tatosgr dice:

      Bueno, Diego empezo con su duda desde ahi -.-..
      https://tatospace.wordpress.com/2010/01/06/hacer-un-tema-para-chrome/#comment-131

      No se porque esta pasando eso ahora ¬¬.. Haz algo, prueba el tema en la parte que dice “Extension sin empaque” o algo asi :P.. Eliges la carpeta “Tema” (en el caso de la pantalla que subi) y asi puedes probarla sin necesidad de empaquetarla :P..

      Y como le dije a Diego, no se que problema es -.-.. Revisaste este?:
      ” 2.- Me acabo de dar cuenta de un error en mi codigo según, y que tambien te paso a ti, ves el final?

      }, “version”: “1″, “name”:”Typhlosion” }

      La comilla luego del 1 esta mal escrita si se fijan bien.. Pero tu pusiste “gama”:”gama”, es “name”:”Gama”

      Prueba y me dices mientras corrijo mi error ;D

      UPDATE: Mi error no se corrije ¬¬.. Al menos ya sabes cual es -.- ”

      Cada vez los casos son mas divertidos 😛

  43. smile :) dice:

    ahora esta asi:

    {“theme” :{
    “images” :{
    “theme_frame” : “asd/mugiwara.png”,
    “theme_toolbar” : “asd/celeste.png”,
    “theme_tab_background”: “asd/onepiece-01.png”,
    “theme_ntp_background” : “asd/roger.png”,
    “theme_ntp_attribution” : “asd/mugi.png”
    },
    “colors” : {
    “frame” : [255, 255, 255],
    “toolbar” : [165, 165, 165],
    “ntp_text” : [255, 255, 255],
    “ntp_link” : [255, 255, 255],
    “ntp_section” : [165, 165, 165],
    “button_background” : [200, 0, 0]
    },
    “tints” : {
    “buttons” : [1, 1, 1]
    },
    “properties” : {
    “ntp_background_alignment” : “bottom”
    }
    }, “version”:”1″, “name”:”OnePiece” }

  44. smile :) dice:

    jaja…al parecer te divierte u.u ami me esta poniendo los pelos de punta!
    intente hacerlo con “cargar exentension descomprimida”
    pero me tira el mismo error ! si no sabes como arreglarlo no importa!
    igual gracias por todo el tiempo qe te tomaste ayudandome.

  45. smile :) dice:

    jaja…cambiare de pc solo para poder crear ese tema! u.u jaja
    ahi te agregue, te paso las imagenes! muchas gracias!

    • Tatosgr dice:

      Ya lo se arreglar :D.. Acá esta tu tema 😛 http://goo.gl/QiRv

      Mira, el problema radica en la comilla..
      La comilla que se debe usar es la que nos da el bloc de notas, no la que yo pongo aca..
      O sea, la que debemos usar es esta ‘ ” ‘
      La que pone esta en el post es ‘

      Ojala veas la diferencia -.-

      EDITO: Genial, WordPress me cambia la comilla ¬¬.. Ya decia yo porque nadie tenia problemas en Blogger u_u’.. Bueno, actualizare al post de nuevo 😛

  46. smile :) dice:

    Muchas gracias! ya esta funcionando! 😀

  47. pter dice:

    ayuda no se por ke pero no sirve si me podrias ayudar aki esta el codigo
    {“theme”: {
    “images” : {
    “theme_frame” : “Images/wallpaper-black.png”,
    “theme_toolbar” : “images/wallpaper-black.png”,
    “theme_tab_background”: “images/google-chrome.png”,
    “theme_ntp_background” : “Images/naruto.png”,
    “theme_ntp_attribution” :“Images/chrome.png”
    },
    “colors” : {
    “frame” : [255, 255, 255],
    “toolbar” : [165, 165, 165],
    “ntp_text” : [255, 255, 255],
    “ntp_link” : [255, 255, 255],
    “ntp_section” : [165, 165, 165],
    “button_background” : [200, 0, 0]
    },
    “tints” : {
    “buttons” : [1, 1, 1]
    },
    “properties” : {
    “ntp_background_alignment” : “bottom”
    }
    }, “version”:”1?, “name”:”naruto” }

  48. daniii dice:

    hola sabes que hize lo que dijiste eso en el bloc de notas pero despues de eso lo guarde y ya no supe que mas hacer disculpa por molestar pero no entiendo que mas hay que hacer…

    • Tatosgr dice:

      Luego de hacer los pasos en el bloc de notas, tienes que acceder en Chrome a chrome://extensions/ (copias eso en la barra de dirección).. Luego le das en extensión de empaque, con esto saldrá un archivo .crx, el cual con arrastrarlo a la barra superior de Chrome se instalaría automáticamente 🙂

  49. Laura dice:

    Che mira, te hago una pregunta. Ya lo instale y todo (aunque no segui esta guia) pero me salta con cualquier fondo nada que ver al que le puse yo… sabes lo que pudo haberme pasado??
    el texto es este (es mas corto al que vos pusiste):

    {“name”: “Conan_Theme”,
    “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”}

    y bueno hice todo pero las imagenes que puse no me las pone, me pone de colores nomas :S
    Te agredeceria que me contestaras n.n si bien no segui la guia (como antes te dije) saque lo de guardar como Todos los Archivos y en con el codigo UTF-8! Gracias por eso!
    Espero tu respuesta 🙂 Bye!

    • Tatosgr dice:

      {“version”:”1″,”name”:”Conan_Theme”,”theme”:{
      “images”:{
      “theme_ntp_attribution”:”images/theme_ntp_attribution.png”,
      “theme_frame”:”images/theme_frame.png”,
      “theme_toolbar”:”images/theme_toolbar.png”,
      “theme_tab_background”:”images/theme_tab_background.png”,
      “theme_ntp_background”:”images/theme_ntp_background.png”
      },”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 ]
      },”properties”:{
      “ntp_background_alignment”:”bottom”,
      “ntp_background_repeat”:”no-repeat”
      },”tints”:{
      “buttons”:[1,1,1]
      }}}

      Creo que lo único que hice fue no dejar espacio entre los dos puntos… Pero hice trampa, al ver que no podía resolverlo a lo normal, me fui para otro lado..

      http://www.chrometheme.net/chrome-theme-creator-online.html

      Esa es una muy buena herramienta que hace obsoleta a la manera manual… Totalmente recomendada 🙂

      • Laura dice:

        tato!! gracias por la respuesta!! la voy a probar ^^ muchisimas gracias por la pronta respuesta!! :D!!!
        Adios, suerte en todo!!! ^_____^ /

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

w

Conectando a %s

A %d blogueros les gusta esto: