La propiedad border-radius de CSS3 permite utilizar fácilmente los bordes redondeados en nuestros diseños sin necesidad de usar varias etiquetas div e imágenes para las esquinas. Ejemplo 1. Caja con las esquinas redondeadas en Chorme, Safari, Firefox, IE9 y superiores El código css para conseguir los bordes redondeados del ejemplo anterior sería el siguiente: .bordes-redondeados { … Leer más
Cuando utilizamos tablas muy grandes en altura y con muchos datos en nuestras páginas puede que nos resulte muy útil este truco del que vamos a hablar. En este artículo vamos a comentar cómo transformar nuestras viejas y aburridas tablas en otras con cabecera fija y scroll utilizándo únicamente CSS. Muy útil para aquellas tablas … Leer más
Todos hemos visto alguna vez los típicos menús de navegación en forma de pestañas o solapas, situadas en la parte superior de la página, que cambian de color al pasar el puntero del ratón por encima. Un poco de historia… Estos menús generalmente se basaban en la utilización de dos imágenes diferentes para cada pestaña … Leer más
En este artículo vamos a completar el ejemplo que veíamos sobre cómo mostrar un texto en una posición fija de la página mientras se carga para conseguir un pequeño efecto muy sencillo y vistoso. Vamos a utilizar un temporizador para "animar" el texto "Cargando" haciendo que aparezcan poco a poco los 3 puntos suspensivos, luego … Leer más
«Cargando… Espere un momento por favor.» Seguramente habréis visto en alguna ocasión un mensaje parecido a este al entrar en una página web, y os habréis fijado en que desaparece cuando todos los elementos de la página se han cargado. Si usáis GMail por ejemplo, seguro que habéis visto el texto «Cargando…» en más de … Leer más
No recuerdo dónde vi por primera vez una página que utilizaba este efecto de transparencia pero me entusiasmó e hizo que inmediatamente dejara lo que estaba haciendo para ponerme a buscar sobre cómo conseguirlo. El efecto es muy fácil de aplicar, el único problema es que se consigue de forma diferente en los distintos navegadores, … Leer más
En muchas ocasiones nos interesa mostrar un bloque de código HTML dentro de una página web, normalmente para poner un ejemplo de cómo hacer algo que estemos explicando. En está página se pueden ver varios ejemplos del resultado, pero vamos a ver paso a paso cómo conseguirlo. En primer lugar, si escribimos las etiquetas HTML … Leer más