Últimas Historias

  • en

    CSSSprite Generator: crea imágenes sprites en cuestión de segundos

    En algunas entradas anteriores hemos hablado sobre las imágenes en sprites y lo ventajoso que resulta tener estas imágenes en una Web, sea del tipo que sea. Recordemos que los Sprites CSS son una forma de optimizar el uso de imágenes en nuestro sitio Web, una técnica que requiere de un archivo en el cual […] Más

  • en , , ,

    Como aplicar un fondo animado a nuestro blog con JQuery

    Aplicar una imagen de fondo animada a una página podría resultar algo molesto, siempre y cuando, la imagen de por sí lo sea, pero existen páginas webs que incorporan este efecto, el cual da la sensación de haber sido realizado en flash cuando en realidad no es mas que simple código y algo de CSS […] Más

  • en

    Descargar CSS: un juego de niños

    El diseño de páginas Web mediante CSS puede facilitarnos mucho las cosas, además de darle toques originales. Según Pc-Cuadernos, esto es cosa de niños y comprenderlo es fundamental para poder dominar CSS y lograr unos diseños bastante atractivos, que funcionen, y que además sean compatibles con la mayoría de navegadores. A través de una serie […] Más

  • en , ,

    CSScaffold: un framework CSS escrito en PHP

    CSScaffold es un framework CSS el cual ha sido escrito en código PHP. Esto simplifica muchas tareas y evita el uso de frameworks estáticos, pues emplea muchas opciones que el CSS estándar no dispone. Gracias al código PHP se extienden todas las posibilidades del CSS. En cuanto a su sintaxis, es decir, la forma que […] Más

  • en , ,

    Como crear tooltips en WordPress mediante CSS

    Aplicar tooltips es relativamente sencillo en CSS, basta una simples líneas de código y conocer el modo de aplicarlo, para tener los tooltips en funcionamiento. Se suele utilizar para mostrar información extra y personalizada al usuario de una página, no es nada intrusivo y aparece y desaparece en función del usuario, es decir, los tooltips […] Más

  • en , ,

    Como añadir una imagen a la etiqueta <more> de WordPress y cambiar su efecto

    La etiqueta more es muy conocida por su efecto dentro de WordPress, es decir, la de poder realizar un salto, tras un determinado texto, imagen, o lo que deseemos para mostrar el resto del contenido de nuestra entrada. Si eres nuevo en el mundo de Worpdress, quizás no hayas tenido la oportunidad de comprobar el […] Más

  • en , ,

    Estilizando las listas <ul> y <ol> con CSS

    En el blog de marcofolio he econtrado unas ocho formas de como podemos estilizar meditante el uso de CSS las listas que integramos en las entradas o los menús, dándoles un aspecto más profesional y con mucho más diseño. Debemos recordar que su uso sirve tanto para listas ordenadas como para las desordenadas, es decir, […] Más

  • en ,

    Como aplicar el efecto de opacidad con CSS a las imágenes

    El efecto de opacidad es muy empleado en las imágenes para dar un mayor diseño al blog. Se trata de un efecto en el que la imagen parece pobre pero cuando pasamos el cursor sobre la misma ésta parece recuperar su nitidez. Este efecto podemos realizarlo mediante CSS de la siguiente forma: Más

  • en , ,

    Como resaltar las búsquedas en WordPress

    Si tienes tu propio formulario de búsqueda en el diseño de tu blog y quiere resaltar las búsquedas que se hagan en el mismo con el propósito de que tus visitantes vean por ejemplo el texto resaltado, con fondo de otro color, en negrita o en subrayado por ejemplo, debes seguir los siguientes pasos para […] Más

  • en , , ,

    Como limitar el tamaño máximo de las imágenes en las entradas mediante CSS

    He visto en muchos blogs que se limitan a copiar y pegar no tienen en cuenta el tamaño de las imágenes o quizás seas uno de tantos bloggers que están cansados de ir reduciendo el tamaño de las imágenes hasta ajustarlas al ancho de las entradas de tu blog. Resulta algo molesto tener que ir […] Más

  • en , , ,

    Cambiar el diseño del blog según la hora

    Diseñar es cuestión de tiempo, y si dispones del suficiente como para crear dos tipos de estilos para tu blog entonces podemos aplicar un pequeño truco con el que dependiendo de la hora en la que se encuentre el servidor, se visualizará un diseño (CSS) u otro.   Más

  • en

    Imágenes tipo sprites en CSS

    Todavía recuerdo que la primera vez que escuché hablar sobre los sprites en las imágenes fue cuando estuve estudiando el entorno de desarrollo de DIV Games Studio (un lenguaje de programación basado enteramente en el lenguaje C, nacido en un principio para la creación de juegos en MS-DOS y cuya empresa creadora fue Hammer Tecnologies, […] Más

  • en ,

    Como crear el efecto de carga de imágenes en CSS

    Si tienes un blog tipo fotolog, quizás te interese saber lo que hay que hacer para aplicar un efecto que indique a tus visitantes, que la foto se está cargando. El truco es muy sencillo y se realiza mediante la utilización de la clase tipo “entry”, por defecto en WordPress y con la cual conseguimos […] Más