Pistas de Henrique Castro para resolver el enlazado en un menú de navegación:

  • en un artículo podemos comprobar cómo funcionan los enlaces que escogemos para nuestro menú

<a href='/NOMBRE DEL BLOG/categoria/XXX'>XXX</a> | <a href='/NOMBRE DEL BLOG/search/XXXY'>XXXY</a> | <a href='/NOMBRE DEL BLOG/myfiles/YYY'>YYY</a>

por ejemplo: estilo (infodiseño en este blog)

  • escogemos la imagen de un botón adecuada a la plantilla. No necesitamos (no cabe en lema) todo el código producido por los generadores de botones. Sólo la imagen con el nombre para cada botón

de Buttonator.

Como vamos a poner más de un botón los separamos por | cada uno:

botón | botón | etc

insertando cada imagen en donde iría la palabra enlazada, es decir escogemos la imagen en modo HTML como lugar donde insertar el enlace y debe quedar un código similar a lo de abajo:

<a href='/NOMBRE DEL BLOG/categoria/XXX'><IMG src="http://www.lacoctelera.com/myfiles/NOMBRE DEL BLOG/XXX.jpg?Expires=1341007200&Signature=Tp39f-hKTeOQ3pfhB4xNo-VQpqOG3p8EKCdxdsckzy0yunyY-4bJVrjTk5oDBRs0KYRuDP017XiS9~LWb0p-XF7FfC8k0NZdzhnGSLxYs5YPYFjegZRzDLXzxW3hnuc56bqMD0i0POCbuAf4riHanjD94JuET2P9thoG2obACbI_&Key-Pair-Id=APKAJYN3LZI5CG46B7AA&Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cDovL2QzZHM0b3k3ZzF3cnFxLmNsb3VkZnJvbnQubmV0L05PTUJSRSBERUwgQkxPRy9teWZpbGVzL1hYWC5qcGciLCJDb25kaXRpb24iOnsiRGF0ZUxlc3NUaGFuIjp7IkFXUzpFcG9jaFRpbWUiOjEzNDEwMDcyMDB9fX1dfQ__"></a>

| <a href='/NOMBRE DEL BLOG/categoria/XXXY'><IMG src="http://www.lacoctelera.com/myfiles/NOMBRE DEL BLOG/XXXXY.jpg?Expires=1341007200&Signature=NPZyGiLUBpmHJwjCLmVEXyXDc3MyZv1y37VmOoTrGBo0DSWLwWDTXeLtb0QYG~eQpiaGNono04u3tYE1YkE2591~YVe-3trP5hpM~KhbgnhlH3Y5Y1pYFTH8Syt7JnLUOm04wh4sVHKPaPJ5DqdfVu1AzzV2inxAJXro7YtrB2U_&Key-Pair-Id=APKAJYN3LZI5CG46B7AA&Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cDovL2QzZHM0b3k3ZzF3cnFxLmNsb3VkZnJvbnQubmV0L05PTUJSRSBERUwgQkxPRy9teWZpbGVzL1hYWFhZLmpwZyIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTM0MTAwNzIwMH19fV19"></a>

| <a href='/NOMBRE DEL BLOG/categoria/YYY'><IMG src="http://www.lacoctelera.com/myfiles/NOMBRE DEL BLOG/XXX,.pg?Expires=1341007200&Signature=NCMiW1cL6OHgEkNc1NuKQUZPjS9Yg5HIDYmIrRKsScUgg7aUIVNV8dix-yufBgN~p3veAb7E6f18inktIn1cIPwenv~5e22RO29Aenkpz22SkmcTbJSpqSrjam8r8P6tIIAzhpQWVYL03r7fiscJ-evzRzXyQLonMZ1CrBaFPek_&Key-Pair-Id=APKAJYN3LZI5CG46B7AA&Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cDovL2QzZHM0b3k3ZzF3cnFxLmNsb3VkZnJvbnQubmV0L05PTUJSRSBERUwgQkxPRy9teWZpbGVzL1hYWCwucGciLCJDb25kaXRpb24iOnsiRGF0ZUxlc3NUaGFuIjp7IkFXUzpFcG9jaFRpbWUiOjEzNDEwMDcyMDB9fX1dfQ__"></a><IMG src="http://www.lacoctelera.com/myfiles/NOMBRE DEL BLOG/YYY.jpg?Expires=1341007200&Signature=GKBIBtU19FPgVuGcocBksOgWuXXRCQvZSxXtsBw8v1OlWpQQv8T-Hat4rDrFf39pvZkG7FGCzYl4fMV1PbAAy2WaAsEcy6YwW0Cg066atgPaA~ZBZnJcXPsqCHgW07AYFDkD-BkcR9cpapuchrjjCd7RZmun60acFHIXzi9g9cc_&Key-Pair-Id=APKAJYN3LZI5CG46B7AA&Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cDovL2QzZHM0b3k3ZzF3cnFxLmNsb3VkZnJvbnQubmV0L05PTUJSRSBERUwgQkxPRy9teWZpbGVzL1lZWS5qcGciLCJDb25kaXRpb24iOnsiRGF0ZUxlc3NUaGFuIjp7IkFXUzpFcG9jaFRpbWUiOjEzNDEwMDcyMDB9fX1dfQ__">

Ojo que tu plantilla se puede deformar con varios botones, habrá que experimentar el límite de los que cabe en lema.

  • se trata de integrar a un grupo así que podemos tener también en cuenta una estética aproximada si la hubiera (no la de los vecinos de hospedaje sino en el blogcindario)
  • que la imagen general estimule -con serenidad- la acción (interacción)
  • podemos usar criterios de navegación similares a los de portales o referencias de nuestra área siempre que no sean inaccesibles o desmasiado obsoletos (ver redes sociales)
  • se aconseja lo naif a lo valiente, aunque también con alumn@s las reglas demuestran que no hay reglas.
  • para espacios de objetivos más abiertos la experimentación y el cambio son exigencia del medio (ver comunidades virtuales)
  • se pueden mantener razonables diferencias con espacios personales y de ocio

Localiza algunos rasgos estéticos en tu área y los usos de navegación que sugieren.

Recursos:
- hacer una menú de botones o botonera en Todo Photoshop
- Buttonator

¡Buen provecho con tu blog!