Ir al contenido principal

Entradas

Mostrando entradas de noviembre, 2011

Crear fondos degradados con CSS3

E ntre las novedades que incluye el nuevo CSS3 encontramos la posibilidad de crear un fondo degradado sin necesidad de utilizar imágenes. Para degradar el fondo de un objeto utilizando CSS3 simplemente debemos añadir las siguientes líneas en los atributos de la etiqueta de la hoja de estilos: background: -moz-linear-gradient(center top , #A0A0A0, #F0F0F0) no-repeat scroll 0 0 #F0F0F0; background: -webkit-gradient(linear, left top, left bottom, from(#A0A0A0), to(#F0F0F0), color-stop(0.7, #F0F0F0)); Debemos incluir los dos atributos, uno para Mozilla y el otro para Chrome. Con esto conseguimos un degradado vertical cuyo color superior es #A0A0A0 y el inferior #F0F0F0 . También te puede interesar: Cómo crear bordes redondeados con CSS3

Bordes redondeados en etiquetas con CSS3

U na de las nuevas propiedades que nos proporciona CSS3 es la posibilidad de utilizar bordes redondeados en las etiquetas. Una de las grandes ventajas de esta utilidad es que ya no debemos utilizar imágenes o JavaScript para conseguir este efecto por lo que conseguiremos mejorar sustancialmente la velocidad de carga de la página. Para utilizar bordes redondeados con CSS3 debemos añadir el siguiente código en nuestra hoja de estilos: -moz-border-radius: 10px; /* Firefox*/ -ms-border-radius: 10px; /* IE 8.*/ -webkit-border-radius: 10px; /* Safari,Chrome.*/ border-radius: 10px; /* Estándar.*/

Acrotar entradas en la página index de Wordpress

E s más que recomendable mostrar las entradas acortadas en la página principal (o index) de nuestro blog para obligar a los usuarios a ir a la entrada correspondiente para leerla completamente. En Wordpress tenemos dos formas de hacerlo, una editando el código y otra simplemente añadiendo una línea extra en nuestras entradas. La más sencilla y útil es añadiendo la etiqueta <!--more Sigue leyendo... --> -dónde Sigue leyendo... es la frase que se muestra y totalmente personalizable- en el punto en que queremos que se corte la descripción de la entrada. Automáticamente en la página de inicio aparecerá la entrada cortada por el punto indicado y con la descripción que hemos especificado. La segunda forma puede que no sea posible aplicarla si tenemos puesta alguna plantilla personalizada, pero se trata de cambiar las funiones que invocan las entradas, modificando en index.php <?php the_content('Read the rest of this entry »'); ?> por <?php the_excerpt(__(