Si tiene instalado un navegador Yandex, probablemente a veces desee cambiar su apariencia. Él mismo no tiene tales funciones, pero puedes pensar un poco y utilizar un servicio de terceros. Por eso, en el artículo de hoy, descubriremos cómo cambiar el tema en el navegador Yandex.
Este navegador web se actualiza con bastante frecuencia y quizás algunos elementos sean ligeramente diferentes en las nuevas versiones, pero la esencia seguirá siendo la misma. Por ejemplo, hace relativamente poco que se lanzó una nueva interfaz que no nos permite instalar temas de terceros. Sin embargo, esta interfaz aún se puede desactivar, que es lo que haremos ahora.
Inicie el navegador y haga clic en el botón de menú en la esquina superior derecha. En la lista desplegable, seleccione "Configuración":
Busque la línea "Configuración de apariencia" y haga clic en el botón "Desactivar nueva interfaz":
Eso es todo, ahora podemos cambiar su apariencia. Para descargar un tema utilizaremos la tienda de Google para Chrome. Puede seguir el enlace https://chrome.google.com/webstore/category/themes para ir directamente a la sección deseada (debe ir a esta tienda y descargar desde allí, por supuesto, solo desde el navegador Yandex) .
Encuentra la imagen que te gusta y haz clic en ella. Se abre una ventana con su descripción, reseñas sobre el mismo y otra información. Haga clic en el botón "Instalar":
La mayoría de nosotros pasamos mucho tiempo navegando por sitios web en Internet sin prestar atención al diseño de nuestro navegador web.
Sin embargo, los hermosos temas del navegador pueden alegrarle el día.
Hoy te contamos cómo cambiar tu apariencia de esta forma.
Tema del planeta espacial
No sé ustedes, pero cuando veo fotografías del espacio, siempre me quedo paralizado durante unos segundos, mirándolas, especialmente cuando veo un cuadro así por primera vez, porque es muy difícil no admirarlas. La imagen de fondo de un planeta de color inusual con anillos brillantes a su alrededor no es una excepción.
Es posible que apenas veas la imagen completa, ya que solo se muestra cuando abres una nueva pestaña. Las partes, por el contrario, las verás casi constantemente (pestañas y barra de navegación). Son igualmente hermosos y tienen un misterioso color índigo que se puede ver en la esquina izquierda.
Tema para Google Chrome – Hermoso paisaje
Este tema tiene detalles dorados que pretenden recordarle al usuario las superficies de madera, y las pestañas son de color verde metálico, que supongo que representa la vegetación.
La imagen de fondo de la nueva pestaña, en mi humilde opinión, es muy majestuosa, por lo que el nombre de ésta definitivamente no engaña al usuario y es completamente fiel a la realidad.
Tema del navegador Gotas de lluvia
Entonces, aquí tenemos un tema con una foto real, que, por cierto, parece bastante relajante en el contexto de una nueva pestaña en su navegador. Ves partes de la misma foto en las pestañas de la barra de navegación. Viene en varios tamaños. La versión Lite no incluye soporte para fotografía en calidad HD. En otros casos, la única diferencia es el soporte Aero.
Como puedes ver en la captura de pantalla, el mío no es compatible con el estilo Aero, ya que uso Ubuntu como sistema operativo.
Descargar: Chrome.google.com
Otoño
¿Es demasiado pronto para establecer temas relacionados con el otoño? El autor de este artículo, que prefiere los fondos de escritorio invernales durante todo el año, dice que no. Bueno, este es un tema bellamente ilustrado que contiene una maravillosa imagen de fondo para nuevas pestañas y también llena toda la parte superior del navegador con la misma imagen, pero en un tamaño diferente.
Este tema pinta las pestañas y la barra de navegación en una variedad de colores, incluidos naranja, azul claro, índigo y varios otros, que juntos crean una combinación de colores bastante inusual y agradable.
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 del navegador Chrome durante el diseño.
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 el tema, simplemente arrastre y suelte el archivo .crx en la ventana del navegador Chrome y listo. ¿No es rápido instalar un tema 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.
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:
- El editor gráfico más simple (incluso Paint servirá);
- Nuestras instrucciones detalladas;
- 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:
- Escribir desde cero (creando un documento de texto y varias imágenes);
- 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 una nueva carpeta en el escritorio con el nombre de nuestro tema futuro, para mí se llamará "¡No lo hagas!", Y dentro de ella 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 subir posteriormente el tema a 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ías usar una imagen adicional en este lugar por separado; puedes 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 llenar la pestaña abierta activa y la 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 exactamente de este tamaño y forma, 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 del tema; "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, 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", // llenando pestañas abiertas inactivas; "theme_ntp_background": "images/theme_ntp_background.jpeg", // el fondo principal de nuestro tema; "theme_frame_overlay": "imágenes /theme_frame_overlay .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. |
El código de esta página utiliza el símbolo “//”, es necesario “comentar” el código. Directamente en el archivo manifiesto.json– se puede eliminar.
Habiendo especificado las rutas a las imágenes, debes especificar los colores de las fuentes y los elementos de la interfaz. EN manifiesto.json Se utilizan colores RGB; puede obtener sus códigos en cualquier convertidor en línea.
"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; "ntp_background": , // Color de relleno de fondo debajo de los iconos de "aplicación" en el navegador; "ntp_text":, // Color de fuente de los nombres de las aplicaciones; "button_background":), // Color de "Cerrar", "Minimizar", "Completo Botones "Pantalla" 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 lo hagas!".
¡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 una de las extensiones o temas instalados 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 la 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 un nombre de tema y cargue una 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 del 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 visualizada. 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:
- Instale el tema resultante en el navegador (recuerde el inconveniente de la ventana al abrir el navegador).
- 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).
- Descargue el "código fuente" del tema en un archivo zip (puede cargar inmediatamente el tema terminado en 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.
Hola, queridos lectores del blog. Ganándose relativamente rápido los corazones de usuarios de todo el mundo. Yo tampoco fui una excepción a la regla y he estado trabajando exclusivamente en el blog durante aproximadamente un año.
Me atrae su absoluta confiabilidad (no hay ninguna queja al respecto en el último período), su buena velocidad de funcionamiento y la funcionalidad bastante rica que Chrome puede obtener gracias a las extensiones disponibles para él.
Pero la confiabilidad y velocidad del trabajo de Mazila disminuyeron significativamente con la instalación de cada nuevo complemento, lo que no se puede decir de Google Chrome, que puede crear un proceso separado en su computadora para cada complemento activo (esto aumenta enormemente la velocidad y la estabilidad general). del navegador). Bueno, hoy quiero hablar de aquellos que pueden resultar útiles no sólo para un webmaster, sino también para el usuario medio de Internet global.
Extensiones de Google Chrome de uso general
- Firebug Lite es un análogo del complemento súper popular. Chrome ya ha integrado una funcionalidad similar (seleccione "Ver código de elemento" en el menú contextual del botón derecho), pero, sin embargo, dicha extensión tiene un lugar. A mí personalmente no me gusta su trabajo y por eso uso la opción de Mazila, pero “todos los rotuladores tienen gustos y colores diferentes”.
Además, el programa ColorZilla tiene capacidades bastante ricas e incluso su propia configuración, pero ya aprenderá sobre esto con la ayuda de su mente inquisitiva. Déjame decirte que con la ayuda de este complemento para Google Chrome puedes ver toda la paleta de colores utilizada en una página web, obtener el código de colores degradados para insertar en tu sitio usando tu propio generador, ver el historial de capturas y uso. Diferentes paletas para seleccionar el tono deseado.
Y, en segundo lugar, debido a la distribución extremadamente pequeña de la barra de herramientas de Alexa en RuNet, al instalar este complemento en el navegador donde trabaja con el sitio, puede ajustar ligeramente este indicador para mejor. Encontrará una descripción más detallada de esta acción en el artículo anterior.
Las estadísticas del sitio web de LiveInternet.ru es una maravillosa extensión para Chrome que le permite ver el tráfico del sitio web según la versión, incluso si su propietario ha bloqueado las estadísticas con una contraseña:
Si dicho contador no está instalado en el sitio, aún puede estimar el tráfico por el lugar que ocupa el recurso entre los dominios de segundo nivel en RuNet (parece que los datos fueron tomados de Alexa) o por la cobertura de audiencia (porcentaje del tráfico total de RuNet), y también entender el porcentaje de la audiencia principal (visitantes regulares), la proporción del tráfico de búsqueda y la proporción de género masculino y femenino entre los visitantes.
Además, utilizando el botón SEO puede acceder a la página de herramientas de LiveInternet.ru. Después de completar un simple registro, obtendrá acceso a una serie de servicios que le ayudarán, por ejemplo, a elegir el tamaño de texto óptimo y el número de apariciones de palabras clave para llegar al TOP de los resultados de búsqueda para la consulta de búsqueda que le interesa. en (acabamos de hablar de esto en un artículo reciente sobre):
Allí también podrá analizar el sitio que le interesa, comprobar las posiciones de las consultas de búsqueda deseadas en los resultados de búsqueda (ala, ), y también.
SEO Site Tools es un complemento SEO burgués para Chrome que muestra en su botón el valor de la página abierta en el navegador. Si coloca la barra RDS mencionada anteriormente al lado, obtendrá una descripción visual del tamaño de las páginas abiertas en el navegador:
Además, al hacer clic en su icono, podrás obtener una gran cantidad de datos estadísticos relacionados con la promoción. Entre ellos también estará el número de adiciones de una página abierta en el navegador a otras redes sociales populares y marcadores sociales de la burguesía.
SEO Quake es un complemento popular para muchos navegadores que le permite mostrar un panel con varios indicadores de promoción en la parte superior de todas las páginas web abiertas en Chrome. Muy conveniente al visualizar sitios de donantes potenciales. Este complemento puede mostrar un panel similar en los resultados de búsqueda:
El complemento SEO Quake tiene muchas configuraciones, por lo que llevará mucho tiempo descubrirlo, pero vale la pena.
También uso activamente Chrome en mi tableta, pero desafortunadamente no admite complementos, lo cual me gustaría mucho. Espero que los desarrolladores corrijan este molesto malentendido con el tiempo.
Temas para Google Chrome
La posibilidad de cambiar temas en Google Chrome está integrada de forma predeterminada, como en todos los demás navegadores populares. Para cambiar o restaurar el "tema predeterminado", deberá ir a la configuración haciendo clic en el icono de llave inglesa en la esquina superior derecha y luego seleccionando "Configuración". En la página que se abre, seleccione nuevamente la pestaña del mismo nombre y allí busque la sección “Apariencia”:
Clickea en el " Elija un tema" e intente explorar toda la variedad de belleza disponible allí. Los temas se instalan de la misma manera que las extensiones:
Si el tema descargado no es de su agrado, puede continuar su búsqueda de manera segura, pero si está completamente decepcionado, nadie le impedirá volver al tema predeterminado utilizado en Google Chrome (el botón correspondiente en la captura de pantalla anterior). ).
¡Buena suerte para ti! Nos vemos pronto en las páginas del blog.
Tú podrías estar interesado
Barra Rds y barra Promotor de página para ayudar a los webmasters 
Marcadores visuales de Yandex para Mozilla Firefox, Google Chrome: cómo instalar y configurar pestañas en navegadores populares 
Chromium: qué tipo de navegador es, cómo se relaciona Chromium con Google Chrome y qué otros navegadores funcionan en base a él 
Navegador Yandex: las extensiones y temas son adecuados para Chrome, y la funcionalidad incluso lo supera 
Yandex Elements: descargue e instale la barra en Firefox, Internet Explorer, Opera y Chrome 
SEObar: un complemento SEO práctico e informativo para Opera 
Mozilla Firefox: descargue, instale y configure el navegador más extensible llamado Mozilla Firefox 
Marcadores en el navegador Yandex, Google Chrome y Fireforce, así como marcadores virtuales en línea