__TOC__ = Asegúrate de que tienes las Superlentes de rayos X [[How to Install X-Ray Goggles|instaladas]] = Cada vez que estés en una página a la que quieras echar un vistazo, haz clic en el botón de las Superlentes de rayos X en la barra de herramientas de marcadores y empieza a programar. Si necesitas ayuda con los comandos, pulsa la tecla {key h} en tu teclado o el botón {button Ayuda} en la barra lateral derecha. = Inspecciona los elementos = Con las Superlentes de rayos X activadas, notarás que algunas secciones de la página web se iluminan con una caja brillante cuando pasas encima de ellas con el ratón. Estas cajas representan los elementos de la página web. Haz clic en una y accederás al editor de código, donde puedes mezclar el elemento con tu propia variante. = Comienza a mezclar y cambiar = Dependiendo del tipo de elemento que hayas seleccionado, puedes remixar de diferentes maneras. == Cambia un texto == Esto es lo más fácil. Selecciona un bloque de texto y cambia lo que dice en el lado izquierdo del editor de código. Verás una previsualización de lo que cambies en el lado derecho del editor de código. == Cambia una imagen == Todas las imágenes usan la etiqueta <code><<!-- -->img<!-- -->></code> en su código HTML. Por tanto, cada etiqueta <<!-- -->img<!-- -->> apunta a una dirección web que comunica a la etiqueta dónde está alojada la imagen actual. Puedes cambiar la imagen original por la que quieras. Solo tienes que abrir una nueva pestaña en el navegador web y buscar la imagen que quieras usar: haz clic con el botón derecha en ella y selecciona {button Copiar la ruta de la imagen}. Pega la ruta de la imagen que has copiado en el lado izquierdo del editor de código. Deberías verl cómo se cambia en la previsualización de la derecha. == Modifica un enlace == Puedes hacer que los enlaces te redirijan a donde tú quieras. Todos los enlaces comienzan con <code><<!-- -->a href="<!-- --></code> y luego contienen la dirección web a la que dirije. Cambia esa dirección y habrás cambiado el destino del enlace. Quizás también quieras cambiar lo que se conoce como "texto de hipervínculo"; es decir, la etiqueta de texto que le da al usuario una pista de la página de destino y que normalmente se muestra con un texto subrayado y en azul. = ¡Vamos, publica! = Si te has equivocado en algo, puedes hacer clic en el botón {button Omitir} en la parte superior derecha. Si estás satisfecho con los cambios, haz clic en {button Realizar cambios} y mira cómo cambia tu página. Cuando estés listo para publicar, pulsa la tecla {key p} de tu teclado o haz clic en el botón {button Publicar} en el panel derecho. Si has iniciado sesión en Webmaker, se añadirá tu mezcla de las Superlentes a tu galería "Mis trabajos" y se te dará una dirección web para que puedas compartirla con tus amigos. = Mejora tus habilidades = ¿Quieres ir un paso más allá? Intenta editar la CSS de la página. Mantén pulsada la tecla {key c} para ver la CSS y luego pulsa la {key barra espaciadora} para editarla.

Asegúrate de que tienes las Superlentes de rayos X instaladas

Cada vez que estés en una página a la que quieras echar un vistazo, haz clic en el botón de las Superlentes de rayos X en la barra de herramientas de marcadores y empieza a programar.

Si necesitas ayuda con los comandos, pulsa la tecla h en tu teclado o el botón Ayuda en la barra lateral derecha.

Inspecciona los elementos

Con las Superlentes de rayos X activadas, notarás que algunas secciones de la página web se iluminan con una caja brillante cuando pasas encima de ellas con el ratón.

Estas cajas representan los elementos de la página web. Haz clic en una y accederás al editor de código, donde puedes mezclar el elemento con tu propia variante.

Comienza a mezclar y cambiar

Dependiendo del tipo de elemento que hayas seleccionado, puedes remixar de diferentes maneras.

Cambia un texto

Esto es lo más fácil. Selecciona un bloque de texto y cambia lo que dice en el lado izquierdo del editor de código. Verás una previsualización de lo que cambies en el lado derecho del editor de código.

Cambia una imagen

Todas las imágenes usan la etiqueta <img> en su código HTML. Por tanto, cada etiqueta <img> apunta a una dirección web que comunica a la etiqueta dónde está alojada la imagen actual.

Puedes cambiar la imagen original por la que quieras. Solo tienes que abrir una nueva pestaña en el navegador web y buscar la imagen que quieras usar: haz clic con el botón derecha en ella y selecciona Copiar la ruta de la imagen.

Pega la ruta de la imagen que has copiado en el lado izquierdo del editor de código. Deberías verl cómo se cambia en la previsualización de la derecha.

Modifica un enlace

Puedes hacer que los enlaces te redirijan a donde tú quieras.

Todos los enlaces comienzan con <a href=" y luego contienen la dirección web a la que dirije. Cambia esa dirección y habrás cambiado el destino del enlace.

Quizás también quieras cambiar lo que se conoce como "texto de hipervínculo"; es decir, la etiqueta de texto que le da al usuario una pista de la página de destino y que normalmente se muestra con un texto subrayado y en azul.

¡Vamos, publica!

Si te has equivocado en algo, puedes hacer clic en el botón Omitir en la parte superior derecha.

Si estás satisfecho con los cambios, haz clic en Realizar cambios y mira cómo cambia tu página.

Cuando estés listo para publicar, pulsa la tecla p de tu teclado o haz clic en el botón Publicar en el panel derecho.

Si has iniciado sesión en Webmaker, se añadirá tu mezcla de las Superlentes a tu galería "Mis trabajos" y se te dará una dirección web para que puedas compartirla con tus amigos.

Mejora tus habilidades

¿Quieres ir un paso más allá? Intenta editar la CSS de la página. Mantén pulsada la tecla c para ver la CSS y luego pulsa la barra espaciadora para editarla.