Avatar Image
Machacateclados
Machacateclados

MIREN ESTE EJEMPLO QUE HICE PARA QUE ME ENTIENDAN PERFECTO









LO QUE QUIERO ES QUE AL HACER CLICK SOBRE LA PALABRA "MTV" SE ABRA EL LINK DE LA PAGINA ( COMO VENTANA NUEVA) Y QUE AL HACER CLICK SOBRE LA PALABRA "MTVLA" SE ABRA LA WEB CORRESPONDIENTE (WWW.MTVLA.COM) TAMBIEN COMO UNA VENTANA NUEVA ( APARTE DE LA DE MI FORO) ....... PARA LOS QUE NO CONOCEN MTV Y MTVLA NO ES LO MISMO NI TIENEN LAS MISMAS WEB ... ES DECIR QUIERO QUE SE PUEDA ABRIR EN DEFINITICA 2 WEBS SEPARADAS A PARTIR DE ESE BANNER ( VER EJEMPLO)






MUCHAS GRACIAS!

Avatar Image
@man / @woman
@man / @woman

Muy buena pregunta.... la verdad es que siempre he tenido curiosidad...


a mi se me ocurren dos opciones....

Una es con Dreamweaver, tiene una opción de mapa para crear una area con hipervinculo en una imagen. (codigo html : <map name="Map"> )

Y la otra es trocear la imagen y a cada trozo ponerle un vinculo distinto....

De todas formas intentare averiguar si con photoshop se puede hacer lo que quieres...


Un Saludo !!

Avatar Image
@man / @woman
@man / @woman

otra es importar esa imagen a flash, trazarla como mapa de bits y selecionar ese trozo combertirlo en simbolo de boton y ponerle
on (press) {
geturl("la pagina")
}

Avatar Image
@man / @woman
@man / @woman

Ays.... lo encontré !!! Se puede hacerrrrrr !!!


A ver te lo explico aunque no estaria de mas que te mirases la ayuda del Image Ready ( Pulsando F1 )....

Bueno pues abre photoshop y vas a menu ARCHIVO / IR A... / IMAGE READY

Se te abrira el nuevo programa y una vez aqui, abres la imagen que quieras y pinchas en la herramienta que tiene un rectangulo con un dedo y seleccionas la parte donde quieras poner el enlace...... una vez lo tengas seleccionado te vas a la paleta de Propiedades y pinchas en la pestaña de MAPA DE IMAGENES y alli tienes el espacio para poner la url que quieres que se te abra !!

Luego solo tienes que hacerlo con la otra parte de la imagen en la que quieras poner la otra url....

Espero haberme explicado bien !

Un saludo !

Avatar Image
Moderador
Moderador

A parte de los bitmap o mapas de bit se puede hacer con tablas, pero antes hay que cortar la imagen en tantas partes como celdas tenga la tabla. Y generar el enlace como se hace siempre.

De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


User 479801
User 479801
Okupa del foro
Okupa del foro

Lo que te dicen son formas demasido rebuscadas de hacer lo que dices.

La forma técnica de hacer lo utilizando los mapas de HTML. Esto lo desbiste preguntar en el subforo de HTML avanzado.

Te explicaré cómo hacer sin tener que dividir la imagen ni utilizar ningún programa especializado:

Se puede utilizar una única imagen para enlazar con varias páginas, yendo a una u otra según la zona en donde se pulse el ratón. Este tipo de imágenes se llaman mapas.

Pero tiene el inconveniente de que estos mapas no son implementados por todos los navegadores, aunque sí por la mayoría de los utilizados actualmente, desde las versiones siguientes: Netscape 2.0, Microsoft Explorer 2.0, Mosaic 2.1, etc. Pero se puede obviar este inconveniente suministrando enlaces alternativos para los navegadores que no implementen este tipo de mapas.

Para definir un área activa rectangular, necesitamos conocer las coordenadas de su ángulo superior izquierdo y las de su ángulo inferior derecho.

Estas coordenadas las obtenemos con el programa gráfico con el que hemos confeccionado la imagen. Hasta con el mismo Paint se puede hacer. Es simplemente saber cuántos pixels está alejado un punto de la margen superior y la izquierda.

Ej:

Codigo:
<MAP NAME=\"mi_mapa\">
<AREA SHAPE=\"RECT\" COORDS=\"46,40,250,75\" HREF=\"mipag2.html\">
<AREA SHAPE=\"RECT\" COORDS=\"46,100,250,135\" HREF=\"mipag3.html\">
</MAP>
<IMG SRC=\"pulsadr1.gif\" USEMAP=\"#mi_mapa\">
NAME es el nombre del mapa
AREA son las etiquetas de dterminan las sonas activas de vinculación en la imagen
SAPE=\"RECT\" significa que la zona activa será de forma rectangular
COORDS=\"w,x,y,z\" son las coordenasdas sinedo las coordenas del la esquina superior izquierda (w,x) y la inferior derecha (y,z)
Lugon en la etiqueta IMG la propiedad USEMAP será en nombre del mapa, poniéndole antes el signo #.

Para definir zonas activas en forma de cículos reemplazarmos la etiqueta AREA por las siguientes propiedades:
Codigo:
<AREA SHAPE=\"CIRCLE\" COORDS=\"x,y,r\" HREF=\"dirección_de_la_página\">
Siendo (x,y) las coordenadas del centro y siendo r el radio.

Espero haber aportado bastante.

Recuerda que no necesitas ningún programa supercomplicado. Incluso, solo necesitas dos programas: Paint y el Block de Notas para editar el código HTML.
Avatar Image
@man / @woman
@man / @woman

Si vasco... pero imagina que la imagen la quiere poner en su firma en el foro o en la cabecera de un foro.....

No se podria hacer como tu dices.... ademas la opcion que tu das, se la di en mi primera respuesta.... pero sin explicar... ya que pensé que se referia a que queria hacerlo con photoshop.

User 479801
User 479801
Okupa del foro
Okupa del foro

No se si es posible ponerlo en la firma de los mensajes, pero si estoy seguro que si se puede poner en la cabecera del foro.

Y respecto a tu explicación de cómo hacerlo en Image Ready, ¿La herramienta que dices es Sectores? Y te faltó decir que hay que cuadarlo en Archivo - Guardar optimizada como... para que lo guarde como HTML.

Avatar Image
Machacateclados
Machacateclados
DESDE YA MUCHISIMAS GRACIAS A TODOS!!





UNA COSA : CUAL DE TODAS LAS OPCIONES UTILIZO Y ME SERVIRA MEJOR ?
Avatar Image
@man / @woman
@man / @woman
User 479801
User 479801
Okupa del foro
Okupa del foro

Otro problema de dividir la imagen para poner en una tabla es que la imagen no carga toda completa, sino por partes pequeñas, y se corre el riesgo de que no cargue una de ellas.

Utiliza mejor los mapas como te expliqué.

Avatar Image
Moderador
Moderador
Escrito originalmente por Vascoeuscaro
Otro problema de dividir la imagen para poner en una tabla es que la imagen no carga toda completa, sino por partes pequeñas, y se corre el riesgo de que no cargue una de ellas.
de acuerdo con ello, pero ese al hacerlo así se facilita la carga de las imagenes en el caso de ser estas muy pesadas.

Creo que existe un programa que hace eso sin necesidad de cortarlas. De hecho el logo de google carga así. Pero no es el caso de este post.
De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


User 479801
User 479801
Okupa del foro
Okupa del foro

Para que el navegante no se desepere con la carga de la imagen, al guardar la imagen como gif, se escoge la opción esa que no se cómo se llama que es para que carque toda al mismo tiempo, pero se va enfocando toda poco a poco.

ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Opciones:
Ir al subforo:
Permisos:
TU NO PUEDES Escribir nuevos temas
TU NO PUEDES Responder a los temas
TU NO PUEDES Editar tus propios mensajes
TU NO PUEDES Borrar tus propios mensajes
Temas similares
No se han encontrado temas similares