A muchos usuarios les gusta personalizar los programas, si los programas lo permiten, ajustándose completamente a sus gustos y necesidades. Por ejemplo, si no está satisfecho con el tema estándar del navegador Google Chrome, entonces siempre tendrás la oportunidad de actualizar la interfaz aplicando un nuevo tema.

Google Chrome es un navegador popular que tiene una tienda de extensiones incorporada, que contiene no solo complementos para cualquier ocasión, sino también una variedad de temas de diseño que alegrarán la versión original, bastante aburrida, del diseño del navegador.

1. En primer lugar, necesitaremos abrir una tienda de temas, en la que seleccionaremos la opción de diseño adecuada. Para hacer esto, haga clic en el botón de menú en la esquina superior derecha del navegador y en el menú que aparece, vaya al elemento « Herramientas adicionales» y luego abrir "Extensiones" .

2. Vaya al final de la página que se abre y haga clic en el enlace "Más extensiones" .

3. La tienda de extensiones aparecerá en la pantalla. En el panel izquierdo de la ventana, vaya a la pestaña "Temas" .

4. Los temas ordenados por categoría aparecerán en la pantalla. Cada tema tiene una vista previa en miniatura que da una idea general del tema.

5. Una vez que encuentre un tema adecuado, haga clic izquierdo en él para mostrarlo. información detallada. Aquí puede evaluar capturas de pantalla de la interfaz del navegador con este tema, estudiar reseñas y también encontrar máscaras similares. Si desea aplicar un tema, haga clic en el botón en la esquina superior derecha "Instalar" .

6. Después de unos momentos, se instalará el tema seleccionado. Del mismo modo, puedes instalar cualquier otro tema para Chrome que te guste.

¿Cómo devolver el tema predeterminado?

Si desea volver al tema original nuevamente, abra el menú del navegador web y vaya a la sección "Ajustes" .

en el bloque "Apariencia" haga clic en el botón "Restaurar tema predeterminado" , después de lo cual el navegador eliminará el tema actual e instalará el estándar.

Configurando apariencia navegador de google Chrome a tu gusto, utilizar este navegador web se vuelve mucho más placentero.

Si utiliza el navegador Google Chrome y está cansado de su apariencia estándar, puede salir de la situación descargando e instalando un tema de Chrome Web Store.

Cómo instalar un tema en Google Chrome: Configuración - Opciones - Contenido personal - Obtener tema.

Puede utilizar temas ya preparados para Google Chrome o puede crear un tema usted mismo utilizando el diseñador de temas en línea: creador de temas de Chrome.
El diseñador en línea se encuentra en www.themebeta.com/chrome-theme-creator-online.html

Crear un tema para Google Chrome - Creador de temas de Chrome

Comenzaré con cómo crear un tema usando el diseñador en línea: creador de temas de Chrome.

La interfaz del diseñador consta de dos partes.

A). En el lado izquierdo están las configuraciones para el tema futuro.

b). En el lado derecho hay una vista previa del tema. Navegador Chrome durante la construcción.

Comencemos con la primera pestaña (“básica” - del inglés básico). Aquí debes completar el campo con el nombre del tema que estás creando (opcional). Llamé a mi tema "myStar"

La segunda pestaña ("Imágenes" - de imágenes en inglés) está destinada a cargar detalles del tema.
Atención: cuando crea imágenes en un editor gráfico o cambia imágenes ya preparadas para un tema futuro, tenga en cuenta la resolución del monitor.

Al pasar el cursor sobre las secciones de la pestaña Imágenes, aparecerá una información sobre herramientas resaltada en rojo, que muestra qué parte del tema cambiará.

Carguemos imágenes de fondo para nuestro tema haciendo clic en el botón "Elegir imagen" y usemos la paleta para cambiar el color. Esto es lo que tengo.

En la tercera pestaña (“Colores” - de colores en inglés) seleccionamos colores para marcos, texto, etc. La tercera pestaña "Colores" también contiene sugerencias al pasar el cursor sobre las secciones. Veamos qué se me ocurrió.

La pestaña ("Pack", del inglés a pack) es la etapa final en la creación de un tema para Google Chrome.

“Empaquetar e instalar tema”: empaqueta e instala el tema.

“Empaquetar y descargar tema”: empaqueta y descarga un tema con una extensión. crx. Para instalar un tema, simplemente arrastre y suelte el archivo .crx en la ventana del navegador Chrome y listo. ¿No es verdad? instalación rápida temas en Google Chrome?

"Empaquetar y descargar archivo zip"- empaquete y descargue el tema creado como un archivo zip. Se puede publicar un archivo Zip del tema en Chrome Web Store para uso público.

¡¡¡Eso es todo!!! Con la ayuda del diseñador en línea, creador de temas de Chrome, lo descubrimos.

Un tema es un archivo que contiene varias imágenes que definen la apariencia del navegador. Puede cambiarlos manualmente o puede utilizar servicio en línea para crear temas.

Por supuesto, puede ir a la tienda de aplicaciones web de Google u otro sitio y elegir un tema adecuado para usted, o puede crear un tema usted mismo y estar orgulloso de su trabajo. Además, usando este editor en línea puedes descargar un tema que ya tienes y cambiarlo.

Si decide crear un tema para Google Chrome, primero necesitará varias imágenes comparables en resolución a la de su monitor y curiosidad por descubrir qué es qué.

Al ir a esta dirección, aparecerá un editor de temas simple frente a usted. Hay dos opciones para crear temas: simple (Básico) y avanzado (Avanzado). EN versión sencilla El tema se crea en dos pasos, el tercer paso implica descargar e instalar el tema.

1. Al hacer clic en el primer botón verde, se carga la imagen de fondo de la pestaña vacía. Es recomendable hacer una fotografía, por un lado, con una resolución acorde a la de tu monitor y, por otro, no demasiado grande, ya que la carga de una nueva pestaña puede ralentizarse.

2. En el segundo paso, debe seleccionar el color del marco de la ventana y del panel superior. Hay algunas opciones de color preestablecidas para elegir. Si no ha encontrado uno que sea adecuado para usted, deberá trabajar con el editor avanzado.

3. Estás listo para descargar e instalar el tema. Cuando haces clic en el botón azul, el tema se descargará, después de lo cual se te pedirá que agregues un tema en tu pantalla. Luego de evaluar el resultado, puedes dejarlo o cancelar su uso.

El último botón le permite cargar un tema al sitio y cambiarlo a su gusto.

La configuración avanzada aparece al hacer clic en la pestaña Avanzado y se ubican en las tres pestañas siguientes, después de la primera. Las características principales se concentran en los primeros cuatro elementos de la pestaña. Imágenes.

Antecedentes NTP– Fondo de la página Nueva pestaña. Esta es la imagen de fondo nueva pagina nueva pestaña. Esta opción es equivalente al primer botón de modo básico, pero a diferencia de él, te permite alinear el fondo y configurar su repetición si la imagen es un patrón o es de tamaño pequeño.

Marco- Este es el marco de la ventana. Puede configurar tanto el color como la imagen. Normalmente, especifico una imagen. También puedes llevarlo en talla grande.

Barra de herramientas- Este panel superior, donde se encuentran las pestañas, barra de direcciones, panel de complementos y marcadores. También puedes ser creativo con la barra de herramientas dándole una imagen o simplemente un color.

Fondo de pestaña– color de las pestañas de fondo. Todo aquí es igual que en los párrafos anteriores.

En la siguiente pestaña Bandera Puede configurar colores para cualquier texto en la interfaz del navegador. No los describiré, ya que se resaltan cuando pasas el mouse sobre ellos en el panel de vista previa.

Última, cuarta pestaña Embalar permite:

- empaquetar e instalar el tema

— empaquetar y descargar el tema sin instalación

— empaqueta y descarga el tema como un archivo zip

Después de hacer clic en el primer botón, el tema se descargará e instalará en una ubicación desconocida, por lo que puede usar el segundo botón y descargar primero el tema y luego instalarlo.

El último botón te será útil si quieres mostrarle a alguien tu obra maestra recién creada, ya que ahora te mostraré lo que se me ocurrió:

Siempre intentamos personalizarlo todo, ajustarlo a nosotros mismos y rehacerlo en función de nuestras preferencias y gustos. La computadora no es una excepción a este respecto. Después de todo, una imagen correctamente seleccionada para un protector de pantalla o simplemente colores agradables a la vista pueden llevar la comodidad de usar una computadora a un nivel completamente nuevo.

¿Quién de nosotros no ha cambiado el fondo de pantalla de Windows? Hoy en día es raro encontrarse con una persona así. Algunos tienen gatos, otros tienen una hermosa joven y otros aman la abstracción.

¿Sabías que se pueden instalar protectores de pantalla similares en el navegador Google Chrome? Sólo allí se les llama temas.

Si está cansado del lienzo en blanco predeterminado, siga leyendo para saber cómo puede hacerlo. cambiar el diseño del tema en Google Chrome.

Cambiar el tema (pantalla de presentación) en Chrome

Cambiar tema en Google Chrome puedes seguir las siguientes instrucciones:

También puedes seguir el enlace directamente.

En esta sección verás una enorme galería de todo tipo de temas. Algunos de ellos fueron creados por diseñadores de Google y otros por artistas. Todos son gratis.

Cuando encuentre el tema que desea, coloque el mouse sobre él y haga clic en la ventana emergente. "gratis".

Otros temas para descargar Google Chrome

Otra fuente de temas son los diseñadores externos. Al final resultó que, hay muchísimos de ellos. A menudo superan significativamente a los estándar en calidad, sin mencionar la variedad.

Descargar temas de Google Chrome:

Los archivos descargados tienen una extensión CRX (a veces se pueden comprimir). Para instalarlos, debes descomprimirlos y simplemente arrastrar los archivos del tema a la ventana de tu navegador.

Generador de temas (skin) para Google Chrome

Si los métodos anteriores no dan resultados, entonces deberías utilizar generador de temas — Mi tema de Chrome, que se puede descargar desde el mismo "Tienda en línea".

Enlace de descarga directa.

Usar esta aplicación es muy sencillo: subes una imagen, configuras combinación de colores y procesar utilizando las herramientas disponibles.

Llega el momento y te cansas del habitual, quieres agregar algo de entusiasmo al navegador más popular y esa "característica única" en Chrome puede ser un "tema" y no descargarse de la tienda oficial en línea, sino de tu propia, a diferencia de cualquier otra persona.

Como ya habrás comprendido, hoy veremos la cuestión de crear tus propios temas para el navegador Google Chrome.

Para crear necesitamos:

1. lo más simple editor gráfico(incluso Paint servirá);
2. Nuestras instrucciones detalladas;
3. Un poquito de ganas.

Y no intento engañarte, los mejores temas para el navegador Chrome se crean en cuestión de minutos, pero pasemos de las palabras a la acción.

Hay dos formas de crear un tema para Google Chrome:

1. Escribir desde cero (creando uno documento de texto y algunas fotos);
2. Utilice un servicio en línea especializado.

Mientras decides qué método usar, comenzaré con el “más difícil”.

Creando un tema para Google Chrome desde cero

Los temas, así como las extensiones para navegadores basados ​​en el motor Chrome, se basan en el archivo manifiesto.json.

Manifest.json es un documento de texto que almacena configuraciones para temas y extensiones, así como un título, descripción y otra información del servicio.

Creemos en el escritorio. nueva carpeta Con el nombre de nuestro tema futuro, lo llamaré "¡No lo hagas!", Y dentro de él crearemos un documento de texto: manifiesto.json, donde manifest es el nombre del documento y json es su . Además, crea una carpeta vacía llamada “imágenes” que contendrá todos los elementos gráficos de nuestro tema.

El siguiente paso en la creación de un tema será preparar imágenes.

Puede utilizar imágenes ya preparadas descargadas de Internet o crear las suyas propias; haré imágenes completamente únicas para cargar posteriormente el tema en la tienda en línea de Chrome.

Necesitaremos imágenes de los siguientes tamaños:

1. 1920x1080px (formato HD): para usar como fondo principal en el navegador.

2. 30x256px: esta imagen se utilizará como decoración de la ventana de Chrome.

3. 1100x40px: esta imagen actuará como una pantalla de presentación en la esquina superior izquierda del navegador (no sé por qué debería usarse por separado en este lugar imagen adicional: puede usarla para una “personalización” adicional del tema).

4. 30x200px: actuará como relleno para las pestañas abiertas inactivas del navegador.

5. 30x256px: esta imagen se utilizará para completar el activo abrir pestaña y barra de marcadores de Chrome.

Presta mucha atención a las imágenes, en particular a sus tamaños; si no sabes cómo hacer un cuadro de este tamaño y forma exactamente, estudia uno de los nuestros.

Bueno, si ya tienes todo listo, sigue adelante y crea un archivo. manifiesto.json.

Puede descargar el archivo completo que preparé como muestra o redactarlo usted mismo según las instrucciones a continuación.

El documento en el que se describirá el código de nuestro tema comienza con una llave “(”, luego debes completar los campos:

( "nombre":"¡No lo hagas!", // campo que indica el nombre del tema; "versión": "1", // número de versión de tu tema (posteriormente, al realizar cambios en los temas, necesitarás para actualizar la versión); " descripción":"¿Aún puedes pensarlo dos veces?", // breve descripción temas;

"manifest_version":2, // versión del manifiesto (hay dos versiones del "manifiesto" - 1 y 2, versión 1 - para navegadores Chrome inferiores a la versión 18, versión 2 para navegadores versión 18 y superiores, inclusive).

"theme":( "images":( "theme_frame": "images/theme_frame.jpeg", // imagen utilizada en el diseño de la ventana del navegador; "theme_toolbar": "images/theme_toolbar.jpeg", // imagen utilizada como relleno pestaña abierta activa; "theme_tab_background": "images/theme_tab_background.jpeg", // llenado de pestañas abiertas inactivas; "theme_ntp_background": "images/theme_ntp_background.jpeg", // el fondo principal de nuestro tema .jpeg); // completa la esquina superior izquierda. "tema" :( "imágenes": ( "theme_frame": "imágenes/theme_frame.jpeg", // imagen utilizada en el diseño de la ventana del navegador; "theme_toolbar": "imagenes/theme_toolbar.jpeg", // imagen utilizada como relleno para la pestaña abierta activa; "tema_tab_fondo":, "imágenes/tema_tab_fondo.jpeg" // llenar pestañas abiertas inactivas; "tema_ntp_fondo":, "imágenes/tema_ntp_fondo.jpeg" // el trasfondo principal de nuestro tema; "theme_frame_overlay":} , "imágenes/theme_frame_overlay.jpeg"

// completa la esquina superior izquierda. manifiesto.json El código de esta página utiliza el símbolo “//”, es necesario “comentar” el código. Directamente en el archivo

– se puede eliminar. manifiesto.json Habiendo especificado las rutas a las imágenes, debes especificar los colores de las fuentes y los elementos de la interfaz. EN son usados colores rgb

"colors":( "frame":, // Llena el espacio vacío del fondo principal con el color especificado; "toolbar":, // Llena el área en la esquina inferior izquierda, donde se muestra la "url" del sitio; "tab_text":, // Color de fuente de la pestaña abierta activa; "tab_background_text":, // Color de fuente de la pestaña abierta inactiva; "bookmark_text":, // Color de fuente de los marcadores en el panel del navegador; :, // Color de relleno de fondo debajo de los iconos de “aplicación” en el navegador "ntp_text":, // Color de fuente de los nombres de la aplicación "button_background":), // Color de “Cerrar”, “Minimizar”, “; Botones de pantalla completa” en la esquina superior derecha.

"colores" :( "cuadro": [0, 0, 0], // Llena el espacio vacío del fondo principal con el color especificado; "barra de herramientas": [0, 0, 0], // Llena el área en la esquina inferior izquierda, donde se muestra la "url" del sitio; "texto_pestaña": [255, 255, 255], // Color de fuente de la pestaña abierta activa; "tab_background_text": [167, 167, 167], // Color de fuente de una pestaña abierta inactiva; "texto_marcador": [167, 167, 167], // Color de fuente de los marcadores en el panel del navegador; "ntp_antecedentes": [0, 0, 0], // Color de relleno de fondo debajo de los íconos de “aplicaciones” en el navegador; "ntp_text": [167, 167, 167], // Color de fuente de los nombres de las aplicaciones; "botón_fondo": [255, 255, 255]), // Color de los botones “Cerrar”, “Minimizar”, “Pantalla completa” en la esquina superior derecha.

Todo lo que queda es configurar la posición de la imagen de fondo principal y un par de configuraciones adicionales.

"tints":( "buttons": // Especifica los tonos de los colores utilizados (deja los valores especificados aquí);), "properties":( "ntp_background_alignment": "bottom", // Especifica en relación con qué borde de la ventana se ubicará la imagen principal (abajo – abajo, arriba – arriba "ntp_background_repeat": "no-repeat" // Indicamos si es necesario “rellenar” todo el espacio de la ventana del navegador con nuestra imagen); , si es de mayor tamaño que nuestra imagen principal) )

¿Seguiste todos los pasos conmigo? Genial, puedes cerrar el archivo de manifiesto, guardarlo y comenzar a probar el tema resultante cargando primero las imágenes creadas previamente en la carpeta "imágenes".

Probando el tema para Chrome

Probar suena demasiado fuerte; de ​​hecho, debemos comprobar si hemos cometido algún error en nuestro trabajo.

¿Ya tienes algún tema instalado en tu navegador y necesitas modificarlo un poco? ¡Ningún problema! Los archivos de temas ya instalados en Chrome se almacenan en C:\Users\User_Name\AppData\Local\Google\Chrome\User Data\Profile 1\Extensions

Abra su navegador y vaya a Configuración, pestaña Extensiones y haga clic en Cargar extensión descomprimida. Asegúrese de verificar que el "Modo de desarrollador" esté marcado.

En la ventana que aparece, seleccione la carpeta con su tema para Chrome y haga clic en "Aceptar"; en mi caso, esta es la carpeta "¡No hacerlo!".

¡Felicidades! El tema en el navegador debería haber cambiado al suyo; de lo contrario, regrese al código anterior y busque errores en sus archivos y resoluciones de imágenes, o descargue el archivo con mis archivos desde el enlace y compárelo con el suyo.

Ahora puedes disfrutar de tu propio tema para Google Chrome, pero en cada barril de miel hay una cucharada de ¿sabes qué?

Cada vez que abras tu navegador, aparecerá una ventana en la esquina superior derecha informándote que uno de los extensiones instaladas o que no fue descargado de la tienda oficial. Sólo hay una forma de evitar esto: cargar su tema en la tienda en línea oficial de Chrome e instalarlo en el navegador desde allí.

Cómo subir un tema a Chrome Store

Si decide desprenderse del dinero que tanto le costó ganar, realice un simple registro en la tienda en línea en https://chrome.google.com/webstore/category/extensions.

Después de crear un tema hermoso y único, puede pagar la instalación para los usuarios; de esta manera recibirá un pequeño ingreso pasivo.

Después de registrarse y pagar una cuenta de desarrollador, tendrá la oportunidad de cargar sus propias extensiones y temas en la tienda con restricciones menores: no más de 20 extensiones por cuenta, la cantidad de temas es ilimitada.

En primer lugar, empaquete los archivos del tema y cárguelos en Chrome Store como se muestra en la captura de pantalla.

Si no se produjeron errores, la información sobre su tema aparecerá en la página principal del panel de desarrollador con un enlace a la página de configuración, donde podrá cambiar la descripción, agregar un ícono y publicar el tema.

No describiré todos los campos disponibles para completar; por lo tanto, están bien comentados; si tienes problemas, escribe un comentario debajo de la publicación e intentaré ayudarte.

Crear un tema para Chrome usando un servicio en línea

En la primera parte del artículo, describí un método "complicado" para crear temas para el navegador Google Chrome, ahora pasemos a uno más simple que no requiere profundizar en el código y crear muchas imágenes adicionales. Todo lo que necesita es ir al sitio web: www.themebeta.com/chrome-theme-creator-online.html con un fondo grande preparado previamente.

Los navegadores basados ​​en Chromium no admiten temas animados, pero Opera sí.

Una vez en el servicio, que, por cierto, no tiene ninguna relación oficial con la corporación Google, verá un área de trabajo a la izquierda, donde se encuentran herramientas con comentarios (en inglés), a la derecha se visualiza una ventana del navegador Chrome. , en el que se mostrarán todos los cambios realizados, y En la parte inferior hay botones para posicionar su imagen en relación con la ventana del navegador.

Ingrese el nombre del tema y descárguelo imagen de fondo. Inmediatamente: realice ajustes de posicionamiento o déjelos en los valores predeterminados.

En la pestaña “colores” puede configurar los colores de las fuentes utilizadas en diferentes lugares navegador. Pase el cursor sobre cualquiera de las opciones propuestas a la izquierda y la ubicación del cambio se resaltará en rojo en la ventana renderizada. Lo único que tienes que hacer es trabajar con la paleta de colores para elegir los que necesitas.

Sin descargar muchas de las imágenes adicionales mencionadas anteriormente, la ventana de su navegador reflejará el esquema de color predeterminado de Windows, es decir, Para una “personalización” completa del tema, es necesario cargar todas las imágenes propuestas en la pestaña “imágenes”, según los tamaños indicados en la primera parte del artículo.

Al ir a la pestaña "Paquete", se le ofrecerán tres acciones para elegir:

1. Instale el tema resultante en el navegador (recuerde el inconveniente de la ventana al abrir el navegador).
2. Empaquetar el tema en formato de archivo crx y descárgalo a tu computadora (este archivo es el archivo de instalación de temas y extensiones en el navegador Chrome).
3. Descargue el “código fuente” del tema en archivo zip(Puedes subir inmediatamente el tema terminado a la tienda en línea).

Observo que al utilizar este servicio, su tema se colocará en el directorio y estará disponible para que otros usuarios lo descarguen e instalen.

Si estás interesado, en las siguientes publicaciones describiré el proceso de creación de temas animados para el navegador Opera.

Reseñas