Manual: Subir Imágenes A Imageshack

Viendo las dificultades que tienen algunos compañeros para mostrarnos algunas imágenes en el foro, he pensado en realizar este manual para poder subir fotos a ImageShack y utilizarlas en nuestro foro de una manera gráfica y explicativa.


1) Lo primero es ir a la página web donde nos permite ubicar nuestra imágenes: www.imageshack.us
Desde Febrero de 2011 hace falta registarte (se tarda apenas 5 minutos en relizarlo) y estar conectado (iniciar sesión)



2) De todo lo que se muestra en la página inicial de ImageShack, principalmente sólo nos interensan 3 cosas que he marcado con recuadros de colores:



3) Lo primero: tenemos que tener marcada la opción 'Imagenes/videos' (recuadro ROJO en la imagen anterior) de las opciones principales de 'Cargar' y que por defecto aparece marcada dicha opción si acabamos de meter la dirección de ImageShack en el navegador.

4) Pulsar el botón de 'Browse' (recuadro VERDE) y a continuación nos aparecerá una nueva ventana en la que buscamos en nuestro ordenador y seleccionamos la imagen o las imagenes a subir; pulsamos 'Abrir' en dicha ventana emergente para confirmar. En este punto se pueden añadir aún más imagenes volviendo a pulsar el botón de 'Browse' y volviendo a seleccionar otra imagen o más imagenes. Os aparecera una lista con la imagen o las imagenes que hemos seleccionado para subirlas (recuadro MORADO), en este caso de ejemplo solo aparece una imagen:



Si pulsamos alguno los botones 'x' a la derecha de cada imagen o el botón 'Cancel' (recuadros NARANJA) borramos respectivamente la imagen cargada o toda la lista de las imagenes que hayamos seleccionado hasta el momento y volvemos al punto inicial del proceso.

5) Existe la opción 'Opciones de carga / Cambiar el tamano de la imagen', que nos redimensiona el tamaño de la imagen original a la que eligamos. Debido a que hoy en día las cámaras digitales (o móviles) son de bastantes megapixeles de resolución, obtenemos imagenes de gran tamaño pero que en general no son necesarias tan grandes para mostrar en el foro, a menos que queramos mostrar pequeños detalles que solo serán claramente visibles a altas resoluciones. Si pensais que vuestra imagen es demasiado grande y es necesario redimensionarla, las opciones más comunes serían las de '800x600 (Monitor de 15 pulgadas)', la de '1024x768 (Monitor de 17 pulgadas)' y la de '1280x1024 (Monitor de 19 pulgadas)'.

6) Para seguir adelante pulsamos finalmente el botón 'Cargar ahora' (recuadro NARANJA) y ahora el navegador subirá la imagen o las imagenes al servidor de ImageShack. El estado del proceso se irá mostrando y tardará más o menos dependiendo de nuestra conexión y el tamaño de la imagen(es) a subir. Cuando acabe nos aparecerá una nueva pantalla en el navegador que dependerá si hemos subido una imagen (paso 7.1 del tutorial) o varias imagenes (paso 7.2 del tutorial).

---

7.1) Si solo hemos subido una imagen a ImageShack, el navegador nos mostrará la siguiente página:



En esta página ImageShack nos da las diferentes modalidades que tenemos para incrustar la imagen en el foro. De todas las posibles opciones que nos muestra, nosotros vamos a utilizar la primera de todas 'Enlace directo' (recuadro MORADO). Copiamos todo lo que hay dentro de dicho recuadro, o sea, copiamos la dirección de la imagen que acabamos de subir y nos vamos al paso 8.1 del tutorial.

8.1) Cuando estemos escribiendo en el editor del foro, basta con pulsar en el botón de 'Insertar imagen' (recuadro ROJO), en el quinto bloque justo antes de la cadenita:



y os aparecera una pequeña ventana emergente:



donde pegaremos la dirección de la imagen que anteriormente hemos copiado:



Pulsamos el botón 'Insertar imagen' y al final obtendriamos un código parecido a este en el editor:



Es decir tendríamos un código parecido a este en el editor:

Código:


[img]http://img72.imageshack.us/img72/2890/manualfotos5.jpg[/img]


Este último paso podríamos haberlo hecho a mano: pegando la dirección y añadiendo manualmente las etiquetas bbcode delante y detrás de la dirección.

Y al final obtendríamos el siguiente resultado:

---

7.2) Si en vez de una imagen hemos subido varias imágenes (en este ejemplo del tutorial, son dos imagenes), el navegador nos mostrará la siguiente página:



Son todas las imágenes que hemos cargado. Seleccionamos las que queramos enlazar en el foro, simplemente haciendo clic sobre ellas:



Dando a cada una de ellas en el pequeño botón con una "i" (marcado en AZUL OSCURO) aparece la siguiente ventana de información.



El código que tenemos que copiar, como siempre, es el de DIRECT (recuadrado en MORADO)




Lo más cómodo normalmente es pegar todas las direcciones juntas, y después ir añadiendo los BBcode uno a uno. Son las etiquetas de

Código:

 [img]

y

Código:

 [/img]

De modo que nos quede algo tal que así.

Código:

[IMG]http://img39.imageshack.us/img39/8921/manualfotos12jpg.png[/IMG]
[IMG]http://img88.imageshack.us/img88/6916/manualfotos11.jpg[/IMG]
[IMG]http://img256.imageshack.us/img256/9481/manualfotos10.jpg[/IMG]
[IMG]http://img37.imageshack.us/img37/2927/manualfotos9.jpg[/IMG]

Y ya hemos terminado. ¿A que ha sido muy fácil ?

Nota: Procura verificar que tus mensajes funcionan correctamente, ya que hay veces que fallan, y es un coñazo tener que ir dejando mensajes de arreglado, si ves que falla vuelve a copiar el código de nuevo y listo, yo recomendaría que os registrarais en ImageShack, solo tenéis que meter vuestro email, y de este modo tendréis todas las fotos que vayáis subiendo en forma de álbum (solo las podréis ver vosotros de esa forma), pero así os será mucho mas fácil manejarlas, borrarlas (no lo hagáis nunca, ya lo hará el propio server si no se usan en un año), y arreglar los códigos en caso de que fallen.

---

Manual creado por Ankarius y reutilizado por Jorge en este foro.

A mí no me salen las imágenes de tu mensaje, pero espero aclararme igual.

Falta por poner una gran parte del manual. Paciencia

Manual completo.

Si alguien no se entera que postee aquí sus dudas que seguramente serán las mismas de otras personas.