Esto no es un blog. Es una sección que programé para ir publicando aquellas cositas que me parecen interesantes y, por cualquier motivo, quiero tener a mano. Copia lo que quieras, usa lo que quieras (pero respeta sus licencias).
Escrito por: Martín el 13-07-2009 11:58:34
Seguramente ya habrás utilizado o conocerás esta técnica. Se trata de poder utilizar bordes redondeados (que tan bien quedan) en los elementos de tu web sin utilizar imágenes para ello. El método, se vale de jQuery para adaptar los divs que indiques con el efecto que desees y, como se puede ver en la demo online que publiqué, es totalmente transparente con respecto a tu fondo.
Para aplicarlo, luego de agregar la librería jQuery en el head de tu web, debes indicar qué capa quieres redondear y el plugin se encarga de todo.
Mírate los códigos que aparecen a continuación, o mira el source de la demo.
Código CSS
/* esto no es necesario, puedes utilizar tus propios estilos */
body {background:#333 }
body, div, h1 { font-family: arial; margin: 0; padding: 0;font-size:18px;}
div.ejemplo { background-color: #ccc; padding: 20px;float:left;margin:20px}Código JAVASCRIPT
$('#ejemplo1').corner();Código XHTML
<div id="ejemplo1" class="ejemplo"><h1>Esto es un ejemplo: round</h1></div>
Búscame en Facebook
Sígueme en Twitter![[Q] Interactiva](/images/q-interactiva.gif)
[Q] Interactiva
Carlos Macías
Quadrícula Blog
Francisco Moreno 2.0
Andrés Karp
Klapz Comunicacion y Diseño
ProjekPoster de Personajes
Luis Adrián Rosas Wiedfeld
Criterion - Armando Sotoca
Tecnorama - Andrés Cayon
Blocket PC Spanish Mobile AUG
Subflash
CSS WOW
CSS Clip
CSS Star
CSS Creme
Boxed CSS
CSS Brigit
CSS Based
CSS Loggia
CSS Leak
CSS Design
CSS Orgy
