Salta al contingut principal

Como cambiar la apariencia de una página web

Como cambiar la apariencia de una página web:

Stylebot es un complemento de Google Chrome que te permite editar el código CSS de las páginas que visitas. Tanto si tienes conocimientos sobre CSS como si eres un principiante, Stylebot puede cambiar la apariencia de una web.
¿Nunca has tenido ganas de coger el diseño de una página web y modificarlo para que se adapte a tus gustos? Hay una gran cantidad de diseñadores web que por desgracia no aciertan a la hora de crear el aspecto de su página. En estos casos, nada mejor que abrir Google Chrome y utilizar la ayuda que te ofrece Stylebot.

Este complemento te permite personalizar el aspecto de una página utilizando CSS personalizados con facilidad. Además puedes utilizar la aplicación para aprender más sobre CSS o para testar el aspecto de tu propia página web.
Web
Cuando instales el complemento, cada vez que accedas una página donde sea posible su uso verás el icono “CSS” en el final de la barra de direcciones. Al pulsarlo abrirás una nueva ventana en la parte derecha de la página web, aunque puedes cambiar la posición.
Web
Ahora sólo tienes que llevar el puntero por los diferentes elementos de la página para seleccionarlos. Cuando realices la selección, podrás modificar desde el menú diferentes componentes:
  • Texto.
  • Color y fondo.
  • Bordes.
  • Diseño y visibilidad.
Web
Si tienes conocimientos sobre código CSS, puedes realizar estos mismos cambios de forma manual. En la parte inferior puedes alternar entre los modos Basic (el que acabamos de ver) o Advanced, que te permite introducir el código para llevar a cabo estas mismas modificaciones. También cuentas con la opción “Edit CSS” para editar el código en bruto de la página web.
Web
Los cambios que realizas sobre el CSS de la página se mantendrán de forma permanente, aunque dispones de un botón para deshacer los cambios introducidos y recuperar la apariencia original de la página web.
Fuente Malavida blog

Comentaris

Entrades populars d'aquest blog

15 Tutoriales CSS3 para mejorar tus paginas web

15 Tutoriales CSS3 para mejorar tus paginas web : Les dejo una pequeña recopilación de tutoriales CSS3 que espero sean de utilidad para ustedes, intentamos hacer una recopilación bastante completa para crear impresionantes diseños web con CSS3 y aprovechar las bondades de CSS3 incluso para aplicar efectos, son un total de 15 tutoriales CSS3 gratis . Crear menu dropdown con CSS3 Crear breadcrumbs con estilo Transiciones de paginas con CSS3 Crear timeline con CSS3 y jQuery Reproductor de video con HTML5, CSS3 y jQuery Crear efecto acordion CSS3 Aplicar degradado a texto Crear texto en curva con CSS3 y jQuery Aplicar textura a texto con Magic Pill Crear slider de imagenes con CSS3 y jQuery Rotar texto con CSS3 Crear menu vertical con CSS3 Crear formulario con HTML5 y CSS3 Crear efecto de imagenes apiladas con CSS3 Aplicar estilos para imagenes con CSS3  

Averiguar la Salud del Disco Duro, con Crystal Disk Info [Windows]

Averiguar la Salud del Disco Duro, con Crystal Disk Info [Windows] : El actual “cuello de botella” en nuestras PCs; es decir, donde todo el rendimiento de nuestra PC llega a estancarse , es en el Disco Duro. Si bien los procesadores han evolucionado considerablemente en velocidad / rendimiento, el RAM no sólo es más económico, sino más veloz, y las tarjetas de video siguen innovando con cada generación, los discos duros han permanecido idénticos desde hace años, limitados por la física. Y es que un disco duro tradicional sólo tiene un máximo de velocidad con el que puede girar (medido en revoluciones por minuto, o RPM) que, a su vez, limita la velocidad de lectura y escritura. En pocas palabras, a pesar de que nuestras PCs pueden procesar información mucho más rápido que hace 5 años, los discos duros siguen leyendo (y escribiendo) esta información prácticamente a la misma velocidad. Esto ha cambiado con la llegada de los SSD, los Discos de Estado Sólo que no están limitados por la velo...

Cómo programar add-ons en XBMC: Un add-on más completo

Este tutorial forma parte de la serie Cómo programar un add-on de XBMC Estamos a mitad de camino de este tutorial, pero ya tienes el conocimiento necesario para hacer un add-on bastante completo. Espero que a estas alturas ya te hayas convencido de que es algo relativamente sencillo sin necesidad de saber demasiado de programación. Y ya sabes cómo obtener datos de una página HTML usando expresiones regulares, que es lo más difícil. Así que antes de entrar en la recta final vamos construir un add-on paso a paso desde cero, con el objetivo de afianzar lo que has aprendido en las entregas anteriores y de paso divertirte un poco. Te aconsejo que elijas un sitio web que te guste como fuente de vídeos, para mí he elegido hacer un add-on completo que permita ver los vídeos de Disney Junior tanto en la web oficial como en YouTube. No se trata de un add-on demasiado complejo, como podrás comprobar enseguida, pero no va a desmerecer en nada a cualquiera de los que puedes encontrar publicados en...