Posts Tagged ‘css’

Variables CSS con PHP

El uso de variables CSS no es nuevo, y con PHP lo tenemos relativamente fácil. La verdad es que es una buena idea pero personalmente no me he decidido todavía a utilizarlas.
Los pasos que tenemos que seguir son estos:
Primero el cambio de extensión del archivo. Cambiamos .css por .php
<link rel='stylesheet' type='text/css' href='css/style.php' />
A continuación en [...]

Dar estilo a una lista con un solo pixel

Y es que un pixel puede dar mucho de sí. Con un repeat-x para la la ramificación horizontal y un repeat-y para la vertical podemos obtener algo parecido a esto:

En el HTML no tenemos que hacer nada especial. Creamos nuestra lista sin ordenar y anidada, nada más:
<ul id="project-list">
<li><a href="#">Civil Engineering</a>
[...]

“Cargando” en CSS

Si eres de los que tiene todavía una conexión prehistórica o te gusta poner imágenes en tu web que ocupan una barbaridad, CSS tiene la solución. (como casi siempre)
Se trata de hacer el típico “cargando” con una imagen que seleccionaremos previamente. ¿Cómo?, muy fácil…
Primero seleccionamos la imagen que queramos que aparezca como aviso:
.cargando{background:url (‘imagen_cargando.gif’) no-repeat [...]

Barras animadas en CSS

Hoy me he encontrado con esta página en la que con un contenedor y dos elementos anidados podemos hacer una barra de progreso animada, y como podeis ver quedan bastante bien.

75%

Es un proceso bastante simple y que podemos personalizar cuanto queramos. Todo tiene truco, y lo que se hace es ir moviendo la imagen gif [...]