Los menús en CSS son una de las cosas más bonitas del diseño Web, además de su importancia como elemento de navegación principal del sitio, el tener un menú es CSS para muchos implica tener relativamente algunos conocimientos avanzados, por lo menos para mi requiere algunos conocimientos extras, afortunadamente existen servicios que pueden ayudar con la tarea de crear un menú en CSS.

Pure CSS Menu es un sitio Web que permite generar menús en CSS de forma fácil, si bien hay algunos diseños minimalistas que valen la pena la mayoría no son muy buenos, pero de todas formas puede salvarle la vida a más de alguno. ..Continua Leyendo

Si no te han convencido las Web con menús en CSS gratuitos como 13 Styles y quieres algo más personalizado, pero no tienes los conocimientos para crear tu propio menú, pues no te desesperes, a continuación te presento la web CSS Menu Maker.

Esta Web, tal y como dice su nombre, te permite crear menús en CSS de forma gratuita, lo que debes hacer es ingresar a la pagina principal de esta Web, seleccionar el tipo de menú, entre los que están menús deslizables, menús horizontales y menús verticales, cuando hayas seleccionado el tipo de menú puedes buscar entre todos los estilos que hay en la Web, luego puedes personalizar los colores y posteriormente descargar los archivos de código y las imágenes del menú.

Este servicio es gratuito y tiene varios estilos para elegir, incluso podemos enviar nuestros menús y compartirlos con la comunidad, una muy buena alternativa para quienes no se manejen con el CSS pero que quieren tener una Web con muy buen estilo.

Link |  CSS Menu Maker
En Blogs Bazaar | Recursos Web, Menus en CSS

A decir verdad, un theme con grandes cualidades por lo general tiene un CSS muy grande y pesado, ya que tiene los contenedores de estilo de cada sección, lo que aparentemente lo hace algo muy bonito y a la vez muy popular.

Pero seguramente nosotros tarde o temprano nos daremos cuenta de que esta será una de las principales causas de que nuestro blog demore mucho en cargar, hasta habrá veces en las cuales sea tanta la demora que el navegador se vea en la necesidad de parar la conexión.

Pues bien, hoy les traemos un tutorial excelente publicado en Ayuda WordPress, para comprimir el CSS y acelerar la carga del blog.

..Continua Leyendo

Si estas en busca de menús en CSS para algún proyecto que tengas en mente o algún sitio que necesite un cambio en la navegación, tienes varias opciones que puedes encontrar en la sección Recursos Web, ya te he hablado de Styled Menus, una Web que recopila menús en CSS gratuitos, el día de hoy te hablare de otra web muy interesante llamada 13 Styles.

13 Styles es una Web que ofrece menús en CSS para descargar gratis, los cuales podemos usar como inspiración o derechamente integrarlos en nuestro, en esta Web además podemos comprar los archivos de Photohsop de los menús, por poco más de 20 dolares, con los cuales podemos jugar de forma más avanzada con los diseños.

13 Styles, además de  vender y de permitir la descarga de menús en CSS gratis, también tiene una sección donde recopila menús en CSS para inspiración, hay buenos diseños de todos los tipos, muy útil cuando andamos en busca de ideas, actualmente tienen una galería con más de 150 diseños.

Link| 13 Styles
En Blogs Bazaar | Recursos Web, Styled Menus

Hace unos días en la categoría recursos Web te hable sobre Logo Instant, además te explique sobre la importancia del logo para la identidad de tu Blog, hoy te hablare sobre otro recurso Web que te puede ser útil al diseñar, hablo de Styled.

Styled es una Web que recopila menús en CSS los cuales puedes descarga de forma gratuita, puedes pre visualizarlos y ver además la compatibilidad de navegadores, al descargar un menú obtendrás las imágenes utilizadas en este y obviamente la hoja de estilos para integrarla en tu diseño, todo esto como he dicho totalmente gratis.

..Continua Leyendo

Vía Wwwhat’s New he encontrado el sitio StyleIgnite una Web que recopila recursos de diseño para tu Web totalmente gratis, donde la mayoría del contenido esta licenciado bajo Creative Commons.

En StyleIgnite podemos encontrar:

• Plantillas en CSS
• Elementos de navegación
• Estilos de texto
• Elementos web como botones, gráficos, bordes, ect
• Formularios
• Gráficos
• Y más elementos de diseño

..Continua Leyendo

Vía Punto Geek me encuentro con un link a una recopilación de 35 plantillas en CSS gratis, la recopilación tiene plantillas muy interesantes, hay modernas, minimistas y otras un tanto más complejas, podemos encontrar algunas que tienen estructuras similares a las de un Blog.

Podemos descargar totalmente gratis las plantillas, las cuales podemos usar con fines personales o comerciales, donde si lo deseamos podemos conservar el link del autor, aunque lo mejor es dejar el link donde esta, si lo deseamos podemos pre visualizar los diseños antes de de descargarlos, el que más me ha gustado es “Web Application“, que como dice su nombre es ideal para la Web de una aplicación Web.

Link: Solucija (vía: Punto Geek)

Leyendo el blog Ideas Libres me encuentro con un estupendo tutorial, se trata de corregir el problema de alineación de imágenes a la hora de subirlas a nuestro propio servidor.

Lo que debemos hacer es trabajar con nuestro fichero style.css de nuestra plantilla. Agregaremos lo siguiente:


img {display: block; margin: auto;}
img.alignleft {float:left;margin:0 10px 1px 0;}
img.alignright {float:right;margin:1px 0px 10px 0;}
img.wp-smiley {border:none; padding:0px; background:none; display: inline}


Lo que sigue ahora, es borrar todas los otros estilos que ya tenía en el fichero, sólo si es que no funcionan. Ahora sólo resta probar subir una imagen a ver que tal.

Ten en cuenta que sólo funciona con algunas plantillas, si no te funciona, deberás cambiar la estructura de lo que agregamos al Css.

Gracias!

Muchas veces nos vemos en la obligación de responder los comentarios que nos dejan los lectores, ya sea por dudas, opiniones, u otro tipo de comentarios. Pero, en la mayoría de las veces, pueden pasar desapercibidos entre los de las demás personas. ¿Cómo poder hacer esto?

Para esto, tenemos dos opciones: editar códigos, o usar un plugin.

..Continua Leyendo

Son muchos los blogs que en su portada, o página principal, muestran pequeñas notas, anotaciones, entradas, enlaces, o como quieras llamarlo, que tienen la particularidad de que son pequeñas. Se llaman “Miniposts”, o “Asides”.

Ahora te enseñaremos cómo poder implementarlos en tu propio blog. Vamos a editar el fichero “index.php”, el cual se encarga de mostrar nuestra página principal.

Las instrucciones después del salto.
..Continua Leyendo

Los chicos de Blog Oh Blog! de nuevo nos sorprenden con sus impresionantes artículos. Esta vez, nos dan 10 hacks o tips para implementar en nuestro blog de WordPress.org, para aprovechar al máximo sus funciones totales. Aquí te entregamos 4 de ellos, totalmente al español.

Crear un “Sticky Post”

Un Sticky Post, es, un artículo que se mostrará de los primeros, independiente de los demás posts. Como ya debes saber, WordPress 2.7 incluirá esa función, pero si quieres probarla ahora mismo, es muy fácil. Comenzaremos editando el index.php de nuestra plantilla, buscando el siguiente código:

..Continua Leyendo

¿Te gusta la forma de mostar la fecha y cantidad de comentarios en los post que muestra la imagen de arriba? ¿Se ve bien, verdad? Y lo mejor es que es muy fácil de implementar.

Antes de implementarlo, te recomiendo que veas el demo on-line en Yoast.com para ver como resultaría. A continuación pongo el código para implementar esto (perdón por el salto, pero es muy largo)

..Continua Leyendo