Comments on: Creando un excelente Menu con Photoshop y CSS

By: diseñador

diseñador — Sun, 02 May 2010 10:47:20 +0000

un excelente tutorial, claro sencillo y para todos los usuarios

By: Sergio Salas

Sergio Salas — Wed, 13 Jan 2010 19:02:03 +0000

Estimados muchas gracias por la ayuda que le brindan a los webmaster novatos mi pregunta es la siguiente ise el menu pero con otros textos ahora cuando paso el mouse por arriba no me alumbra el texto me sale descuadrado por ejemplo mi menu consta de estos links
" inicio foros clientes"
al hacer click en foros aparece una parte de clientes como tengo que tomar esas medidas? saludos

By: WillxD

WillxD — Thu, 10 Dec 2009 18:14:07 +0000

Lo puedes medir con la herramienta regla de Photoshop, para seleccionar la herramienta regla, presion por 2 segundos la herramienta "cuentagotas" y se desplegará un menú. Y ahí seleccionas la "Regla"

Las medidas las veras en la parte superior..

Salu2!

By: Hector

Hector — Wed, 09 Dec 2009 07:17:10 +0000

Te ha quedado excelnte el tutorial y muy detallado y explicado, solo que si lo quiero hacer con otra tipografía y de distinto ancho, como mido cada sector, por que sino me queda desfasado, ¿podrías ayudarme?
Gracias de antemano

By: WillxD

WillxD — Thu, 26 Nov 2009 03:17:42 +0000

Creo que no te refieres a la pseudo clase active (a:active).

Si tu página es solo html, lo tendrías que hacer manualmente. Es decir, agregar la clase active a cada uno en su respectiva página html.

Por ejemplo en la página css.html quedaría algo así:

<ul>
   <li><a href="#" id="css" class="active" rel="nofollow">CSS</a></li>
   <li><a href="#" id="js" rel="nofollow">JavaScript</a></li>
</ul>

y en tu css agregas la clase active.

Salu2!

By: Mariola

Mariola — Wed, 25 Nov 2009 22:22:49 +0000

Tengo el menu realizado pero me pasa como a manuel.
Para realizar la clase active, ¿como la llamo desde el html?.

By: Mariola

Mariola — Wed, 25 Nov 2009 21:38:27 +0000

muchisimasssss graciassssssssssss, casi desisto de hacer este tipo de menus pero menos mal que me he tropezado con tu tutorial...gracias felicidades por la web

By: WillxD

WillxD — Sat, 19 Sep 2009 23:42:27 +0000

Es la mismia idea, solo que en vez de

a:hover#id{}

debes poner

a:active#id{}

Y lo mismo para las demás pseudo-clases ya sea

a:link#id{}
a:visited#id{}

Salu2!

By: manuel

manuel — Tue, 15 Sep 2009 08:13:41 +0000

Gracias por el tutorial, funciona perfecto y es facil de entender.
Alguna forma sencilla de crear ademas del efecto Hover, una clase ACTIVE?
Lo intento pero no me sale...

By: Alfonso

Alfonso — Sat, 01 Aug 2009 18:30:43 +0000

Gracias WillxD, contigo estoy aprendiendo lo que no me enseñaron en la universidad. De verdad que me parecen geniales tus explicaciones.
Espero con gran entusiasmo el tutorial sobre maquetar formularios en imagenes y todo lo que tiene q ver sobre como maquetar imagenes de Photoshop.

¡¡Gracias amigo y sigue asi!!

By: WillxD

WillxD — Sat, 01 Aug 2009 14:47:30 +0000

Eso es fácil, te lo explico rápidamente. Le debes aplicar alguna clase o ID, a los componentes de tu formulario (form,input,textarea,etc) y luego a esas clases le aplicas el fondo creado en photoshop, usando CSS.

Espero que te haya aclarado un poco

PD: En un par de horas hago un tuto sobre eso, para poder explicarlo más detalladamente

By: Alfonso

Alfonso — Sat, 01 Aug 2009 10:08:38 +0000

Hola WillxD.

Con respecto al tema de la maquetación de una web a raiz de una imagen de photoshop me surje una duda:

Si yo diseñara en photoshop una imagen de un formulario, por ejemplo nombre y password (el tipico registro)...
... ¿Cómo se le puede insertar a dicha imagen los componentens imput text y el boton dentro de dicha imagen?