Como añado Fotos en los márgenes

• 

  chiwaka2012 · Miembro · mayo 10, 2009 at 1:46 am

  • Copiar enlace
  • Añadir tema a favoritos

  Quiero añadir un para de fotos a la web en el margen derecho, la he intentado añadir poniendo en Widgets Texto con código html pero sale descuadrada o cortada y queda muy basto el recuadro de texto, la he intentado añadir en flikr pero hay que darle al texto del recuadro y te lleva a la web de flikr, yo lo que quiero es añadir una o dos fotos a la derecha o izquierda d ela web y estas fotos sin recuadros, solo la foto y ya está ¿se puede hacer?

  El blog con el que necesito ayuda es (visible solo para usuarios conectados).

• 

  galois · Moderador · mayo 10, 2009 at 9:31 am

  • Copiar enlace

  Sí, se puede. Mira la columna de la derecha en mi blog.

  El problema de que salgan descuadradas se debe a que la foto es más grande que la columna.
  Debes poner una que tenga las dimensiones adecuadas. Y para centrarla, puedes usar un div.
  Por ejemplo si tu foto está en la dirección
  «http://direccion-de-la-foto.jpg» el código HTML que deberías usar sería el siguiente:<div align="center"><img src="http://direccion-de-la-foto.jpg"></div>

  Si además quieres que la foto colocada en la barra lateral sea un link a la misma foto en tamaño original, debes poner un poco más de código.<div align="center"><a href="http://direccion-de-la-foto-grande.jpg" title="haz click para ver la foto grande"><img src="http://direccion-de-la-foto.jpg"></a></div>

  Repasemos:
  -el div con el atributo align=»center» te pone la foto alineada.
  -el img con el atributo src=»http://direccion-de-la-foto.jpg» te permite mostrar la foto.
  -el a con el atributo href=»http://direccion-de-la-foto-grande.jpg» te permite poner un link a la foto grande haciendo click en la que se muestra en tu blog
  -el a con el atributo title=»haz click para ver la foto grande» te permite poner una frase para que cuando se pase el ratón por encima de la foto se lea esa instrucción.

• 

  chiwaka2012 · Miembro · mayo 11, 2009 at 1:56 am

  • Copiar enlace

  Gracias

• 

  chiwaka2012 · Miembro · mayo 11, 2009 at 2:11 am

  • Copiar enlace

  Ok, pero donde pongo estos códigos…me refiero que widget tengo que poner, yo uso photobucket, pongo el widget texto o cual pongo

• 

  galois · Moderador · mayo 11, 2009 at 8:50 am

  • Copiar enlace

  Tienes que poner el código en el widget Texto. Y da lo mismo el alojamiento de imágnes que tengas.
  Lo importante es que el código esté bien escrito y las direcciones de las imágenes alojadas sean las correctas.