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=1309644000&Signature=Or4s3fvGFJ~KEHzT3kPVXc75ijlZKDyoG8ru6WibAHqwknwFyUs~xw6LpKVMyYsNZ-cpDmxhE9nBzFthKZDimH4BJHgpknjpcZAUb6XLDV6FDCZ8ENEBwGlnosIcsVsvqMjqCk24NW3ygZWgEBU~aHVJ-boNvZTm3D2J7I1FbBU_&Key-Pair-Id=APKAJYN3LZI5CG46B7AA&Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cDovL2QzZHM0b3k3ZzF3cnFxLmNsb3VkZnJvbnQubmV0L05PTUJSRSBERUwgQkxPRy9teWZpbGVzL1hYWC5qcGciLCJDb25kaXRpb24iOnsiRGF0ZUxlc3NUaGFuIjp7IkFXUzpFcG9jaFRpbWUiOjEzMDk2NDQwMDB9fX1dfQ__"></a>

| <a href='/NOMBRE DEL BLOG/categoria/XXXY'><IMG src="http://www.lacoctelera.com/myfiles/NOMBRE DEL BLOG/XXXXY.jpg?Expires=1309644000&Signature=BWOQ7as6JVSB-SPBWhdpaTfuyAZtFyvdhoCRV35rQu~8JVxhHcfZ6VI-EeviSP2681n-yVzJbFdmVY-F-kgs5~FZBPXaPFD0qp3DLMkcJuU~Jl7OUNYsQ6O1dx-y9gtq~H3OMOUGzyU6exlEUUk0dYUAfYFZRJSI809h~hJY8RA_&Key-Pair-Id=APKAJYN3LZI5CG46B7AA&Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cDovL2QzZHM0b3k3ZzF3cnFxLmNsb3VkZnJvbnQubmV0L05PTUJSRSBERUwgQkxPRy9teWZpbGVzL1hYWFhZLmpwZyIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTMwOTY0NDAwMH19fV19"></a>

| <a href='/NOMBRE DEL BLOG/categoria/YYY'><IMG src="http://www.lacoctelera.com/myfiles/NOMBRE DEL BLOG/XXX,.pg?Expires=1309644000&Signature=MBbizwJFLweTF9L~6n3h6MrJGRzWnkyk1JDGY3aMlNv1ArnbUmsblKlYY~qV61VIlKjBYi5J-d0PFrc0ZzL~Dn2-94fwdog78gem~XzvOTKW1HPAR35Oylia-ZqftycbBZF9hYkAq3Ks6jfcwcour8jh8axzNpvBsv9wIgb9GSo_&Key-Pair-Id=APKAJYN3LZI5CG46B7AA&Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cDovL2QzZHM0b3k3ZzF3cnFxLmNsb3VkZnJvbnQubmV0L05PTUJSRSBERUwgQkxPRy9teWZpbGVzL1hYWCwucGciLCJDb25kaXRpb24iOnsiRGF0ZUxlc3NUaGFuIjp7IkFXUzpFcG9jaFRpbWUiOjEzMDk2NDQwMDB9fX1dfQ__"></a><IMG src="http://www.lacoctelera.com/myfiles/NOMBRE DEL BLOG/YYY.jpg?Expires=1309644000&Signature=SlxGSO8eAutTquG5CSZJJ8zIsfLqH0HnR16zLXrsSNLnZFwmVudSNpU2brGPuc4lz4IWtkrcAlE-htDyQsPATV9Sx-fwOrQImNfgrj6ODtgtVQOfqL9kqTZSqjaAVfL0yrEhgtF0QpPSKnSGx9fzx0KP0NxSvWPZWyxU213NQ6w_&Key-Pair-Id=APKAJYN3LZI5CG46B7AA&Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cDovL2QzZHM0b3k3ZzF3cnFxLmNsb3VkZnJvbnQubmV0L05PTUJSRSBERUwgQkxPRy9teWZpbGVzL1lZWS5qcGciLCJDb25kaXRpb24iOnsiRGF0ZUxlc3NUaGFuIjp7IkFXUzpFcG9jaFRpbWUiOjEzMDk2NDQwMDB9fX1dfQ__">

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!