Posicionamiento Fixed con CSS

Algunas veces queremos que un mensaje se muestre siempre que naveguemos por una página, aunque nos vayamos hacia abajo del todo de esta. Bueno, esto se puede hacer, gracias a una propiedad de CSS que posiciona un elemento de forma flotante. Solo tendremos que crear el código CSS del elemento, y añadirle la posición fixed: … Lee más!

11 enero 2009, en CSS Avanzado, CSS Medio, Maquetación en CSS, por Pedro CM

Seleccionar con distinto color mediante CSS

¿Alguna vez te has preguntado porqué algunas web tienen el «don» de poder seleccionar el texto de manera distinta, es decir, con otro color? Pues es muy fácil, ¡aquí tienes la solución!

11 enero 2009, en CSS Avanzado, CSS Hacks, CSS Medio, por Pedro CM

Letras encima de otras con CSS

Es bonito que varias letras se superpongan encima de otras. Si lo hacemos bien, podremos crear un bonito diseño, que puede ser el logo de nuestro sitio, por ejemplo.

11 enero 2009, en CSS Avanzado, CSS Hacks, CSS Medio, por Pedro CM

Bordes redondeados en Webkit mediante CSS

Una forma fácil de crear bordes redondeados en navegadores web que funcionen con el motor WebKit (Como por ejemplo: Safari). Cabe decir Safari con su motor Webkit ha superado el acid test. AVISO: ¡Este truco no funciona con Internet Explorer o Firefox, ya que no funcionan mediante el motor Webkit! .sample { -webkit-border-radius:10px; /* todos … Lee más!

11 enero 2009, en CSS Avanzado, CSS Hacks, CSS Medio, por Pedro CM

Obtén la estructura CSS con CSS Frame Generator

CSS Frame Generator es una herramienta online que nos permitirá saber la estructura CSS que debemos darle a nuestro documento HTML. Con solo escribir el código HTML, nos dirá que estructura deberemos darle a CSS. Claro está, el código que te da en CSS es vacío, pero sigue una estructura, por ejemplo: #root { } … Lee más!

11 enero 2009, en CSS Avanzado, CSS Medio, Recursos CSS y diseño, por Pedro CM

Crear letras capitales con CSS

Las letras capitales pueden quedar muy bonitas en nuestros documentos, así que, ¿porqué no aprender a crearlas mediante CSS? Para crearlas, solo debemos incluir este código CSS en nuestro documento: p:first-letter { display:block; float:left; border:1px solid black; padding:5px; margin:4px 5px; background:url(colordelfondodelaletra.png); font-size:73px; } Después, debemos incluir nuestro texto mediante un párrafo, entre las etiquetas tu … Lee más!

11 enero 2009, en CSS Hacks, CSS Medio, por Pedro CM

Guía de soporte CSS en clientes de email

Una lista muy útil que nos dirá que soporte de propiedades CSS tienen los clientes de email al presentar los emails en documento HTML, para saber que funciona y que no funciona al escribir un mensaje. Podemos diferenciar entre clientes de correo electrónico web, o de escritorio. ver guía de soporte CSS en clientes de … Lee más!

10 enero 2009, en CSS Avanzado, CSS Medio, Recursos CSS y diseño, por Pedro CM