Todos los posts con tag 'css'

Efectos sin photoshop: text-shadow (CSS)

Publicado el Thursday 22 de October de 2009. | 5 comentarios
Categoría: Programación y diseño | Tags: , ,

pre.shad {
margin-left:40px;
margin-bottom:5px;
padding: 3px;
border:0;
background-color: transparent;
}
h4.shad {
padding:6px; margin:2px 0 10px 40px; font: 18px Arial;
}

Muchas veces se utiliza Photoshop para crear títulos o textos con sombras, bajo-relieves, bordes, etc. creando para ello primero una imagen que después será utilizada en nuestra página. Sin embargo, podemos simular el mismo efecto (más o menos) utilizando solamente HTML/CSS con el [...]

Mejorar enlaces con CSS

Publicado el Thursday 28 de September de 2006. | 2 comentarios
Categoría: Noticias | Tags:

Los selectores de CSS permiten aplicar un estilo en concreto a nuestras etiquetas basandose en el contenido de sus atributos. Así, podemos aplicar un estilo distinto a nuestros enlaces (etiqueta anchor A) en función del contenido de su atributo href.
Por ejemplo, con este ejemplo (sacado de anieto2k) obtenemos lo siguiente:
- Añadir una imagen external.gif a [...]

CSS: background, eliminar parpedeos en IE6

Publicado el Sunday 25 de June de 2006. | 1 comentario
Categoría: Noticias | Tags:

Si alguna vez has utilizado imágenes como fondo de elementos con CSS, te habrás fijado que en Internet Explorer 6.0, cuando pasas por encima el cursor del ratón, se produce un molesto parpadeo o “flick”.
Es decir, con tener un código CSS y HTML simplemente como éste:

.mifondo {
background: url(‘img/cuadradito.gif’) no-repeat;
}

<div class=”mifondo”>Aqui aparece [...]

CSS en etiquetas UL y LI

Publicado el Sunday 12 de February de 2006. | 1 comentario
Categoría: Noticias | Tags:

Si alguna vez os habíais preguntado porque las etiquetas <UL> y <LI> muestran la información con una indentación y unos puntos gorditos tiene facil respuesta: porque así viene definido en el CSS por defecto de nuestros navegadores.
Si no nos gusta este formato o simplemente queremos utilizar estas etiquetas UL y LI para otros fines, podeis [...]

Editar el CSS “on the fly”

Publicado el Saturday 8 de October de 2005. | 6 comentarios
Categoría: Noticias | Tags:

Paso 1: Usa mozilla firefox. Si no conoces el mejor navegador que hay, bajatelo de aqui.
Paso 2: Bajate la extensión Web Developer de aqui. La instalas y reinicias Firefox.
Paso 3: Utiliza un buen color picker. Tras mucho buscar, el mejor que he encontrado es el de pkworld. Descarga directa desde aqui.
Si conoces un Color Picker [...]