Imagenes (parte 2) e hípervinculos

Read more!

Otro de los atributos que pueden asociarse a las imagenes en nuestras entradas es la de servir como hípervinculos, no sólo al servidor donde se encuentra hospedada la imagen, sino a cualquier sitio o archivo, relacionado o no a la propia imagen

Recordemos entonces la etiqueta html para crear un hípervinculo:

<a href=""></a>

entre los parentesis colocaremos el hípervinculo a la página o archivo que deseeamos destacar en nuestra entrada

<a href="dirección de la página o archivo">Texto con el que deseamos destacar el hípervinculo</a>

Para que el hípervinculo aparezca asociado a una imagén, sólo debemos de colocar la etiqueta de imagen entre la etiqueta de hípervinculo en vez de colocar texto,por lo que nuestra etiqueta html será la siguiente:

<a href=""><img src=""></a>

La imagen en este caso se dirige a un sitio o página cualquiera en Internet:

<a href="http://www.warhol.org/"><img src="http://i294.photobucket.com/albums/mm84/intellego/especiales/warhol_csoup.jpg"></a>



Aún cuando ciertos servicios de blogging nos permiten elegir la forma en que los vinculos aparecen en nuetras entradas, en caso que nuestra plantilla o servicio enmarque nuestra imagen con un borde de color azul (o el color especificado para cualquier hípervinculo).

Podemos eliminar dicho borde, o cambiar su tamaño alterando la etiqueta de la imagen de la siguiente forma:

<a href=""><img src="" border=0></a>

<a href=""><img src="" border=6></a>

En el caso de nuestro blog, los bordes no aparecen aún cuando se indique,debido a la plantilla utilizada, pero se puede ver el resultado de las etiquetas en esta página.

Una imagen como hípervinculo, tambíén puede presentar una etiqueta que permita abrir la dirección o el archivo destino, en una nueva ventana del navegador (o en otra pestaña, dependiendo de la versión de nuestro navegador).

Simplemente debemos agregar a nuestra etiqueta de hípervinculo, el atributo target="_blank", despues de la dirección o archivo destino:

<a href="" target="_blank"><img src="" border=0></a>

<a href="http://www.warhol.org/" target="_blank"><img src="http://i294.photobucket.com/albums/mm84/intellego/especiales/warhol_csoup.jpg"></a>



Por último, podemos agregar una leyenda descriptiva, la cual sólo aparece al colocar el cursor sobre la imagen, en la etiqueta de imagen, agregamos el atributo alt="", y el texto descriptivo puede ser el nombre que otorgemos a la imagen, el título del sitio o el archivo destino del hípervinculo, etc.

<a href="" target="_blank"><img src="" border=0 alt="Warhol Museum"></a>

<a href="http://www.warhol.org/" target="_blank"><img src="http://i294.photobucket.com/albums/mm84/intellego/especiales/warhol_csoup.jpg" alt="Warhol Museum"></a>



por Elliot Ibáñez

XII de la Marcha de la Diversidad: Recap

Read more!

La fecha llegó, y la cita se cumplió. El Sábado 21 de Junio, los miembros de diversas asociaciones, con y sin fines de lucro, y de la comunidad sexualmente diversa, local, nacional e internacional, se reunieron para manifestarse públicamente.

Con un balance relativamente positivo, los primeros en tomar la Avenida Hidalgo, a punto de las 3:00 pm, fueros las asociaciones que en busca de la visibilidad dentro de su diversidad, olvidaron desempeñar una labor informativa, más alla de las pancartas, sobre los objetivos de sus asociaciones.

Contingentes lésbicos, osos, padres y amigos de la comunidad lgtb, y los autoproclamados: emo-sexuales, encabezaron la marcha, para después dar paso a los carros patrocinados por los diversos clubes locales, donde los miembros de los principales espectaculos trasvestis, drag y de imitación, mostraron sus diversos talentos para entretener la noche tapatía.

El desorden presente en otros desfiles y manifestaciones públicas, se presento a la llegada de las diversas comitivas a la Plaza de la Liberación, en el centro historico de la ciudad. Donde diversos contingentes retrasaron su recorrido e incrementaron la impaciencia de quienes poco a poco abarrotaron la plaza, en torno al escenario donde el espectaculo necesitaba continuar.

Aún ante la desorganización, pudimos ver a Regina Orozco, feliz de visitar tierras tapatias, saludando efusivamente a todo aquel que se dio cita al evento. Y custodiada por algunos personajes locales que pretenden acaparar la escena tapatia, La Prohibida finalizo el recorrido a paso apresurado, para continuar su visita, primero en el escenario de Plaza de la Liberación, y finalmente en una presentación en un reconocido club de Avenida La Paz.

Ante la amenaza de lluvia, el espíritu de apoyo y celebración por la diversidad continúo en los diversos locales de la ciudad, recordando a todos los presentes, pero sobre todo, a los ausentes, que en el 2009, una nueva cita esta agendada.

Finalmente, lo positivo:
* La presencia respetuosa de la mayoría de los asistentes, que desde las banquetas presenciaron la manifestación.
* El apoyo de familiad completas, dentro de la ruta de la marcha, reafirmando el verdadero motivo del evento.
* La participación, aunque modesta, del COESIDA, que para combatir la propagación de enfermedades de transmición sexual, invitaron a los transeuntes a jugar la loteria de las ETS's.

Lo negativo:
* La falta de volanteo por parte de las asociaciones civiles, en especial la ausencia de las más emblemáticas en la ciudad, y la tibia labor de los voluntarios que timidamente repartian preservativos a algunos asistentes.
* La actitud de lideres, de algunos personajes que no participaron directamente en la organización del evento.
* La presencia del alcohol en la vía pública, en especial ya que esto puede reforzar ciertos esteriotipos negativos sobre lo miembros de la comunidad lgtb.

Imagenes, parte 1

Read more!

Varias plataformas de blogs presentan un problema común para el usuario, la forma en que las imagenes aparecen respecto al texto que estamos por publicar. En el caso de blogger.com, las opciones que se presentan al cargar imagenes dentro de nuestra cuenta son a los lados o alrededor del texto a publicar.

Pero si insertamos imagenes que se encuentra ya sea en algún sitio de internet (aunque este caso debe de evitarse ya que va en contra de la etiqueta en internet utilizar el trafico ajeno), o en algun servicio gratuito de hospedaje de archivos o imagenes,como photobucket, flickr, imageshack, etc. Podemos colocar la imagen independiente del texto, además de localizarla al centro, derecha o izuierda de nuestra página.

Otro aspecto positivo de tener nuestras imagenes en un servidor externo al de blogger es que estas van a aparecer en el tamaño real que estas tienen, y no van a cambiar su apariencia de acuerdo a los tres tamaños que blogger identifica al cargar una imagen en sus servidores, deformandola y cambiando su apariencia.

Primero debemos de conocer la etiqueta para publicar una imagen a partir del código HTML, el cual construye la mayoria de las páginas en Internet:

<img src="">

Entre las comillas vamos a colocar la dirección que nuestro navegador muestra al ver la imagen, esta siempre debe de comenzar con el texto: http://

<img src="dirección donde nuestra imagen esta hospedada">

si nuestra imagen esta por ejemplo en nuestra cuenta de photobucket, al colocar la dirección: http://i294.photobucket.com/albums/mm84/intellego/especiales/warhol_csoup.jpg, en nuestra etiqueta,

<img src="http://i294.photobucket.com/albums/mm84/intellego/especiales/warhol_csoup.jpg">

aparecera de esta forma en nuestra entrada:



Por "default", las imagenes se publican alineandolas a la izquierda de la página, como en el caso anterior, pero agregando un nuevo atributo a nuestra etiqueta podemos cargar la imagen a la derecha o alcentro de la página.

Para colocar la imagen a la derecha:

<p align="right"><img src=""></p>

<p align="right"><img src="http://i294.photobucket.com/albums/mm84/intellego/especiales/warhol_csoup.jpg"></p>

Para colocar la imagen al centro de la página debemos encerrar la etiqueta de la imagen en una etiqueta que centre el contenido:

<p align="center"><img src=""></p>

<p align="center"><img src="http://i294.photobucket.com/albums/mm84/intellego/especiales/warhol_csoup.jpg"></p>

Utilizamos el atributo <p align=""> para evitar conflictos con el texto, y además porque la etiqueta de imagen no acepta el atributo original para centrar escribiendo al final de la etiqueta:

<img src="" align="center">

por Elliot Ibáñez

Guía rápida para el Blogger amateur

Read more!

Ante la posibilidad que hoy día ofrecen los diversos servicios de públicación y archivo de blogs en internet, donde cualquier persona con acceso a Internet y a una cuenta de correo electrónico, puede iniciar su aventura en el mundo del nuevo periodismo en línea, o la simple públicación de opiniones personales sobre el acontecer diario de su entorno.

Es necesario contar con ciertos conocimientos básicos para poder presentar notas o entradas, no sólo de forma atractiva para los lectores, sino de manera ordenada y con la capacidad de incluir las diversas herramientas multimedia, disponibles para complementar la información que se desea publicar.

Por lo que a partir de este mes de Julio, me es grato compartir mi conocimiento básico para que todos los bloggers principiantes o que deseen ampliar su conocimiento, puedan agregar nuevas herramientas en sus contenidos, sean pues bienvenidos a:



Nota preliminar:

La información compartida en esta sección esta dirigida principalmente a los usuarios de blogspot.com, pero la mayoría de los servicios de blog, journal o flogs utilizan la misma base de lenguaje HTML, así que recuerden que el uso de las etiquetas aqui presentadas deben de manejarse mediante la opción de edición HTML de sus plataformas.

por Elliot Ibáñez