Jueves, 28 Mar 2024, 3:27 PM
Le saludo Invitado

...

[ Mensajes nuevos · Participantes · Reglas del foro · Búsqueda · RSS ]
  • Página 1 de 1
  • 1
Foro de discussion » General » Html, Css, Ucoz, tutoriales, y todo sobre Paginas web. » Crear hipervinculos mediante texto y imagenes
Crear hipervinculos mediante texto y imagenes
RodrigoFecha: Sábado, 09 Abr 2011, 2:13 PM | Mensaje # 1
Maximus Administrus
Emperador
subida de premios ...
TagHombre
Fecha de Registro:
07 Mar 2010
Mensajes: 287
Reputation: 11
Tag
Crear una Imagen hipervinculo
_____________________________________________________________________

Bueno aqui les dejo un mini tutorial que me arme para explicar como hacer una imagen con que al hacerle click sirva de hipervinculo hacia otra pagina.

_____________________________________________________________________

Code
<a href="PARTE1" title="PARTE 2" target="_blank" rel="nofollow"><img class="imagen" border="0" src="PARTE 3">

_____________________________________________________________________

PARTE 1

En la parte 1 va el hipervinculo "link" de donde quieras que vaya al hacerle click.

PARTE 2

En la parte 2 va un titulo de cuando pases el cursor por la imagen salga un nombre.

PARTE 3

En la parte 3 va el link de la imagen deseada

_____________________________________________________________________

Ahora para aliniar una imagen solo se le agrega al principio de codigo

Code
<div align="center">

y al final

Code
</div>

Esto hara que se alinea hacia en centro, pero puedes aliniearlo por ejemplo al derecha o izquierda.

_____________________________________________________________________

Recuerden que este es el codigo HTML no BB.

Si lo quieren en codigo BB como los comentarios etc seria algo como.....

Code
[url=AQUI VA EL LINK DEL LA PAGINA QUE QUIERES QUE VAYAN][img]AQUI VA EL LINK DE LA IMAGEN[/img][/url]

Pero en el BB no se le puede cambiar el titulo sino solo sale el como titulo el link.

puedes poner antes del codgio

Code
[align=center]
y al final
Code
[/align]
para alinear

Aqui un ejemplo.

Codigo

Code
[align=center][url=portaldegollado.ucoz.com][img]http://t2.gstatic.com/images?q=tbn:3s4SneD2JqsLDM:http://shop.taringa.net/files/products/logo-taringa-blanca-2.jpg&t=1[/img][/url][/align]

Ejemplo

[align=center][/align]

_____________________________________________________________________

Ahora para los que quieren que un texto sea un hipervinculo aqui tambien los pasos a seguir.

El Codigo en BB

Code
[url=AQUI VA EL LINK DEL SITIO]AQUI EL TEXTO QUE QUIERAS QUE TENGA[/url]

Ejemplo

Codigo completo

Simple

Code
[url=portaldegollado.ucoz.com]Presiona aqui para entrar al mejor sitio del mundo![/url]

Mas modificado

Code
[color=blue][font=Verdana][b][url=portaldegollado.ucoz.com]Presiona aqui para entrar al mejor sitio del mundo![/url][/b][/font][/color]

"le puedes agregar detalles con los codigos del BB"

Ejemplo

Simple

Presiona aqui para entrar al mejor sitio del mundo!

Mas modificado

Presiona aqui para entrar al mejor sitio del mundo!

Si lo quieren en HTML es muy simple como hacerle solo unos cambios.

Code
<url=AQUI VA EL LINK DEL SITIO>AQUI EL TEXTO QUE QUIERAS QUE TENGA</url>

______________________________________________________________________

Bueno eso es todo :P ^^ 8|

Si tienen un duda no dudes en preguntar wink

Espero que les sea de ayuda.

Saludos y comenten. smile


"Ante la victoria hay que ser humilde y orgulloso ante la derrota"



____________
Te gusto el tema? "Me gusta"!
 
Foro de discussion » General » Html, Css, Ucoz, tutoriales, y todo sobre Paginas web. » Crear hipervinculos mediante texto y imagenes
  • Página 1 de 1
  • 1
Búscar:
Estadisticas de foro
Temas Recientes Temas mas populares Top Usuarios Nuevos Usuarios
Información Degollado Jal...
CHIVAS
Encuesta sobre los partid...
Los Faros más bellos del ...
Desfile Piramides 20 de N...
La Escolta 2010 de la Pre...
Uso de este foro sobre la...
CLAN AQUI!
Como deberia haber termin...
Guadalajara hace unas Dec...
CLAN AQUI!
Tus imagenes Aqui!
CHIVAS
Uso de este foro sobre la...
Los 10 animales más graci...
Información Degollado Jal...
Combat Arms
Calidad De la Preparatori...
GIMP programa similar al ...
Sugerencias,quejas u otro...
Rodrigo (287)
chili_peppers (32)
el_primo (28)
Andrex (15)
Alexis (10)
Altair94 (9)
Miguel (9)
brissurge (7)
dardword (6)
Desierto01 (5)
TazeqixDync
MaxCavy
AneeccaGen
AriannaOt
Traviseref
JoanneSr
HerbertSels
Thomasst
StephenGup
ManuelStex


Free counters!