Pestañas simples con CSS y JQuery
Existen muchas maneras de crear pestañas con CSS, aquí os mostraremos un método de los muchos que existen, acompañado de un poco de jQuery para agregar animaciones y efectos de transición. Estructura HTML Usaremos una lista desordenada para las pestañas, seguido del div con clase «tab_container». Observa que cada item de la lista (pestaña) tiene … Lee más!
Bloques de texto encima de una imagen
Ya enseñamos hace tiempo a crear un rotador de imágenes con CSS, pero, ¿Y si solo deseamos ubicar texto encima de una imagen? En esta entrada aprenderemos a insertar bloques de texto encima de una imagen. Estructura La imagen se ubica al fondo del todo, y, el bloque de texto está agrupado por un encabezado … Lee más!
Rotar un texto con CSS Transformations
Igual que disponíamos la fecha con CSS Sprites, ahora queremos rotar un texto para crear una fecha gracias a CSS Transformations. Explicación de su funcionamiento CSS Mágico La clave de estas rotaciones se encuentran en CSS Transformations, y tanto Firefox como Safari tienen esta ventaja: Es decir:
Estilizar una tabla simple con CSS
Esto se podría considerar una entrada básica para los usuarios entre el nivel básico y medio, así que si eres uno de ellos, quizás te interese. Cuando diseñamos una tabla y no nos gusta el aspecto visual que tiene, podemos estilizarla con CSS y hacerla más bonita y personal. En esto se va a basar … Lee más!
Métodos para redimensionar imágenes con CSS
En SmileyCat publican 2 métodos para redimensionar imágenes con CSS, de forma sencilla, aunque poco estándar. Si conocéis otros métodos podéis dejarlo en los comentarios.
Crear un listado A-Z con CSS
Siempre viene bien organizar nuestro contenido. Hay muchas formas de organizarlo, mediante pestañas, menús, categorías… Otra forma clara y sencilla es poder organizarlo mediante un listado de la A a la Z. Aquí aprenderemos a crear un listado de este tipo para organizar mejor nuestro contenido, usando exclusivamente CSS con su respectivo HTML. Es un … Lee más!
Crear un menú vertical con bordes discontinuos mediante CSS
Al igual que hemos creado un menú vertical simple, podemos crear otro del mismo molde pero con bordes discontinuos (dashed). (Si lo deseas también puedes mirar como crear un menú horizontal simple con CSS). Este menú, al igual que el anterior menú vertical que creamos y que hemos mencionado anteriormente, está creado mediante listas. Simplemente … Lee más!
¡Contenido premium gratis!
Suscríbete a nuestra lista premium gratuita y recibe cupones sobre recursos de diseño gráfico Freepik, artículos y material exclusivo.
