Anuncio
Cuando piensa en capturas de pantalla falsificadas o editadas, los programas como Photoshop probablemente se le ocurran. Nunca he sido muy creativo en lo que respecta al diseño y el trabajo gráfico, así que eso es casi imposible para mí. Si intentas intercambiar caras en una imagen, deberás aprender a usar programas como ese. Si está intentando hacer algo como cambiar el texto en una conversación de Facebook, no hay necesidad. Todo lo que necesitas es Firebug y una clave PrtScrn.
Firebug está disponible para todos los navegadores principales Cómo instalar Firebug en IE, Safari, Chrome y Opera Lee mas : IE6 +, Firefox, Opera, Safari y Chrome. En este ejemplo, lo guiaré a través de un tutorial sobre cómo usarlo para su navegador nativo, Firefox. ¿Qué es Firebug? Firebug es un complemento de navegador que le permite editar, depurar y monitorear CSS 10 ejemplos simples de código CSS que puedes aprender en 10 minutos¿Quieres saber más sobre el uso de CSS? Para comenzar, pruebe estos ejemplos básicos de código CSS, luego aplíquelos a sus propias páginas web. Lee mas
, HTML y JavaScript. Para manipular páginas web como las voy a mostrar hoy, no necesitará saber ninguno de esos idiomas.Instalando Firebug
La instalación es increíblemente fácil. Dirígete al sitio web oficial para descargar el complemento [Ya no está disponible]. Desde allí, seleccione su navegador (se prefiere Firefox, para que seguirlo sea más fácil). Instale el complemento y reinicie su navegador si es necesario.
Usando Firebug
Al instalar Firebug, de manera predeterminada, el ícono debe mostrarse en la barra de complementos, el menú Herramientas y posiblemente el menú contextual. Haga clic en el icono en su barra de complementos y verá una nueva pestaña emergente en la parte inferior de su pantalla.
Lo que está viendo aquí es una vista HTML de los elementos de la página web en la que se encuentra. En este ejemplo, es la página de descarga de Firebug en los complementos de Firefox [Ya no está disponible]. Si está interesado en usar Firebug para los propósitos más habituales, siéntase libre de hurgar en las pestañas y conocer sus características.
El botón que he resaltado en esa captura de pantalla es la herramienta de inspección. Esta es la herramienta que vamos a utilizar. Haga clic en ese botón y luego notará que cada área de texto sobre la que pasa el cursor se resaltará en la vista de la página web y luego se resaltará en la vista HTML de Firebug.
Cambio de texto
Haga clic en el bloque de texto que desea manipular. Verá que el texto ha sido seleccionado en la vista HTML de Firebug. Desde allí, haga doble clic en la línea de HTML que incluye el texto que desea cambiar. Puedes comenzar a escribir lo que quieras.
A medida que escribe, verá que las actualizaciones de vista previa se muestran en vivo en la página web.
¿Guay, verdad? Es especialmente fácil debido a la forma en que Firebug le permite aislar el texto sin formato del HTML empaquetado. De esa manera, todos los elementos HTML, estilos CSS y otras imágenes importantes se conservan para que parezca la copia real.
A medida que se sienta más cómodo con Firebug, o si ya conoce HTML, le resultará igual de fácil cambiar otros elementos en la página, como las imágenes. Las posibilidades son infinitas y estoy seguro de que ya se te ocurren formas de usar y abusar de este pequeño truco.
¡Déjame saber lo que piensas sobre este pequeño consejo y comparte tus formas creativas de ponerlo en práctica en los comentarios!
Craig es emprendedor web, comercializador afiliado y bloguero de Florida. Puedes encontrar más cosas interesantes y mantenerte en contacto con él en Facebook.
