TUTORIAL. MOSTRAR FOTOS EN EL FORO.

Bueno, un tiempo después de la puesta en marcha de la web vamos a poner un pequeño tutorial de como mostrar fotos en el foro y de esta forma dar respuesta a las dudas que han ido surgiendo.

De momento, por razones de limitaciones en el espacio web, la opción de adjuntar fotos directamente no está habilitado y es necesario vincular las imágenes.

Como se ha comentado en otros post, para poder "subir" fotos es necesario tener una cuenta en algún sitio dedicado a banco de imágenes. Los más habituales: FLICKR, PICASSA e IMAGESHACK.

Tras este paso previo, lo único que habría que hacer es vincular la foto desde el sitio donde tengamos albergada nuestra foto al foro usando la opción del menú "Insertar Imagen" e insertar el enlace.

Como una imagen vale más que mil palabras, en los próximos post pondré unas instrucciones de como hacerlo con estos sitios más comunes e incluso con FACEBOOK, que también es posible.

Espero expresarme con claridad y que os sirva de ayuda.

COMO SUBIR FOTOS DESDE FLICKR.

Como primer paso, como no podría ser de otra manera, necesitamos una cuenta en FLICKR. Para eso la única pega es que previo a darnos de alta, necesitamos una cuenta de correo electrónico en yahoo (si no recuerdo mal).

El segundo paso, evidentemente, es tener una foto en dicho sitio.

Bien pues con esos dos ingredientes básicos, vamos a tratar paso a paso como subir la foto.

a. Entramos en flickr y elegimos la foto a subir.



b. Una vez tengamos la foto seleccionada debería aparecer algo como esto:



Es decir la imagen en un tamaño estándar, ahora debemos elegir el tamaño en el que queremos subirla. En la figura se muestra donde tenéis que pulsar, es una lupita.

c. La pantalla que mostrará a continuación será la imagen (seguramente más grande) y en la parte superior todos los tamaños disponibles para esa imagen.



Elegid el tamaño que queréis mostrar y os vais a la parte inferior y copiáis el código 2, el que pone "2. Seleccionar la dirección URL de la foto:" como muestra la siguiente imagen. Os recomiendo que elijáis el mayor, aunque sea muy grande, la web se encarga de redimensionarlos según el tamaño de la pantalla de cada usuario.



d. El último paso es pegar dicho código en el post (vamos que ya estamos a punto de terminar....)

Cuando escribís un post os encontráis algo como esto:



Pues bien, los pasos para terminar el trabajo son los siguientes:

1. Pulsamos en el icono insertar imagen. Justo debajo se abrirá unos cuadros de control.

2. En el segundo cuadro (el primero no hace falta tocarlo) insertamos el código copiado en flickr. Tened la precaución de borrar el http:// que aparece por defecto. Se os podría duplicar dicho indicador y la imagen no saldría.

3. Le dais a insertar y debería aparecer un código en cuerpo del mensaje. Aparecerá rodeado de img, /img entre corchetes. En este punto aseguraros que el código es algo similar a lo que se muestra en la imagen.

4. Podéis comprobar que todo ha salido bien dando al botoncito de previsualizar en la parte inferior. Os saldrá el mensaje tal y como se mostrará. Algo así...



Si todo está correcto, solo queda ENVIAR y MISIÓN CUMPLIDA.


Espero que os sirva este primer tuto.

Dar las gracias a Jesús por la cesión involuntaria de su imagen para el ejemplo


PROXIMO TUTO, como subir fotos desde PICASSA.

Muchas gracias, David, Dani, etc. y a todos los que haceis que funcione esta Web

¡Sois unos monstruos!

Genial el tuto, mas currado que el que yo iba a hacer. Espero que a la gente le sirva.

muchas gracias chicos .... genial .... haber si lo consigo .... estoy con Angel ---- sois unos ( es lo mas parecido a unos mostruos ))) . que guyyyy --- nos vemos

Demonios? Que somos unos demonios?, o unos tios feos?, Jajajajajajajaj

SUBIR FOTOS DESDE OTROS MEDIOS.


Bueno, como no todo el mundo tiene sus fotos en flickr, os voy a indicar como hacerlo desde otros medios.

Al final, independientemente del que usemos todo se reduce a lo mismo, localizar la dirección URL de la imagen e insertarla en lugar indicado, tal y como se indica en el punto D. del primer post.

A continuación os mostraré como hacerlo con otras tres plataformas que se usan habitualmente, IMAGESHACK, PICASSA Y FACEBOOK. Y es con estas dos últimas donde os cuento la forma "UNIVERSAL" de hacerlo con cualquier otra plataforma.

IMAGESHACK.

Una vez elegida la foto os aparecerá una pantalla similar a esta (evidentemente con vuestra foto, jeje)...



La URL se encuentra en el marco donde pone Directo. Se copia y se pega en el cuadro del post tal y como se hacía en el ejemplo del post inicial (punto D)

PICASSA, FACEBOOK y otros soportes

En este caso, pese a a que Picassa y Facebook disponen también lugares donde aparecen presuntos enlaces para compartir, estos o bien no funcionan o no son compatibles con determinados foros (aft incluido).



Cuando nos pase algo así, es decir que tras copiar la presunta URL de la imagen, no nos funciona. Os cuento el truco "universal".

Colocáis el ratón sobre la imagen y desplegáis un menú con el botón derecho del ratón. Dependiendo del navegador habrá que elegir lo siguiente:

CHROME: Copiar URL de la imagen.
MOZILLA: Copiar la ruta de la imagen.
EXPLORER: En este caso no es tan fácil puesto que no aparece en el cuadro de control una opción similar a las de los anteriores navegadores. Deberéis pulsar en propiedades y copiar lo que aparezca junto a Dirección (url).



La única precaución es que este texto, normalmente es largo y no lo muestra al completo.... para no fallar, o bien lo seleccionáis bajando un poco el ratón hasta aseguraros que está totalmente seleccionada la dirección URL o bien, pulsando de nuevo el botón de la derecha del ratón sobre ese texto pulsáis en "seleccionar todo". Posteriormente, otra vez ratón derecha copiar o ctrl+c y ya tenéis la URL.

Para otros navegadores supongo que funcionará de forma similar. Pero solo dispongo de estos tres.

Esto último también funciona para incluir imágenes de otros sitios, aunque por favor si subís fotos que no son vuestras os ruego que incluyáis la fuente de la misma para evitar problemas. En breve, a parte de estos minitutoriales, publicaremos unos post fijos de Normas y Reglas de uso.

Y ya está!!!, los siguientes pasos son iguales que para el resto de sistemas. Volvéis al foro, insertar imagen, etc.

He intentado ser todo lo claro posible, pero si no lo he conseguido, estamos a vuestra disposición para aclarar cualquier duda.

Muchisimas Gracias David, eres un caón de tio, seguro que nos viene genial para los torpes como yo !!!!!

David, David ... que ya lo consegui .... muy buena la tuto y muy buena la explicación

Besines

Oeee!!! No tenía dudas en que lo conseguirías...

Ale!! ahora que ya sabes, toca a que te infles a subir fotos.

¡Hola!

He intentado hacer lo que explicas en este tutorial, pero no consigo publicar una foto en el foro. Seguro que estoy haciendo algo mal.

En Flickr, donde tengo subidas algunas fotos, he seleccionado una y, como ahora han modificado las opciones para compartir, pincho en el menú de compartir y elijo el enlace. Este lo pego en el cuadro insertar foto con enlace de este foro y selecciono una forma de previsualizar el post. Lo que veo en la previsualización es el mismo enlace que he insertado, pero no aparece la fotografía. No sé qué estoy haciendo mal. ¿Podrías ayudarme?

Muchas gracias.

Un saludo

Te digo los pasos de una foto desde flirkc usando explorer.
1 pinchas en la foto que quieres subir.
2 pincha con el boton derecho en la foto o en acciones y dale a ver mas tamaños.
3 pincha en el tamaño que quieras y una vez abierto, boton derecho, te saldra un cuadro, pincha en propiedades.
4 se te abrira un cuadro con información sobre la imagen, veras que hay un sitio que pone URL, pincha encima de esa dirección con el botón derecho y te saldra copiar todo, le das y se pone azul seleccionando esa URL.
5 boton derecho copiar.
6 te vas al foro, abres tu mensaje y pinchas en el icono de insertar imagen
7 por defecto sale con http://, pon el cursor y eso lo borras, despues le das al boton derecho y copias la URL de la foto
8 pincha en el cuadro de texto de tu mensaje donde quieres que salga la foto y ya solo es darle a insertar.
9 pincha la previsualizacion y veras como ya lo tienes.

¡Lo conseguí!


No podía subir la imagen a causa del navegar (Google Chrome).

Muchas gracias, de verdad.

Un abrazo

Gracias. Al fin pude subir la foto.

Func iona casi igual solo que en el paso 4 y 5 al pinchar boton derecho no tienes que dar prpiedades-seleccionar todo-copiar, tan solo boton derecho copiar URL