☆ Firmando las paginas con estilo, CSS Signatures

Como veran aun no termino la pagina web, por falta de tiempo y algunas otras distracciones (tales como Full Metal Panic! y Full Metal Panic Fumoffu!), pero he dado los pasos necesarios para invitar a otros a modificar mi pagina.

CSS Signatures (Firmas CSS)

La idea original se puede remontar a Eric Meyer, en un correo que envio a la lista [CSS-D] (CSS Discuss) alrededor del 2002, gracias a que todo tag posee la capacidad de llevar una clase o un id. ¿Por qué? Para permitir a cualquiera que no le guste mi actual diseño o simplemente quizas no le guste la fuente que use, añadir reglas personalizadas en su hojas de estilos del usuario. Usando selectores descendientes que comienzan con el ID del sitio, estos estilos se aplicaran unicamente a las paginas dentro de mi sitio.


Asi que digamos que simplemente no te gusto el color de el fondo o el tipo de fuente que uso. Habria que añadir a tu ::google(“user stylesheet”):: algunas reglas sencillas.


#idealabs-tk { font: 1.2em Times, serif;}
#idealabs-tk * { font: 1.2em Times, serif;}

Las posibilidades son infinitas, incluso la posibilidad de un rediseño total usando selectores. Si no quieres ver los ultimos comentarios, puedes ocultarlos; reposicionar elementos, cambiar los colores e incluso fijar elementos con ‘display: none;’.

Lo que deseen hacer con mi sitio. En el caso de Firefox, la forma mas facil seria buscar, el archivo userContent-example.css (el cual cambia de ubicacion de acuerdo a nuestro sistema operativo, pero se encuentra en el directorio de perfiles de nuestro Firefox), renombrarlo a userContent.css y en el podemos escribir nuestras reglas personalizadas. Mas facil que usar greasemonkey 😉

Como tip, les sugiero que creen un link directo a el archivo para modificarlo constantemente, en mi caso es algo regular, ya que siempre añado reglas para ciertos sitios que cuentan con firmas CSS.

Si tienes un sitio, ¿Por qué no le añades una firma css?

Comments

3 respuestas a “☆ Firmando las paginas con estilo, CSS Signatures”

  1. Avatar de celebrity morgue
    celebrity morgue

    contacts

Deja un comentario

This site uses Akismet to reduce spam. Learn how your comment data is processed.