El Gran Capitán

Publicado: **04 Feb 2008**

CREAR ENLACES DESDE UNA IMAGEN

Cantidad de veces deseamos crear enlaces desde una foto a otra foto, página o post, pero... ¿y como lo hacemos...? Pues como en los anteriores casos vamos a utilizar los tags URL modificados.

Enlace desde un Thumbnail a otra imagen

Comenzaremos creando un enlace desde un thumbnail a otra foto. Fijaros en la la línea de texto del Thumbnail de ImageShack:
[*URL=http://img519.imageshack.us/my.php?imag ... owaky2.jpg][*IMG]http://img519.imageshack.us/img519/3226 ... ky2.th.jpg[/IMG][/URL]

Simplemente es necesario modificar la primera parte de ella, cambiando el enlace de destino a su propia foto...
[*URL=http://img519.imageshack.us/my.php?imag ... owaky2.jpg]
por la foto de destino que nos interesa, en este caso,
[*URL=http://img213.imageshack.us/img213/791/ ... s01kd3.jpg]
quedando de la siguiente manera.

El texto a copiar sería así:
[*URL=http://img213.imageshack.us/img213/791/ ... s01kd3.jpg][*IMG]http://img519.imageshack.us/img519/3226 ... ky2.th.jpg[/IMG][/URL]

Y se vería así:

---

Enlace desde una imagen a otra
Desde una foto de tamaño normal a otra sería básicamente lo mismo, los tags de la imagen de destino "abrazan" a la imgen de origen...

Texto a copiar:
[*url=http://img213.imageshack.us/img213/791/ ... s01kd3.jpg][*img]http://img519.imageshack.us/img519/3226/bb61iowaky2.jpg[/img][/url]

Y se vería así:

---

Enlace desde una foto o thumbnail a una página
Ahora vamos a crear un enlace desde una foto o thumbnail a una página. Al igual que en los anteriores la imgen origen del enlace está contenida dentro de los tags de enlace a la página de destino.

Texto a copiar:

[*url=http://www.manw.nato.int/pages/organisation/snmg1.htm]
[*IMG]http://forsvaret.dk/NR/rdonlyres/6F87C5 ... /SNMG1.jpg[/IMG][/url]

Se vería así:

---

Enlace desde una imagen o thumbnail a un post
En este caso es el tag del post de destino el que contiene a la foto que será el enlace de origen.

Texto a copiar:

[*url=http://www.fotosmilitares.org/vsnmg-1-vt1645.html]
[*IMG]http://forsvaret.dk/NR/rdonlyres/6F87C5 ... /SNMG1.jpg[/IMG][/url]

Y se vería así:

---

Nota: Para que puedas ver el código fuente BBCode y lo puedas copiar, he puesto un asterisco como primer signo en los tags de apertura, solo hay que quitarlo y te quedarán activos.

Publicado: **22 Jul 2008**

Tengo problema con las imágenes, en este tipo de foros se oscurece la pantalla cuando pulsas sobre una y se expande la imagen, pero yo las sigo viendo pequeñas.

No seria mejor la instalación de barras para mover la imagen en el post sin que se vean afectados el resto de post ¿? ¿se me entiende?

Publicado: **22 Jul 2008**

Porque ese es su tamaño original. Si en la última foto de mi ejemplo pulsas el menú contextual, verás en las propiedades que la imagen es de 125x134px. Entonces aunque pinches sobre ella y se abra una nueva ventana, esta no la va ampliar simplemente te la abre en su tamaño original, como es pequeña la seguirás viendo pequeña. Eso funciona con las de formatos grandes que el propio foro ha reducido de tamaño al publicarlas.

Publicado: **22 Jul 2008**

El problema lo encontré con este tipo de fotos:

Que me debería saltar a una ventana grande del http://www.imageshack.us/ donde se pudiera ver. ¿no?

Publicado: **22 Jul 2008**

Si, pues no te puedo decir más porque no conozco las características de esta nueva versión.

Publicado: **26 Jul 2008**

Zhukov escribió:El problema lo encontré con este tipo de fotos:

Que me debería saltar a una ventana grande del http://www.imageshack.us/" onclick="window.open(this.href);return false; donde se pudiera ver. ¿no?

El codigo que genera imageshack para los thum no es compatible para el foro por mucho que los señores de imageshack digan code for board o algo asi.
Dentro del codigo no hay un link limpio esta este:

http://img230.imageshack.us/my.php?image=1000339au4.jpg" onclick="window.open(this.href);return false;

ellos deben de ganar por la publi pero eso rompe el codigo.

El link de la imagen, solo el de la imagen que es lo que vale, lo otro son inventos es este:

http://img230.imageshack.us/img230/9660/1000339au4.jpg" onclick="window.open(this.href);return false;

a ese link le metes los marcadores de imagen y obtienes esto.

Imagen

Si pinchas en la foto, el foro te la redimensiona a la CONFIGURACION DE TU PANTALLA. A unos señores les ampliara mas y a otros menos. Pero siempre puedes utilizar el derecho del raton sobre la imagen ver el codigo copiarlo y pegarlo en el navegador

Es la segunda vez que lo explico.

Saludos

Publicado: **16 Mar 2017**

No estoy seguro si esta pregunta la debo hacer aquí. En todo caso, no encuentro un lugar más apropiado.
¿Qué pasos hay que dar, si se puede, para utilizar una imagen propia como avatar; de mis propios ficheros, me refiero?
Gracias.

Publicado: **16 Mar 2017**

Echa un vistazo a la última página de este hilo Bernardo, Fonsado lo explica paso a paso: http://www.elgrancapitan.org/foro/viewt ... ar#p807824

Saludos.

El Gran Capitán

Tutorial para la creación de enlaces desde una imagen

Tutorial para la creación de enlaces desde una imagen

Re: Tutorial para la creación de enlaces desde una imagen

Re: Tutorial para la creación de enlaces desde una imagen

Re: Tutorial para la creación de enlaces desde una imagen

Re: Tutorial para la creación de enlaces desde una imagen

Re: Tutorial para la creación de enlaces desde una imagen

Re: Tutorial para la creación de enlaces desde una imagen

Re: Tutorial para la creación de enlaces desde una imagen