Tutorial para la creación de enlaces desde una imagen

Sobre la Web y este Foro Militar.
Responder
SusoRail
Capitán General
Capitán General
Mensajes: 25211
Registrado: 12 Nov 2006 00:06
Ubicación: Great Corunna

Tutorial para la creación de enlaces desde una imagen

Mensaje por SusoRail »

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í:
Imagen


---


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í:
Imagen


---


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í:
Imagen


---


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í:
Imagen

---

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.


Saludos
Suso

Las guerras no las gana nadie, simplemente unos, las pierden menos que otros -M.B.D.-
Los problemas de dinero, no son problemas; problemas, son los de salud -M.D.C.-

Zhukov
Comandante
Comandante
Mensajes: 3442
Registrado: 19 Jun 2005 13:22
Ubicación: Asturies
Contactar:

Medallas

Parches

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

Mensaje por Zhukov »

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?
«¿Vienes del espacio exterior?», preguntó la anciana.
«Ciertamente, sí» -dijo Gagarin- «Pero no se alarme, soy soviético».

SusoRail
Capitán General
Capitán General
Mensajes: 25211
Registrado: 12 Nov 2006 00:06
Ubicación: Great Corunna

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

Mensaje por SusoRail »

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.
Saludos
Suso

Las guerras no las gana nadie, simplemente unos, las pierden menos que otros -M.B.D.-
Los problemas de dinero, no son problemas; problemas, son los de salud -M.D.C.-

Zhukov
Comandante
Comandante
Mensajes: 3442
Registrado: 19 Jun 2005 13:22
Ubicación: Asturies
Contactar:

Medallas

Parches

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

Mensaje por Zhukov »

El problema lo encontré con este tipo de fotos:

Imagen

Que me debería saltar a una ventana grande del http://www.imageshack.us/ donde se pudiera ver. ¿no? :pre:
«¿Vienes del espacio exterior?», preguntó la anciana.
«Ciertamente, sí» -dijo Gagarin- «Pero no se alarme, soy soviético».

SusoRail
Capitán General
Capitán General
Mensajes: 25211
Registrado: 12 Nov 2006 00:06
Ubicación: Great Corunna

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

Mensaje por SusoRail »

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

Las guerras no las gana nadie, simplemente unos, las pierden menos que otros -M.B.D.-
Los problemas de dinero, no son problemas; problemas, son los de salud -M.D.C.-

Avatar de Usuario
Farolo
Capitán General
Capitán General
Mensajes: 18362
Registrado: 19 Jun 2004 22:43
Ubicación: España
Agradecido : 5 veces
Agradecimiento recibido: 1 vez
Contactar:

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

Mensaje por Farolo »

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

Imagen

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? :pre:
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
.-Nemo me impune lacessit
.-La estupidez también es un regalo de Dios, pero uno no debe abusar de ello. Juan Pablo II, pontifex.
.-Ladran, Sancho, luego cabalgamos...

--------------------------------------
Ab insomne non custita dracone

Avatar de Usuario
Bernardo Pascual
Teniente Coronel
Teniente Coronel
Mensajes: 3572
Registrado: 15 Mar 2017 00:50
Ubicación: Ocilis
Agradecido : 10 veces
Agradecimiento recibido: 11 veces

Medallas

Parches

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

Mensaje por Bernardo Pascual »

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.
Nelitis neque litis

“...Sin embargo, estoy convencido de que si nos ocurre lo que es propio de los hombres, el proyecto no quedará en el aire ni le faltarán hombres cabales; su belleza atraerá a muchos que lo tomarán bajo su responsabilidad y se esforzarán por llevarlo a cabo.”
Polibio

--------------------------------
Ab insomne non custita dracone

Avatar de Usuario
Lutzow
Capitán General
Capitán General
Mensajes: 52446
Registrado: 12 Dic 2009 20:03
Agradecido : 141 veces
Agradecimiento recibido: 89 veces

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

Mensaje por Lutzow »

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.
Es mejor permanecer con la boca cerrada y parecer un idiota, que abrirla y confirmarlo...
-----------------------------------------------------
Ab insomne non custita dracone

Responder

Volver a “Reglas, noticias, novedades e información general”