Debido a que me han consultado sobre como hacer un post con imágenes de gran tamaño y que no quede pesado entonces hice este pequeñisimo y humilde tutorial.
Requisitos:- Firefox
- Imagebot (add-on del Firefox) Link
- Una cuenta en ImageShack (tambien puede ser de PhotoBucket, pero ese no lo probe)
- Tener configurado el add-on con su cuenta de ImageShack o Photobucket
Teniendo ya todas las cosas necesarias pasemos a la acción.
Hay 2 posibles casos en los que alguien va a querer subir una imagen, el primero es si la imagen ya esta bajada a la PC y la segunda cuando la imagen se encuentra en alguna pagina que estamos visitando. Voy a empezar por el segundo caso que es el mas sencillo.
Subiendo una imagen que este en una pagina webLo primero que hay que hacer es hacerle click con el boton derecho y seleccionan la opción "Upload Image":
Una vez que hicimos eso se va a abrir el add-on solo, se va a loguear a nuestra cuenta y va a empezar a subir la imagen, cuando termine de subirla va a decir "Done"
Subiendo una imagen que este en nuestra PCEn nuestro Firefox vamos a "Herramientas" -> "ImageBot" -> "Tab"
Elegimos "Upload Center"
Click en el boton "Upload Images"
Seleccionamos la imagen que queremos subir y esperamos a que diga "Done".
Poniendo el codigo de la imagen subida en el postCuando ya esta lista le hacemos click con el derecho sobre la imagen y ponemos "Copy Template" -> "Thumbail for forum (1)"
Luego vamos al post que estamos creando y ponemos click derecho "Pegar" y nos pega el código para que en el post ya aparezca la imagen en thumbail y si le haces click te lleva a la imagen en tamaño real.
Acomodando las imagenesCon todo lo anterior ya tenemos nuestro codigo necesario para que salga el thumbail en el post, ahora falta ordenarlo para que quede mas lindo.
Para esto usamos las tablas, como toda tabla tiene filas y columnas asi que es un tanto molesto pero queda lindo.
Lo primero que hay que hacer es ver de cuanto queremos la tabla, es decir de cuantas filas por cuantas columnas, supongamos que la vamos a hacer de 2 filas x 3 columnas. Para esto necesitamos que dentro del post quede algo asi:
[table]
[tr][td][/td][td][/td][td][/td][/tr]
[tr][td][/td][td][/td][td][/td][/tr]
[/table]
En ese codigo hay una tabla con 2 filas y 3 columnas, para poner las imagenes dentro de cada columna se debe insertar el codigo copiado del ImageBot entre los
[td][/td]
Por ejemplo una tabla con imagenes se veria algo asi:
table]
[tr]
[td]{link del imagebot}[/td]
[td]{link del imagebot}[/td]
[td]{link del imagebot}[/td]
[/tr]
[tr]
[td]{link del imagebot}[/td]
[td]{link del imagebot}[/td]
[td]{link del imagebot}[/td]
[/tr]
[/table]
Si no quiere escribir los tags a mano tienen los botoncitos para ayudarlos.
No se si habrá quedado todo demasiado claro, en especial lo de las tablas, cualquier cosa pregunten, saludos.
