Concepto Pixel » Estilizacion CSS

Creación de un menú estilo minimalista [parte 2]

Carlosmax — Tue, 22 Mar 2011 18:30:10 +0000

Esta es la segunda entrega del tuto sobre la creación de un bonito y sencillo menú minimalista, en la parte anterior expliqué como hacer los íconitos que son la parte escencial de este menú. Sentimos que no se publicara ayer el vídeo, como dijimos, fue un problema técnico.

Si te perdiste la parte 1 de este tutorial, te recomiendo visitarla antes de seguir con esta: Creación de un menú minimalista [parte 1]

Ahora, en esta parte del tutorial terminamos la creación de los íconos del menú y seguimos con la terminación de la maquetación, añadiendo estilos CSS para el efecto hover que será lo que hará al menú ser estilo minimalista. Esperemos que os guste (recordad dar a “Me gusta”, si os ayudan los vídeos, ya que así nos ayudáis a nosotros también )

Os recomiendo que veais el vídeo en Youtube, para más calidad y comodidad .

Cómo hacer sombras en el texto con CSS3

Andrés Prada — Tue, 15 Mar 2011 23:21:20 +0000

Una de las nuevas opciones o posibilidades que nos da el CSS3 es el de realizar las ya popularizadas sombras en los textos, cómo en los títulos de nuestros sitios y más. Hize un corto videotutorial mostrando el proceso, en HTML y CSS:

No es una gran cosa, pero ya que esta tan popularmente usada esta parte del CSS, los invito a estar en la moda.

Pero aún asi aquí les dejo el HTML:

Texto que quieres con sombra.

y el CSS:

.sombra{
color:#000000;
font:22px Arial, Helvetica, sans-serif;
text-shadow:#CCCCCC 2px 1px 2px; /*Color de la sombra – Eje X – Eje Y – Difuminado*/
}

Creación de un menú estilo minimalista [parte 1]

Carlosmax — Mon, 14 Mar 2011 07:47:03 +0000

Hola, esta es mi primera publicación para Concepto Pixel y me gustaría primero que todo presentarme, soy Carlos Castillo, tambien me conocen en la web como Carlosmax, estudiante y diseñador freelance, llevo 10 años aproximadamente diseñando webs y molestando en internet (?). Espero que les guste los tutos que les traeré en mi estadía en este maravilloso blog y así aportar algo más de sabiduría a la blogosfera hispana.

Voy a especializarme en Videotutoriales de diseño web y gráfico con herramientas como Photoshop y Dreamweaver, ya que son mi fuerte en el diseño. Bueno, ahora les mostraré un tutorial bastante sencillo para crear un menú muy bonito que de seguro les gustará, el cual consta de 3 partes en video. Hoy se publicará la primera parte, y el siguiente lunes la 2ª; la tercera parte será el lunes siguiente a el de la 2ª. Aquí está la primera parte:

Recursos utilizados:

Descargar paquete Iconic